@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");body { margin: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } #root { max-width: 100%; min-height: 100vh; margin: 0 auto; text-align: center; background-color: #1f2b3d; color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .login-page .login-container { display: flex; min-height: 100vh; background-color: #0c1119; position: relative; } .login-page .login-container-gradient { position: absolute; height: 100%; } .login-page .login-container { /* Left Section */ } .login-page .login-container .login-left { flex: 1; display: flex; max-width: 39rem; padding-top: 8.125rem; padding-left: 6.5rem; } .login-page .login-container .login-left .branding { text-align: center; } .login-page .login-container { /* Right Section */ } .login-page .login-container .login-right { flex: 1; display: flex; padding-top: 8.125rem; padding-right: 2.5rem; } .login-page .login-container .login-right .login-box { max-width: 28.75rem; width: 100%; text-align: left; } .login-page .login-container .login-right .login-box .login-title { margin-bottom: 1rem; color: #fcfcfd; } .login-page .login-container .login-right .login-box .login-subtitle { margin-bottom: 3rem; color: #a5b4cb; } .login-page .login-container .login-right .login-box .login-error { margin-bottom: 1.5rem; } .login-page .login-container .login-right .login-box .login-error svg.warning path { fill: #ffc37d; } .login-page .login-container .login-right .login-box .login-form .form-group { height: 5.125rem; margin-bottom: 3rem; width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-textfield-wrapper .arr-textfield { width: 100%; /* === Shared Icon Color === */ } .arr-textfield-wrapper .arr-textfield .arr-textfield-icon-color { color: #89a6ff; } .arr-textfield-wrapper .arr-textfield { /* === Password visible state === */ } .arr-textfield-wrapper .arr-textfield.arr-textfield--show-password .MuiInputBase-input { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #fcfcfd; -webkit-text-security: none; } .arr-textfield-wrapper .arr-textfield { /* === Focus styles (mouse vs tab) === */ } .arr-textfield-wrapper .arr-textfield.mouseFocusedBorder .MuiFilledInput-root.Mui-focused:not(.Mui-error) { border: 0.125rem solid #5265ff; } .arr-textfield-wrapper .arr-textfield.mouseFocusedBorder .MuiFilledInput-root.Mui-focused.Mui-error { border: 0.125rem solid #ff7a7a; } .arr-textfield-wrapper .arr-textfield.tabFocusedBorder .MuiFilledInput-root.Mui-focused:not(.Mui-error), .arr-textfield-wrapper .arr-textfield.tabFocusedBorder .MuiFilledInput-root.Mui-focused.Mui-error { border: 0.125rem solid #fcfcfd; } .arr-textfield-wrapper .arr-textfield--large .MuiFilledInput-root { height: 3.5rem; border-radius: 0.5rem; } .arr-textfield-wrapper .arr-textfield--large .MuiFilledInput-input { padding-left: 1rem; } .arr-textfield-wrapper .arr-textfield--large .clear-btn { font-size: 1.25rem; } .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root { color: #fcfcfd; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; pointer-events: none; transform: translate(1rem, 1rem); } .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { color: #ccd5e3; font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; transform: translate(1rem, 0.4375rem); } .arr-textfield-wrapper .arr-textfield--medium .arr-textfield-error-icon { height: 1.25rem; width: 1.25rem; } .arr-textfield-wrapper .arr-textfield--medium .clear-btn { font-size: 1rem; } .arr-textfield-wrapper .arr-textfield--medium .MuiFilledInput-root { height: 2.5rem; padding-right: 0.5rem; border-radius: 0.5rem; } .arr-textfield-wrapper .arr-textfield--medium .MuiFilledInput-input { padding: 0.625rem 0rem 0.625rem 0.5rem; height: 1.25rem; } .arr-textfield-wrapper .arr-textfield--medium .MuiInputLabel-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; pointer-events: none; } .arr-textfield-wrapper .arr-textfield--small .arr-textfield-error-icon { height: 1.25rem; width: 1.25rem; } .arr-textfield-wrapper .arr-textfield--small .clear-btn { font-size: 1rem; } .arr-textfield-wrapper .arr-textfield--small .MuiFilledInput-root { height: 2rem; padding-right: 0.5rem; border-radius: 0.25rem; } .arr-textfield-wrapper .arr-textfield--small .MuiFilledInput-input { padding: 0.375rem 0rem 0.375rem 0.5rem; height: 1.25rem; } .arr-textfield-wrapper .arr-textfield--small .MuiInputLabel-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; pointer-events: none; } .arr-textfield-wrapper .arr-textfield { /* Shared input placeholder style */ } .arr-textfield-wrapper .arr-textfield .MuiFilledInput-input::placeholder { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .arr-textfield-wrapper .arr-textfield { /* === Enabled === */ } .arr-textfield-wrapper .arr-textfield.arr-textfield--enabled .MuiFilledInput-root { border: 0.062rem solid #3c4f6b; background-color: transparent; color: #fcfcfd; } .arr-textfield-wrapper .arr-textfield.arr-textfield--enabled .MuiFilledInput-root .MuiFilledInput-input::placeholder { color: #a5b4cb; opacity: 1; } .arr-textfield-wrapper .arr-textfield.arr-textfield--enabled .MuiFilledInput-root:hover { border: 0.062rem solid #6e87ff; background-color: rgba(84, 106, 140, 0.2); } .arr-textfield-wrapper .arr-textfield { /* === Error === */ } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .MuiInputLabel-root { color: #ff7a7a; } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .MuiInputLabel-root .MuiFormLabel-asterisk { color: #ff7a7a; } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .MuiFilledInput-root { border: 0.062rem solid #ff7a7a; background-color: transparent; color: #ff7a7a; } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .MuiFilledInput-root .MuiFilledInput-input::placeholder { color: #a5b4cb; } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .MuiFilledInput-root:hover { border: 0.062rem solid #ff7a7a; background-color: rgba(84, 106, 140, 0.2); } .arr-textfield-wrapper .arr-textfield.arr-textfield--error .arr-textfield-helper { color: #ff7a7a; } .arr-textfield-wrapper .arr-textfield { /* === Inactive (disabled) === */ } .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiInputBase-input.Mui-disabled { -webkit-text-fill-color: #727882; } .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiInputLabel-root { color: #727882; } .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiFilledInput-root { border: none; background-color: rgba(66, 71, 80, 0.2); color: #727882; } .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiFilledInput-root .MuiFilledInput-input::placeholder { color: #727882; } .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .arr-textfield-helper { color: #727882; } .arr-textfield-wrapper .arr-textfield { /* === Error icon === */ } .arr-textfield-wrapper .arr-textfield .arr-textfield-error-icon { color: #ff7a7a; margin-left: 0.5rem; } .arr-textfield-wrapper .arr-textfield { /* === Support text === */ } .arr-textfield-wrapper .arr-textfield .arr-textfield-helper { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; margin: 0.5rem 0rem 0rem 1rem; color: #a5b4cb; } .arr-textfield-wrapper .arr-textfield { /* === Autofill override === */ } .arr-textfield-wrapper .arr-textfield input:-webkit-autofill, .arr-textfield-wrapper .arr-textfield input:-webkit-autofill:hover, .arr-textfield-wrapper .arr-textfield input:-webkit-autofill:focus, .arr-textfield-wrapper .arr-textfield textarea:-webkit-autofill, .arr-textfield-wrapper .arr-textfield select:-webkit-autofill { -webkit-box-shadow: 0 0 0 90rem transparent inset !important; background-color: transparent !important; -webkit-text-fill-color: #fcfcfd !important; border: none !important; transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s; caret-color: #fcfcfd; } .arr-textfield-wrapper .arr-textfield { /* === Clear button styles === */ } .arr-textfield-wrapper .arr-textfield .clear-btn { color: #8c9eba; cursor: pointer; } .arr-textfield-wrapper .arr-textfield .clear-icon-btn { padding: 0.25rem; /* Focus */ } .arr-textfield-wrapper .arr-textfield .clear-icon-btn.Mui-focusVisible:not(.Mui-disabled) { border: 0.125rem solid #fcfcfd; border-radius: 0.25rem !important; outline: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .aur-button.MuiButton-root { text-transform: none; } .aur-button.MuiButton-root .progress-spinner { margin-right: 0.5rem; } .aur-button.MuiButton-root.aur-button--end-icon-small .MuiButton-endIcon .MuiSvgIcon-root { width: 1rem; height: 1rem; } .aur-button--large.MuiButton-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; padding: 1rem; border-radius: 0.5rem; } .aur-button--medium.MuiButton-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; padding: 0.5rem 1rem; border-radius: 0.5rem; height: 2.5rem; } .aur-button--small.MuiButton-root { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; padding: 0.5rem 1rem; border-radius: 0.25rem; height: 2rem; } .aur-button--xs.MuiButton-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; padding: 0.5rem 1rem; border-radius: 0.25rem; height: 1.5rem; } .aur-button--primary.MuiButton-root { background-color: #5265ff; color: #ffffff; } .aur-button--primary.MuiButton-root:hover { background-color: #6e87ff; } .aur-button--primary.MuiButton-root:active { background-color: #3845ad; } .aur-button--primary.MuiButton-root:focus { outline: 0.125rem solid #fcfcfd; } .aur-button--primary.MuiButton-root:disabled { background-color: rgba(66, 71, 80, 0.2); color: #727882; } .aur-button--secondary.MuiButton-root { background-color: rgba(84, 106, 140, 0.2); color: #89a6ff; } .aur-button--secondary.MuiButton-root:hover { background-color: rgba(84, 106, 140, 0.2); color: #a5c1ff; } .aur-button--secondary.MuiButton-root:active { background-color: rgba(84, 106, 140, 0.2); color: #c4d9ff; } .aur-button--secondary.MuiButton-root:focus { outline: 0.125rem solid #fcfcfd; } .aur-button--secondary.MuiButton-root:disabled { background-color: rgba(66, 71, 80, 0.2); color: #727882; } .aur-button--success.MuiButton-root { background-color: #7ddfbb; color: #0c1119; } .aur-button--success.MuiButton-root:hover { background-color: #66d3aa; } .aur-button--success.MuiButton-root:active { background-color: #4fbf96; } .aur-button--success.MuiButton-root:focus { outline: 0.125rem solid #fcfcfd; } .aur-button--success.MuiButton-root:disabled { background-color: rgba(66, 71, 80, 0.2); color: #727882; } .aur-button--danger.MuiButton-root { background-color: #e2294a; color: #ffffff; } .aur-button--danger.MuiButton-root:hover { background-color: #b9002e; } .aur-button--danger.MuiButton-root:active { background-color: #b9002e; } .aur-button--danger.MuiButton-root:focus { outline: 0.125rem solid #fcfcfd; } .aur-button--danger.MuiButton-root:disabled { background-color: rgba(66, 71, 80, 0.2); color: #727882; } .aur-button--text.MuiButton-root { background-color: transparent; color: #89a6ff; } .aur-button--text.MuiButton-root:hover { color: #a5c1ff; } .aur-button--text.MuiButton-root:active { color: #c4d9ff; } .aur-button--text.MuiButton-root:focus { outline: 0.125rem solid #fcfcfd; } .aur-button--text.MuiButton-root:disabled { color: #727882; } .arr-action-btn-open { background-color: #3845ad !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-banner { width: auto; display: flex; align-items: center; justify-content: space-between; position: relative; } .arr-banner.persistent { padding: 1.125rem 4rem; } .arr-banner.contextual { padding: 1.125rem 1rem; border-radius: 0.5rem; } .arr-banner--success { background-color: rgba(125, 223, 187, 0.1); color: #7ddfbb; } .arr-banner--warning { background-color: rgba(255, 195, 125, 0.1); color: #ffc37d; } .arr-banner--error { background-color: rgba(255, 122, 122, 0.1); color: #ff7a7a; } .arr-banner--info { background-color: rgba(69, 85, 214, 0.1); color: #ffffff; } .arr-banner__content { display: flex; align-items: center; gap: 1rem; flex: 1; } .arr-banner__action { background: none; border: none; text-transform: none !important; color: #ffffff !important; cursor: pointer; padding: 0.5rem 1rem !important; display: flex; align-items: center; gap: 0.5rem; } .arr-banner__action + .arr-banner__action { border-left: 0.0635rem solid currentColor; margin-left: 0.5rem; padding-left: 1rem; color: #ffffff; } .arr-banner__action-icon { display: flex; align-items: center; } .arr-banner__action-icon img { width: 1rem; height: 1rem; object-fit: contain; display: block; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root .typo-text.MuiFilledInput-input { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-field-popover-date-filter { margin: 0rem; padding: 0rem; align-self: center; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; align-content: flex-start; width: 100%; } .arr-field-popover-date-filter .arr-search-input { width: 100%; } .arr-field-popover-date-filter .arr-search-input .MuiInputLabel-root { margin-top: 0.25rem; color: #ccd5e3; } .arr-field-popover-date-filter .arr-search-input .MuiInputLabel-root.MuiInputLabel-shrink { transform: translate(1rem, 0.4375rem) scale(0.75); } .arr-field-popover-date-filter .arr-search-input .MuiFilledInput-underline:before, .arr-field-popover-date-filter .arr-search-input .MuiFilledInput-underline:hover:before { border-bottom: none !important; } .arr-field-popover-date-filter .arr-search-input .MuiFilledInput-root::before, .arr-field-popover-date-filter .arr-search-input .MuiFilledInput-root::after { border: none !important; } .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root { border: 0.062rem solid #3c4f6b !important; border-radius: 0.5rem; height: 3.5rem; padding-top: 0.5rem; padding-right: 1rem; } .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root:focus-within { border: 0.125rem solid #5265ff !important; } .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root .MuiFilledInput-input { color: #fcfcfd; border: none; padding-bottom: 0.5rem; padding-left: 1rem; text-overflow: ellipsis; } .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root .MuiInputBase-input.Mui-disabled { -webkit-text-fill-color: #727882 !important; color: #727882 !important; } .arr-field-popover-date-filter .arr-search-input .MuiInputLabel-root.Mui-disabled { color: #727882 !important; } .arr-field-popover-date-filter .arr-search-input .error-icon { color: #ff7a7a !important; } .arr-field-popover-date-filter .arr-search-input .MuiInputBase-root.Mui-error { border: 0.062rem solid #ff7a7a !important; } .arr-field-popover-date-filter .arr-search-input .MuiFormHelperText-root.Mui-error { color: #ff7a7a; } .arr-field-popover-date-filter .arr-search-input .MuiInputLabel-root.Mui-error { color: #ff7a7a; } .arr-field-popover-date-filter .calender-today-icon { color: #89a6ff; height: 1.5rem !important; width: 1.5rem !important; } .arr-field-popover-date-filter .MuiIconButton-root.Mui-disabled .calender-today-icon { color: #727882 !important; } .arr-field-popover-date-filter { /* Ensure SVG paths inherit color */ } .arr-field-popover-date-filter .calender-today-icon path { fill: currentColor; } .arr-field-popover-date-filter .clear-icon-button.icon-button.MuiIconButton-root.with-shape { background: none; } .arr-field-popover-date-filter .clear-icon-button.icon-button.MuiIconButton-root.with-shape .clear-icon { width: 1.125rem !important; height: 1.125rem !important; } .arr-date-picker-popper-filter { border-radius: 0.5rem; } .arr-date-picker-popper-filter .MuiPaper-root { background-color: #121a25; border-radius: 0.5rem; box-sizing: border-box; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3019607843); } .arr-date-picker-popper-filter .date-paper { background-color: #121a25; border: 0.062rem solid #263449; border-radius: 0.5rem; background-image: none; overflow: auto; } .arr-date-picker-popper-filter .date-paper .arr-conditions-dropdown-container { border-radius: 0.5rem; border: 0.062rem solid #3c4f6b; } .arr-date-picker-popper-filter .date-paper .arr-conditions-dropdown-container .MuiSelect-icon { fill: #89a6ff; } .arr-date-picker-popper-filter .date-paper .arr-conditions-dropdown-container .condition-text { color: #ccd5e3; } .arr-date-picker-popper-filter .date-paper .arr-conditions-dropdown-container.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #5265ff; } .arr-date-picker-popper-filter .date-paper .arr-horizontal-date-container { display: flex; justify-content: space-between; gap: 0.5rem; margin-top: 0.5rem; } .arr-date-picker-popper-filter .date-paper .arr-horizontal-date-container .arr-date-container { padding: 0.5rem 1rem; border-radius: 0.5rem; border: 0.062rem solid #3c4f6b; max-height: 3.5rem; } .arr-date-picker-popper-filter .date-paper .arr-horizontal-date-container .arr-date-container .arr-date-placholder { color: #ccd5e3; } .arr-date-picker-popper-filter .date-paper .arr-horizontal-date-container .arr-date-container .arr-date-input-label { color: #a5b4cb; } .arr-date-picker-popper-filter .date-paper .arr-horizontal-date-container .arr-divider { width: 0.75rem; height: 0.125rem; align-self: center; background-color: #3c4f6b; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container { display: flex; flex-direction: row; align-items: center; gap: 2rem; padding: 1rem; padding-bottom: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar { height: auto !important; width: 100% !important; max-height: 20.75rem; margin: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiMultiSectionDigitalClockSection-item { color: #fcfcfd; height: 2.25rem; width: 3.25rem; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; border-radius: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiMultiSectionDigitalClockSection-item:hover { background-color: rgba(110, 135, 255, 0.6); border: 0.062rem solid #6e87ff; border-radius: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiMultiSectionDigitalClockSection-item.Mui-selected { background-color: #5265ff !important; color: #fcfcfd !important; border-radius: 0.25rem; border: 0.062rem solid #5265ff; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiDayCalendar-root { height: 15.75rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiDayCalendar-header { color: #5265ff; justify-content: flex-start; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersCalendarHeader-label { color: #fcfcfd; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiDayCalendar-weekContainer { justify-content: flex-start; margin: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersCalendarHeader-root { margin: 0rem; padding: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-button { padding: 0rem; color: #fcfcfd; width: 3.875rem; min-width: 3.875rem; max-width: 4rem; height: 2.5rem; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root { width: min-content; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0rem; overflow-y: auto; padding: 0rem !important; margin: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root .MuiPickersYear-yearButton { font-size: 0.75rem; padding: 0.25rem; text-align: center; border-radius: 0.5rem !important; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root::-webkit-scrollbar { width: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; transition: background-color 0.3s; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-root::-webkit-scrollbar-track { background: transparent; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersCalendarHeader-switchViewIcon { color: #89a6ff; width: 0.75rem; height: 0.375rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersArrowSwitcher-root { gap: 0.125rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersArrowSwitcher-button { color: #89a6ff; padding: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiDayCalendar-weekDayLabel { color: #fcfcfd; height: 2.25rem; width: 2.25rem; margin: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersDay-root { color: #fcfcfd; height: 2.25rem; width: 2.25rem; margin: 0rem; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersDay-root:hover { background-color: rgba(110, 135, 255, 0.6); border: 0.062rem solid #6e87ff; border-radius: 62.5rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .Mui-selected { background-color: #5265ff !important; color: #fcfcfd !important; border-radius: 6.25rem; border: none; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersDay-today { border: 0.062rem solid #8c9eba; border-radius: 62.5rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersDay-root.Mui-disabled:not(.Mui-selected) { color: #a5b4cb; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersYear-yearButton:hover { background-color: rgba(110, 135, 255, 0.2); border: 0.062rem solid #6e87ff; border-radius: 0.5rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-button:hover { background-color: rgba(110, 135, 255, 0.2); border: 0.062rem solid #6e87ff; border-radius: 6.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-button:focus { border: 0.062rem solid #8c9eba; border-radius: 62.5rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiYearCalendar-button.Mui-selected { background-color: #5265ff !important; color: #fcfcfd !important; border-radius: 6.25rem; border: none; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-calendar .MuiPickersDay-dayOutsideMonth { color: #a5b4cb; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker { margin: -1rem; margin-bottom: 0rem; padding: 0rem 0rem 0rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker .MuiMultiSectionDigitalClockSection-root { padding-top: 0.25rem; margin: 0rem !important; width: fit-content !important; box-sizing: border-box; border-bottom: 0.062rem solid #263449; border-right: 0.062rem solid #263449; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker .MuiMultiSectionDigitalClockSection-root:last-child { border-right: none; padding-right: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker .MuiMultiSectionDigitalClockSection-root:first-child { padding-left: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker .MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar { width: 0rem; height: 0rem; background: transparent; } .arr-date-picker-popper-filter .date-paper .arr-calendar-container .arr-digital-timepicker .MuiMultiSectionDigitalClockSection-root { scrollbar-width: none; scrollbar-color: transparent transparent; } .arr-date-picker-popper-filter .date-paper .arr-date-advanced-button-filter { margin-bottom: 0.25rem; } .arr-date-picker-popper-filter .date-paper .arr-date-footer-filter { margin: 0.5rem 1rem 1rem 1rem; display: flex; flex: 1; flex-direction: row; justify-content: space-between; } .arr-date-picker-popper-filter .date-paper .arr-date-footer-filter .arr-date-apply-button-filter .button-text { font-size: 0.875rem; line-height: 1rem; } .arr-date-picker-popper-filter { z-index: 1300; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .icon-button.MuiIconButton-root { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: none; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; } .icon-button.MuiIconButton-root svg { color: #89a6ff; flex-shrink: 0; display: block; } .icon-button.MuiIconButton-root { /* Shape */ } .icon-button.MuiIconButton-root.with-shape { background-color: rgba(84, 106, 140, 0.2); } .icon-button.MuiIconButton-root { /* Hover */ } .icon-button.MuiIconButton-root:hover:not(.Mui-disabled) { background-color: rgba(84, 106, 140, 0.4); } .icon-button.MuiIconButton-root:hover:not(.Mui-disabled) svg { color: #c4d9ff; } .icon-button.MuiIconButton-root { /* Disabled */ } .icon-button.MuiIconButton-root.Mui-disabled { opacity: 0.6; } .icon-button.MuiIconButton-root.Mui-disabled svg { fill: #898e97; } .icon-button.MuiIconButton-root { /* Focus */ } .icon-button.MuiIconButton-root.Mui-focusVisible:not(.Mui-disabled) { border: 0.125rem solid #fcfcfd; border-radius: 0.25rem !important; padding: 0.25rem; outline: none; } .icon-button.MuiIconButton-root { /* Active (pressed) */ } .icon-button.MuiIconButton-root:active:not(.Mui-disabled) { background-color: rgba(84, 106, 140, 0.4); transform: scale(0.95); outline: none; box-shadow: none; } .icon-button.MuiIconButton-sizeSmall { width: 1.5rem; height: 1.5rem; } .icon-button.MuiIconButton-sizeSmall svg { width: 1.25rem; height: 1.25rem; } .icon-button.MuiIconButton-sizeSmall.with-shape, .icon-button.MuiIconButton-sizeSmall:hover:not(.mui-disabled) { border-radius: 0.25rem; } .icon-button.MuiIconButton-sizeMedium { width: 2rem; height: 2rem; } .icon-button.MuiIconButton-sizeMedium svg { width: 1.5rem; height: 1.5rem; } .icon-button.MuiIconButton-sizeMedium.with-shape, .icon-button.MuiIconButton-sizeMedium:hover:not(.mui-disabled) { border-radius: 0.25rem; } .icon-button.MuiIconButton-sizeLarge { width: 2.5rem; height: 2.5rem; } .icon-button.MuiIconButton-sizeLarge svg { width: 1.5rem; height: 1.5rem; } .icon-button.MuiIconButton-sizeLarge.with-shape, .icon-button.MuiIconButton-sizeLarge:hover:not(.mui-disabled) { border-radius: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow { background-color: #ffffff; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow .tooltip-content { color: #0c1119; padding: 0.5rem; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow .MuiTooltip-arrow { color: #ffffff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .demo-page { display: flex; flex-direction: column; align-items: flex-start; padding: 2rem 3rem; min-height: 100vh; } .demo-page .link { display: inline-block; margin: 0.4rem 0; font-size: 1.25rem; font-weight: 500; color: white; text-decoration: none; } .demo-page .link:hover { text-decoration: underline; } .demo-page > div { margin-bottom: 0.5rem; } .textfield-demo { text-align: left; } .modal-demo .button-row { display: flex; gap: 1rem; width: 100%; } .AlterIcon { background-color: #fff187 !important; /* Default state */ } .AlterIcon svg { color: #1f2b3d !important; } .AlterIcon { /* Hover */ } .AlterIcon:hover svg { color: #7ddfbb !important; } .pagination-demo { padding: 2rem; text-align: left; } .pagination-demo .link { color: white; } .select-dropdown { padding: 2rem; text-align: left; } .select-dropdown .link { display: inline-block; margin: 0.4rem 0; font-size: 1.25rem; font-weight: 500; color: white; text-decoration: none; } .select-dropdown .link:hover { text-decoration: underline; } .menu-demo .button-row { display: flex; flex-direction: column; gap: 2rem; } .menu-demo .button-row .MuiBox-root { min-height: 3.75rem; padding: 1rem; } .chip-v1 .arr-filter-chip-v1 { border: 0.062rem solid #5265ff !important; } .chip-v1 { border: 0.062rem solid #5265ff !important; } .chip-v1 .arr-filter-chip-v1__filter { background-color: #5265ff !important; } .chip-v1 .arr-filter-chip-v1__operator { background-color: #5265ff !important; } .chip-v1 .icon-button.MuiIconButton-root.with-shape { background-color: #5265ff !important; border-left: 0.062rem solid #5265ff !important; } .chip-v2 { background-color: #603e94 !important; border: 0.062rem solid #8a38f5 !important; } .chip-v2-fixed-width { width: 15rem !important; } .pie-chart-demo { padding: 2rem; text-align: left; } .pie-chart-demo .pie-chart-contr { display: flex; gap: 1rem; } .pie-chart-demo .pie-chart-contr .pie-chart-demo { background-color: #121a25; width: 26.875rem; padding: 1.5rem; border-radius: 0.5rem; } .coding-form-editor-demo-main { background-color: #263449; } .coding-form-editor-demo { display: flex; flex-direction: row; gap: 1rem; } /* ArrStepper.scss */ .stepper-container { display: flex; flex-direction: column; height: 18.75rem; justify-content: space-between; width: fit-content; } .stepper-content { display: flex; justify-content: center; align-items: center; overflow: visible; } .stepper-buttons { display: flex; justify-content: flex-end; gap: 0.625rem; padding: 0.625rem; } .document-tile-demo { text-align: left; } .document-tile-demo-title { padding: 2rem 0rem; } .accordion-demo { display: flex; flex-direction: column; padding: 2rem; } .popout-panel-demo { width: 100%; height: 95dvh; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; color: white; } .popout-panel-demo .panel { width: 28rem; } .dashboard { width: 70%; margin: auto; padding: 2%; display: flex; flex-direction: column; gap: 20px; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-modal { z-index: 9999; } .arr-modal .modal-backdrop { background: linear-gradient(270.36deg, rgba(11, 9, 35, 0.8) 0.31%, rgba(23, 28, 71, 0.3) 99.7%); transition: opacity 300ms ease-in-out; } .arr-modal .modal-paper { border-radius: 1.5rem; padding: 2rem; background-color: #0c1119; border: 0.062rem solid #5265ff; width: 34rem; max-width: 34rem; max-height: 40rem; } .arr-modal .modal-header-title { display: flex; align-items: center; justify-content: space-between; padding: 0rem; } .arr-modal .custom-text-color { color: #a5b4cb; line-height: 1.25rem; } .arr-modal .modal-close { width: 2rem; height: 2rem; padding: 0rem; color: #8c9eba; } .arr-modal .modal-close .MuiSvgIcon-root { font-size: 2rem; } .arr-modal .modal-content { padding: 1rem 0rem; } .arr-modal .modal-content .modal-title-row { display: flex; padding-bottom: 1rem; } .arr-modal .modal-content .title-text-color { color: #fcfcfd; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .arr-modal .modal-content .desc-text-color { color: #ccd5e3; } .arr-modal .modal-actions { padding: 0rem; padding-top: 1rem; width: 100%; } .arr-modal .modal-actions .button-row { display: flex; gap: 1rem; width: 100%; } .arr-modal .modal-actions .button-row button { flex: 1; } .arr-modal .waterfall-entering, .arr-modal .waterfall-entered { transform: translateY(0); opacity: 1; transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease-in-out; } .arr-modal .waterfall-exiting, .arr-modal .waterfall-exited { transform: translateY(48px); opacity: 0; transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease-in-out; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow { background-color: #ffffff; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow .tooltip-content { color: #0c1119; } .MuiTooltip-tooltip.MuiTooltip-tooltipArrow .MuiTooltip-arrow { color: #ffffff; } .tooltip-popup.MuiDialog-root .MuiModal-backdrop { background: linear-gradient(270.36deg, rgba(11, 9, 35, 0.8) 0.31%, rgba(23, 28, 71, 0.3) 99.7%); } .tooltip-popup.MuiDialog-root .MuiPaper-root { max-width: 33.75rem; background-color: #0c1119; border-radius: 1.5rem; border: 0.062rem solid #5265ff; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root { padding: 1.5rem 2rem 0.5rem; border-bottom: 0.062rem solid #182231; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root .MuiButtonBase-root.MuiIconButton-root { padding: 0rem; color: #8c9eba; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root .MuiButtonBase-root.MuiIconButton-root .MuiSvgIcon-root { font-size: 2rem; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogContent-root { padding: 1rem 1rem 1rem 2rem; color: #ccd5e3; max-height: 20.75rem; overflow-wrap: break-word; word-break: break-word; white-space: normal; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogContent-root::-webkit-scrollbar { width: 1rem; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogContent-root::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; border: 0.25rem solid transparent; background-clip: content-box; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogContent-root::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.375rem 0.75rem; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogActions-root { padding: 1rem; border-top: 0.062rem solid #182231; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogActions-root .footer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; gap: 0.625rem; background: linear-gradient(90deg, #2c5369 0%, #252947 47.6%, #392e57 100%); border-radius: 0.5rem; padding: 1rem; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogActions-root .footer-box .MuiButtonBase-root.MuiIconButton-root { padding: 0.25rem; color: #89a6ff; background-color: rgba(84, 106, 140, 0.2); border-radius: 0.25rem; margin: 0.5rem 0rem; } .tooltip-popup.MuiDialog-root .MuiPaper-root .MuiDialogActions-root .footer-box .footer-link-content { color: #fcfcfd; } .tooltip-popup-title-container { display: flex; justify-content: space-between; align-items: start; color: #fcfcfd; } .hidden-measure { display: none; visibility: hidden; position: absolute; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-pagination { display: flex; justify-content: space-between; align-items: center; background-color: #121a25; padding: 0.75rem 1rem; border-radius: 0.25rem; flex-wrap: wrap; gap: 0.75rem; } .arr-pagination.limited { flex-direction: column; align-items: flex-end; } .arr-pagination .pagination-info { white-space: nowrap; color: #a5b4cb; } .arr-pagination .pagination-controls { display: flex; align-items: center; flex-wrap: wrap; } .arr-pagination .pagination-controls .pages-label { padding-right: 1rem; } .arr-pagination .pagination-controls .label { color: #ccd5e3; min-height: 1.25rem !important; padding: 0rem; width: 2.8125rem; } .arr-pagination .pagination-controls .per-page-select { min-width: 7rem; background-color: #121a25; color: #89a6ff; font-size: 0.875rem; border-radius: 0.25rem; } .arr-pagination .pagination-controls .per-page-select.Mui-focused { border: 0.125rem solid #fcfcfd; } .arr-pagination .pagination-controls .per-page-select .MuiSelect-select { width: 7rem !important; padding: 0.375rem 0rem; display: flex; align-items: center; cursor: pointer; } .arr-pagination .pagination-controls .per-page-select fieldset { border: none; } .arr-pagination .pagination-controls .select-render-value { display: flex; justify-content: space-between; align-items: center; } .arr-pagination .pagination-controls .select-label { color: #89a6ff; } .arr-pagination .pagination-controls .select-caret { color: #89a6ff; width: 1rem; height: 1rem; } .arr-pagination .pagination-controls .custom-pagination { display: flex; align-items: center; gap: 0.25rem; } .arr-pagination .pagination-controls .custom-pagination .page-button { padding: 0rem; min-width: 2rem; height: 2rem; background-color: #121a25; color: #89a6ff; border: none; border-radius: 0.25rem; cursor: pointer; } .arr-pagination .pagination-controls .custom-pagination .page-button.active { color: #89a6ff; background-color: rgba(84, 106, 140, 0.1); } .arr-pagination .pagination-controls .custom-pagination .ellipsis { color: #89a6ff; padding: 0rem 0.25rem; } .arr-pagination .pagination-controls .custom-pagination .nav-button { width: 3rem; height: 2rem; } .custom-dropdown-menu { background-color: #0c1119 !important; color: #fcfcfd !important; border-radius: 0.25rem; min-width: 5.678rem !important; } .custom-dropdown-menu .MuiList-root.MuiMenu-list { padding: 0rem; } .custom-dropdown-menu .MuiMenuItem-root:hover { background-color: rgba(84, 106, 140, 0.2); } .custom-dropdown-menu .MuiMenuItem-root.Mui-selected { background-color: rgba(84, 106, 140, 0.4); } @media (max-width: 56.25rem) { .arr-pagination { flex-direction: column; align-items: stretch; } .arr-pagination .pagination-info { width: 100%; text-align: left; } .arr-pagination .pagination-controls { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.75rem; } .arr-pagination .pagination-controls .per-page-select-wrapper { order: 1; flex: 1 0 auto; } .arr-pagination .pagination-controls .label { order: 2; display: none; } .arr-pagination .pagination-controls .custom-pagination { order: 3; flex: 2 0 auto; justify-content: flex-start; } .limited .pagination-info { display: none; } .limited .pagination-controls { justify-content: flex-end; } .limited .pagination-controls .custom-pagination { justify-content: flex-end; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-toast { display: flex; flex-direction: column; padding: 0.75rem 1rem; border-radius: 0.625rem; } .arr-toast--success { background-color: #7ddfbb; } .arr-toast--error { background-color: #ff7a7a; } .arr-toast--warning { background-color: #ffc37d; } .arr-toast--info { background-color: #4555d6; } .arr-toast__content, .arr-toast__content-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; } .arr-toast__message-section { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; flex: 1; word-wrap: break-word; overflow-wrap: break-word; } .arr-toast__title { font-weight: 600; text-align: left; font-family: Inter; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.016rem; color: #0c1119; } .arr-toast__close { margin-left: auto; cursor: pointer; } .arr-toast__close .MuiButtonBase-root.MuiIconButton-root { padding: 0rem 0.125rem; width: 3rem; height: 2rem; } .arr-toast__message { text-align: left; color: #0c1119; max-width: 24.375rem; text-wrap-mode: wrap; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-collapsible-panel { border-radius: 0.125rem; padding: 1rem; background-color: #0c1119; border-radius: 0.5rem !important; } .arr-collapsible-panel.disabled { background-color: #ffffff; pointer-events: none; opacity: 0.6; } .arr-collapsible-panel .panel-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; outline: none; } .arr-collapsible-panel .panel-header .panel-title { display: flex; align-items: center; } .arr-collapsible-panel .panel-header .panel-title .title-label { margin-right: 0.5rem; font-weight: 500; } .arr-collapsible-panel .panel-header .panel-title .info-button { padding: 0rem; color: #898e97; } .arr-collapsible-panel .panel-header .toggle-indicator { display: flex; align-items: center; color: #89a6ff; } .arr-collapsible-panel .panel-header .toggle-indicator .toggle-label { margin-right: 0.25rem; } .arr-collapsible-panel .panel-content { margin-top: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-navlist { list-style: none; margin: 0; padding: 0; width: 100%; background-color: #121a25; box-sizing: border-box; } .arr-navlist__item { display: flex; align-items: center; color: #ccd5e3; background-color: transparent; height: 1.5rem; opacity: 1; gap: 0.5rem; padding: 0.5rem 1rem; } .arr-navlist__item:hover { background-color: rgba(84, 106, 140, 0.4); color: #fcfcfd; cursor: pointer; } .arr-navlist__item--disabled { color: #727882; opacity: 1; cursor: not-allowed; pointer-events: none; } .arr-navlist__icon { display: flex; align-items: center; margin-right: 0.75rem; } .arr-navlist__icon--delete { margin-right: 0.5rem; } .arr-navlist__icon--action { margin-left: auto; } .arr-navlist__lable { width: 80%; display: flex; justify-content: flex-start; } .arr-navlist__lableSchdule { width: 90%; display: flex; justify-content: flex-start; } .arr-navlist__scheduleIcon { width: 10%; display: flex; justify-content: flex-end; } .public-text-box { width: 2.563rem !important; height: 1.25rem !important; opacity: 1 !important; } .public-text-box .public-text { font-family: Inter !important; font-weight: 400 !important; font-style: italic !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; vertical-align: middle; color: #ccd5e3 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-panel .arr-drawer__panel { background-color: #121a25; border-left: 0.062rem solid #5265ff; transition: transform 0.3s ease-in-out; display: flex; flex-direction: column; height: 100vh; } .arr-panel .arr-drawer__header { padding: 1rem 0rem 1rem 3rem; border-bottom: 0.062rem solid #263449; background-color: #0c1119; flex-shrink: 0; } .arr-panel .arr-drawer__content { flex: 1 1 auto; overflow: hidden; } .arr-panel .arr-drawer--scrollable .arr-drawer__content.scrollable { overflow-y: auto; } .arr-panel .arr-drawer__close-button { width: 4.8125rem !important; } .arr-panel .arr-drawer__backdrop { background-color: rgba(12, 17, 25, 0.12); backdrop-filter: blur(0.25rem); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-datagrid .MuiDataGrid-root { background-color: #0c1119; border: none; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #0c1119; color: #a5b4cb; height: 3rem; border: none; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border: none !important; background-color: #121a25; padding-left: 1rem; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { justify-content: space-between; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-sortButton { background-color: transparent !important; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #3c4f6b; height: 3rem !important; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row { min-height: 2.25rem !important; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: #182231; border-bottom: 0.062rem solid #263449; padding: 0 1rem; height: 2.25rem; line-height: 2.25rem; color: #fcfcfd; border-top: none; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-filler { --rowBorderColor: transparent !important; background-color: #121a25 !important; border-bottom: 0rem !important; } .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border: none !important; } .arr-datagrid .MuiDataGrid-root .no-grid-overlay { width: 100%; height: 100%; background-color: #344660; display: flex; align-items: center; justify-content: center; color: #fcfcfd; flex-direction: column; } .arr-datagrid .MuiDataGrid-root .loading-overlay { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .arr-datagrid .MuiDataGrid-footerContainer { display: flex; flex-direction: column; border: none; } .arr-datagrid .MuiDataGrid-footerContainer .aur-datagrid-footer-child-container { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-loading-indicator-component { display: flex; justify-content: center; align-items: center; height: 100%; } .arr-loading-indicator-component .MuiCircularProgress-circle { stroke-linecap: round; } .color-primary { color: #5265ff; } .color-secondary { color: #ffffff; } .overlay-container { opacity: 0.8; } .overlay-container .overlay { position: fixed; top: 0rem; left: 0rem; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: linear-gradient(270.36deg, rgba(11, 9, 35, 0.8), rgba(23, 28, 71, 0.3)); backdrop-filter: blur(0.5rem); color: #5265ff; } .overlay-container .overlay .MuiCircularProgress-circle { stroke-linecap: round; } .arr-loading-container { display: flex; width: 100%; justify-content: center; align-items: center; height: 100%; background: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .arr-dropdown-container--large .display1_size.arr-dropdown-label, .arr-dropdown-container--large .display1_size.arr-dropdown-selected, .arr-dropdown-container--medium .display1_size.arr-dropdown-label, .arr-dropdown-container--medium .display1_size.arr-dropdown-selected, .arr-dropdown-container--small .display1_size.arr-dropdown-label, .arr-dropdown-container--small .display1_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .display1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .display1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .display1_size.arr-dropdown-option, .display1_size.arr-grouped-dropdown__group-header { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .arr-dropdown-container--large .display2_size.arr-dropdown-label, .arr-dropdown-container--large .display2_size.arr-dropdown-selected, .arr-dropdown-container--medium .display2_size.arr-dropdown-label, .arr-dropdown-container--medium .display2_size.arr-dropdown-selected, .arr-dropdown-container--small .display2_size.arr-dropdown-label, .arr-dropdown-container--small .display2_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .display2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .display2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .display2_size.arr-dropdown-option, .display2_size.arr-grouped-dropdown__group-header { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .arr-dropdown-container--large .display3_size.arr-dropdown-label, .arr-dropdown-container--large .display3_size.arr-dropdown-selected, .arr-dropdown-container--medium .display3_size.arr-dropdown-label, .arr-dropdown-container--medium .display3_size.arr-dropdown-selected, .arr-dropdown-container--small .display3_size.arr-dropdown-label, .arr-dropdown-container--small .display3_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .display3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .display3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .display3_size.arr-dropdown-option, .display3_size.arr-grouped-dropdown__group-header { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .arr-dropdown-container--large .headline1_size.arr-dropdown-label, .arr-dropdown-container--large .headline1_size.arr-dropdown-selected, .arr-dropdown-container--medium .headline1_size.arr-dropdown-label, .arr-dropdown-container--medium .headline1_size.arr-dropdown-selected, .arr-dropdown-container--small .headline1_size.arr-dropdown-label, .arr-dropdown-container--small .headline1_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .headline1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .headline1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .headline1_size.arr-dropdown-option, .headline1_size.arr-grouped-dropdown__group-header { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .arr-dropdown-container--large .headline2_size.arr-dropdown-label, .arr-dropdown-container--large .headline2_size.arr-dropdown-selected, .arr-dropdown-container--medium .headline2_size.arr-dropdown-label, .arr-dropdown-container--medium .headline2_size.arr-dropdown-selected, .arr-dropdown-container--small .headline2_size.arr-dropdown-label, .arr-dropdown-container--small .headline2_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .headline2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .headline2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .headline2_size.arr-dropdown-option, .headline2_size.arr-grouped-dropdown__group-header { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .arr-dropdown-container--large .headline3_size.arr-dropdown-label, .arr-dropdown-container--large .headline3_size.arr-dropdown-selected, .arr-dropdown-container--medium .headline3_size.arr-dropdown-label, .arr-dropdown-container--medium .headline3_size.arr-dropdown-selected, .arr-dropdown-container--small .headline3_size.arr-dropdown-label, .arr-dropdown-container--small .headline3_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .headline3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .headline3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .headline3_size.arr-dropdown-option, .headline3_size.arr-grouped-dropdown__group-header { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .arr-dropdown-container--large .subhead1_size.arr-dropdown-label, .arr-dropdown-container--large .subhead1_size.arr-dropdown-selected, .arr-dropdown-container--medium .subhead1_size.arr-dropdown-label, .arr-dropdown-container--medium .subhead1_size.arr-dropdown-selected, .arr-dropdown-container--small .subhead1_size.arr-dropdown-label, .arr-dropdown-container--small .subhead1_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .subhead1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .subhead1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .subhead1_size.arr-dropdown-option, .subhead1_size.arr-grouped-dropdown__group-header { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .arr-dropdown-container--large .subhead2_size.arr-dropdown-label, .arr-dropdown-container--large .subhead2_size.arr-dropdown-selected, .arr-dropdown-container--medium .subhead2_size.arr-dropdown-label, .arr-dropdown-container--medium .subhead2_size.arr-dropdown-selected, .arr-dropdown-container--small .subhead2_size.arr-dropdown-label, .arr-dropdown-container--small .subhead2_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .subhead2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .subhead2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .subhead2_size.arr-dropdown-option, .subhead2_size.arr-grouped-dropdown__group-header { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .arr-dropdown-container--large .subhead3_size.arr-dropdown-label, .arr-dropdown-container--large .subhead3_size.arr-dropdown-selected, .arr-dropdown-container--medium .subhead3_size.arr-dropdown-label, .arr-dropdown-container--medium .subhead3_size.arr-dropdown-selected, .arr-dropdown-container--small .subhead3_size.arr-dropdown-label, .arr-dropdown-container--small .subhead3_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .subhead3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .subhead3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .subhead3_size.arr-dropdown-option, .subhead3_size.arr-grouped-dropdown__group-header { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .arr-dropdown-container--large .subhead4_size.arr-dropdown-label, .arr-dropdown-container--large .subhead4_size.arr-dropdown-selected, .arr-dropdown-container--medium .subhead4_size.arr-dropdown-label, .arr-dropdown-container--medium .subhead4_size.arr-dropdown-selected, .arr-dropdown-container--small .subhead4_size.arr-dropdown-label, .arr-dropdown-container--small .subhead4_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .subhead4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .subhead4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .subhead4_size.arr-dropdown-option, .subhead4_size.arr-grouped-dropdown__group-header { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .arr-dropdown-container--large .subhead5_size.arr-dropdown-label, .arr-dropdown-container--large .subhead5_size.arr-dropdown-selected, .arr-dropdown-container--medium .subhead5_size.arr-dropdown-label, .arr-dropdown-container--medium .subhead5_size.arr-dropdown-selected, .arr-dropdown-container--small .subhead5_size.arr-dropdown-label, .arr-dropdown-container--small .subhead5_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .subhead5_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .subhead5_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .subhead5_size.arr-dropdown-option, .subhead5_size.arr-grouped-dropdown__group-header { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .arr-dropdown-container--large .body1_size.arr-dropdown-label, .arr-dropdown-container--large .body1_size.arr-dropdown-selected, .arr-dropdown-container--medium .body1_size.arr-dropdown-label, .arr-dropdown-container--medium .body1_size.arr-dropdown-selected, .arr-dropdown-container--small .body1_size.arr-dropdown-label, .arr-dropdown-container--small .body1_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .body1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .body1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .body1_size.arr-dropdown-option, .body1_size.arr-grouped-dropdown__group-header { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .arr-dropdown-container--medium .body2_size.arr-dropdown-label, .arr-dropdown-container--medium .body2_size.arr-dropdown-selected, .arr-dropdown-container--small .body2_size.arr-dropdown-label, .arr-dropdown-container--small .body2_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--medium .body2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .body2_size.arr-dropdown-option, .body2_size.arr-grouped-dropdown__group-header, .arr-dropdown-container--large .arr-dropdown-label, .arr-dropdown-container--large .arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .arr-dropdown-container--large .body3_size.arr-dropdown-label, .arr-dropdown-container--large .body3_size.arr-dropdown-selected, .arr-dropdown-container--medium .body3_size.arr-dropdown-label, .arr-dropdown-container--medium .body3_size.arr-dropdown-selected, .arr-dropdown-container--small .body3_size.arr-dropdown-label, .arr-dropdown-container--small .body3_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .body3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .body3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .body3_size.arr-dropdown-option, .body3_size.arr-grouped-dropdown__group-header, .arr-dropdown-container--medium .typo-text.arr-dropdown-label, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-label, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-selected.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-label, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-selected.arr-dropdown-label, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option.arr-dropdown-label, .arr-dropdown-container--medium .arr-grouped-dropdown__group-header.arr-dropdown-label, .arr-dropdown-container--medium .typo-text.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-selected.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-selected.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .arr-grouped-dropdown__group-header.arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--medium .typo-text.arr-dropdown-selected, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-label.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-label.arr-dropdown-selected, .arr-dropdown-container--large .arr-dropdown-container--medium .arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container--large .arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-label.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-selected, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-label.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-label.arr-dropdown-selected, .arr-dropdown-container--small .arr-dropdown-container--medium .arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container--small .arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--medium .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option.arr-dropdown-selected, .arr-dropdown-container--medium .arr-grouped-dropdown__group-header.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--medium .typo-text.arr-dropdown-option, .arr-dropdown-container--large .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--large .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--large .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--large .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--medium .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container--small .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--small .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--small .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container--small .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-grouped-dropdown__group-header.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .typo-text.arr-dropdown-option, .arr-dropdown-container--large .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--large .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--large .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--large .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--medium .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--medium .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container--small .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--small .arr-dropdown-label.arr-dropdown-option, .arr-dropdown-container--small .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container--small .arr-dropdown-selected.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .arr-grouped-dropdown__group-header.arr-dropdown-option, .typo-text.arr-grouped-dropdown__group-header, .arr-dropdown-container--large .arr-dropdown-label.arr-grouped-dropdown__group-header, .arr-dropdown-container--large .arr-dropdown-selected.arr-grouped-dropdown__group-header, .arr-dropdown-container--medium .arr-dropdown-label.arr-grouped-dropdown__group-header, .arr-dropdown-container--medium .arr-dropdown-selected.arr-grouped-dropdown__group-header, .arr-dropdown-container--small .arr-dropdown-label.arr-grouped-dropdown__group-header, .arr-dropdown-container--small .arr-dropdown-selected.arr-grouped-dropdown__group-header, .arr-dropdown-container__arr-dropdown-menu--large .arr-dropdown-option.arr-grouped-dropdown__group-header, .arr-dropdown-container__arr-dropdown-menu--medium .arr-dropdown-option.arr-grouped-dropdown__group-header, .arr-dropdown-container__arr-dropdown-menu--small .arr-dropdown-option.arr-grouped-dropdown__group-header, .arr-grouped-dropdown__group-header { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .arr-dropdown-container--large .body4_size.arr-dropdown-label, .arr-dropdown-container--large .body4_size.arr-dropdown-selected, .arr-dropdown-container--medium .body4_size.arr-dropdown-label, .arr-dropdown-container--medium .body4_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .body4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .body4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .body4_size.arr-dropdown-option, .body4_size.arr-grouped-dropdown__group-header, .arr-dropdown-container--large .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--small .arr-dropdown-label, .arr-dropdown-container--small .arr-dropdown-label.MuiInputLabel-shrink, .arr-dropdown-container--small .arr-dropdown-selected { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .arr-dropdown-container--large .body5_size.arr-dropdown-label, .arr-dropdown-container--large .body5_size.arr-dropdown-selected, .arr-dropdown-container--medium .body5_size.arr-dropdown-label, .arr-dropdown-container--medium .body5_size.arr-dropdown-selected, .arr-dropdown-container--small .body5_size.arr-dropdown-label, .arr-dropdown-container--small .body5_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .body5_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .body5_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .body5_size.arr-dropdown-option, .body5_size.arr-grouped-dropdown__group-header { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .arr-dropdown-container--large .label1_size.arr-dropdown-label, .arr-dropdown-container--large .label1_size.arr-dropdown-selected, .arr-dropdown-container--medium .label1_size.arr-dropdown-label, .arr-dropdown-container--medium .label1_size.arr-dropdown-selected, .arr-dropdown-container--small .label1_size.arr-dropdown-label, .arr-dropdown-container--small .label1_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .label1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .label1_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .label1_size.arr-dropdown-option, .label1_size.arr-grouped-dropdown__group-header { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .arr-dropdown-container--large .label2_size.arr-dropdown-label, .arr-dropdown-container--large .label2_size.arr-dropdown-selected, .arr-dropdown-container--medium .label2_size.arr-dropdown-label, .arr-dropdown-container--medium .label2_size.arr-dropdown-selected, .arr-dropdown-container--small .label2_size.arr-dropdown-label, .arr-dropdown-container--small .label2_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .label2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .label2_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .label2_size.arr-dropdown-option, .label2_size.arr-grouped-dropdown__group-header { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .arr-dropdown-container--large .label3_size.arr-dropdown-label, .arr-dropdown-container--large .label3_size.arr-dropdown-selected, .arr-dropdown-container--medium .label3_size.arr-dropdown-label, .arr-dropdown-container--medium .label3_size.arr-dropdown-selected, .arr-dropdown-container--small .label3_size.arr-dropdown-label, .arr-dropdown-container--small .label3_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .label3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .label3_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .label3_size.arr-dropdown-option, .label3_size.arr-grouped-dropdown__group-header { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .arr-dropdown-container--large .label4_size.arr-dropdown-label, .arr-dropdown-container--large .label4_size.arr-dropdown-selected, .arr-dropdown-container--medium .label4_size.arr-dropdown-label, .arr-dropdown-container--medium .label4_size.arr-dropdown-selected, .arr-dropdown-container--small .label4_size.arr-dropdown-label, .arr-dropdown-container--small .label4_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .label4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .label4_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .label4_size.arr-dropdown-option, .label4_size.arr-grouped-dropdown__group-header { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .arr-dropdown-container--large .buttonLarge_size.arr-dropdown-label, .arr-dropdown-container--large .buttonLarge_size.arr-dropdown-selected, .arr-dropdown-container--medium .buttonLarge_size.arr-dropdown-label, .arr-dropdown-container--medium .buttonLarge_size.arr-dropdown-selected, .arr-dropdown-container--small .buttonLarge_size.arr-dropdown-label, .arr-dropdown-container--small .buttonLarge_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .buttonLarge_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .buttonLarge_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .buttonLarge_size.arr-dropdown-option, .buttonLarge_size.arr-grouped-dropdown__group-header { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .arr-dropdown-container--large .buttonMedium_size.arr-dropdown-label, .arr-dropdown-container--large .buttonMedium_size.arr-dropdown-selected, .arr-dropdown-container--medium .buttonMedium_size.arr-dropdown-label, .arr-dropdown-container--medium .buttonMedium_size.arr-dropdown-selected, .arr-dropdown-container--small .buttonMedium_size.arr-dropdown-label, .arr-dropdown-container--small .buttonMedium_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .buttonMedium_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .buttonMedium_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .buttonMedium_size.arr-dropdown-option, .buttonMedium_size.arr-grouped-dropdown__group-header { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .arr-dropdown-container--large .buttonSmall_size.arr-dropdown-label, .arr-dropdown-container--large .buttonSmall_size.arr-dropdown-selected, .arr-dropdown-container--medium .buttonSmall_size.arr-dropdown-label, .arr-dropdown-container--medium .buttonSmall_size.arr-dropdown-selected, .arr-dropdown-container--small .buttonSmall_size.arr-dropdown-label, .arr-dropdown-container--small .buttonSmall_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .buttonSmall_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .buttonSmall_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .buttonSmall_size.arr-dropdown-option, .buttonSmall_size.arr-grouped-dropdown__group-header { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .arr-dropdown-container--large .buttonXS_size.arr-dropdown-label, .arr-dropdown-container--large .buttonXS_size.arr-dropdown-selected, .arr-dropdown-container--medium .buttonXS_size.arr-dropdown-label, .arr-dropdown-container--medium .buttonXS_size.arr-dropdown-selected, .arr-dropdown-container--small .buttonXS_size.arr-dropdown-label, .arr-dropdown-container--small .buttonXS_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .buttonXS_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .buttonXS_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .buttonXS_size.arr-dropdown-option, .buttonXS_size.arr-grouped-dropdown__group-header { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .arr-dropdown-container--large .profilePictureTextClientMedium_size.arr-dropdown-label, .arr-dropdown-container--large .profilePictureTextClientMedium_size.arr-dropdown-selected, .arr-dropdown-container--medium .profilePictureTextClientMedium_size.arr-dropdown-label, .arr-dropdown-container--medium .profilePictureTextClientMedium_size.arr-dropdown-selected, .arr-dropdown-container--small .profilePictureTextClientMedium_size.arr-dropdown-label, .arr-dropdown-container--small .profilePictureTextClientMedium_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .profilePictureTextClientMedium_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .profilePictureTextClientMedium_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .profilePictureTextClientMedium_size.arr-dropdown-option, .profilePictureTextClientMedium_size.arr-grouped-dropdown__group-header { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .arr-dropdown-container--large .profilePictureTextSmall_size.arr-dropdown-label, .arr-dropdown-container--large .profilePictureTextSmall_size.arr-dropdown-selected, .arr-dropdown-container--medium .profilePictureTextSmall_size.arr-dropdown-label, .arr-dropdown-container--medium .profilePictureTextSmall_size.arr-dropdown-selected, .arr-dropdown-container--small .profilePictureTextSmall_size.arr-dropdown-label, .arr-dropdown-container--small .profilePictureTextSmall_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .profilePictureTextSmall_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .profilePictureTextSmall_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .profilePictureTextSmall_size.arr-dropdown-option, .profilePictureTextSmall_size.arr-grouped-dropdown__group-header { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .arr-dropdown-container--large .toastMessageText_size.arr-dropdown-label, .arr-dropdown-container--large .toastMessageText_size.arr-dropdown-selected, .arr-dropdown-container--medium .toastMessageText_size.arr-dropdown-label, .arr-dropdown-container--medium .toastMessageText_size.arr-dropdown-selected, .arr-dropdown-container--small .toastMessageText_size.arr-dropdown-label, .arr-dropdown-container--small .toastMessageText_size.arr-dropdown-selected, .arr-dropdown-container__arr-dropdown-menu--large .toastMessageText_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--medium .toastMessageText_size.arr-dropdown-option, .arr-dropdown-container__arr-dropdown-menu--small .toastMessageText_size.arr-dropdown-option, .toastMessageText_size.arr-grouped-dropdown__group-header { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } :root { --font-size-subhead2: 1.25rem; --dropdown-icon-margin: 0.75rem; } .arr-dropdown-container div[role=combobox][aria-expanded=true] ~ .arr-caret-icon { transform: rotate(180deg); } .arr-dropdown-container .arr-dropdown-option-info-icon { color: #89a6ff; padding-right: 0.25rem; } .arr-dropdown-container .MuiFilledInput-root { border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; background-color: #121a25; } .arr-dropdown-container .MuiFilledInput-root:hover { border-color: #6e87ff; } .arr-dropdown-container .MuiFilledInput-root.Mui-focused { border: 0.125rem solid #5265ff; } .arr-dropdown-container .MuiFilledInput-root.Mui-error { border-color: #ff7a7a; } .arr-dropdown-container .MuiFilledInput-root.Mui-error .MuiSvgIcon-root { color: #ff7a7a; } .arr-dropdown-container .MuiFilledInput-root.Mui-disabled { background-color: rgba(66, 71, 80, 0.2); border-color: transparent; color: #727882 !important; } .arr-dropdown-container .MuiFilledInput-root.Mui-disabled .MuiSvgIcon-root { color: #898e97 !important; } .arr-dropdown-container .MuiFilledInput-root.Mui-disabled .arr-dropdown-selected--disabled { color: #727882; -webkit-text-fill-color: #727882; } .arr-dropdown-container .MuiFilledInput-root:before, .arr-dropdown-container .MuiFilledInput-root:after { border-bottom: none !important; } .arr-dropdown-container .MuiFilledInput-root .MuiSvgIcon-root { color: #89a6ff; } .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root { color: #a5b4cb; } .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-focused, .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.MuiFormLabel-filled { color: #ccd5e3; } .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-disabled { color: #727882; } .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-error { color: #ff7a7a; } .arr-dropdown-container .arr-dropdown-label { color: #fcfcfd; } .arr-dropdown-container .arr-dropdown-label.Mui-focused, .arr-dropdown-container .arr-dropdown-label.MuiFormLabel-filled { color: #fcfcfd; } .arr-dropdown-container .arr-dropdown-label.Mui-error { color: #ff7a7a; } .arr-dropdown-container .arr-dropdown-label.Mui-disabled { color: #727882; } .arr-dropdown-container .arr-dropdown-selected-container { display: flex; flex-direction: row; align-items: center; } .arr-dropdown-container .arr-dropdown-selected-container .arr-dropdown-option-pin-icon { padding-right: 0.5rem; } .arr-dropdown-container .arr-dropdown-selected-container .arr-dropdown-selected { color: #fcfcfd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .arr-dropdown-container .arr-dropdown-selected-container .arr-dropdown-selected.arr-dropdown-selected--disabled { color: #727882; -webkit-text-fill-color: #727882; } .arr-dropdown-container--large .MuiFilledInput-root { height: 3.5rem !important; padding: 0rem !important; } .arr-dropdown-container--large .MuiFilledInput-root::before, .arr-dropdown-container--large .MuiFilledInput-root::after { pointer-events: none !important; } .arr-dropdown-container--large .MuiSelect-select { height: 3.5rem !important; padding-left: 1rem !important; padding-right: 3rem !important; box-sizing: border-box !important; } .arr-dropdown-container--large .MuiSelect-icon { right: 1rem !important; top: 50% !important; transform: translateY(-50%) !important; } .arr-dropdown-container--large .arr-dropdown-label { transform: translate(1rem, 1rem) !important; } .arr-dropdown-container--large .arr-dropdown-label.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(1rem, 0.4375rem) !important; } .arr-dropdown-container--medium .MuiInputLabel-root { top: 50% !important; left: 0.5rem !important; transform: translateY(-50%) !important; pointer-events: none !important; } .arr-dropdown-container--medium .MuiFilledInput-root { height: 2.5rem !important; padding: 0rem !important; } .arr-dropdown-container--medium .MuiFilledInput-root::before, .arr-dropdown-container--medium .MuiFilledInput-root::after { pointer-events: none !important; } .arr-dropdown-container--medium .MuiSelect-select { height: 2.5rem !important; padding: 0rem !important; padding-left: 0.5rem !important; padding-right: 2rem !important; } .arr-dropdown-container--medium .MuiSelect-icon { right: 0.5rem !important; width: 1.125rem !important; height: 1.125rem !important; top: 50% !important; transform: translateY(-50%) !important; } .arr-dropdown-container--medium .arr-dropdown-selected { padding-top: 0.625rem; padding-bottom: 0.625rem; } .arr-dropdown-container--small .MuiInputLabel-root { top: 50% !important; left: 0.5rem !important; transform: translateY(-50%) !important; pointer-events: none !important; } .arr-dropdown-container--small .MuiFilledInput-root { height: 2rem !important; padding: 0rem !important; border-radius: 0.25rem !important; } .arr-dropdown-container--small .MuiFilledInput-root::before, .arr-dropdown-container--small .MuiFilledInput-root::after { pointer-events: none !important; } .arr-dropdown-container--small .MuiSelect-select { height: 2rem !important; padding: 0rem !important; padding-left: 0.5rem !important; padding-right: 2rem !important; } .arr-dropdown-container--small .MuiSelect-icon { right: 0rem !important; width: 1.5rem !important; height: 1.5rem !important; top: 50% !important; transform: translateY(-50%) !important; } .arr-dropdown-container--small .arr-dropdown-selected { padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .arr-dropdown-container .MuiFormHelperText-root.Mui-error { color: #ff7a7a; } .arr-dropdown-container__arr-dropdown-menu { background-color: #121a25 !important; color: #fcfcfd !important; border-radius: 0.5rem !important; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3), 0rem 0.5rem 0.625rem 0.25rem rgba(0, 0, 0, 0.15) !important; border: 0.062rem solid #3c4f6b; overflow: hidden !important; } .arr-dropdown-container__arr-dropdown-menu--bottom { margin-top: 0.125rem; } .arr-dropdown-container__arr-dropdown-menu--top { margin-bottom: 0.125rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-option-container { display: flex; flex-direction: row; align-items: center; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-option-container .arr-dropdown-option-pin-icon { padding-right: 0.5rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-option-container .arr-dropdown-option { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; max-width: 100%; } .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root { padding: 0.75rem; color: #fcfcfd; white-space: normal; } .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root:hover { background-color: rgba(84, 106, 140, 0.2); } .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root.Mui-selected { background-color: rgba(84, 106, 140, 0.4) !important; } .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root.Mui-disabled { color: #727882 !important; cursor: not-allowed; opacity: 1; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-scroll { overflow-y: auto; outline: none !important; /* Scrollbar styling */ } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-scroll::-webkit-scrollbar { width: 0.25rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-scroll::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-scroll { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-dropdown-container__arr-dropdown-menu .lazy-load-dropdown-list { overflow-y: "auto"; } .arr-dropdown-container__arr-dropdown-menu .lazy-load-dropdown-list .lazy-loader-no-data { display: "flex"; justify-content: "center"; padding: 1rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-checkbox { width: 1.5rem; height: 1.5rem; padding: 0rem; margin-right: 0.75rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-checkbox svg { width: 1.25rem; height: 1.25rem; display: block; margin: auto; } .arr-dropdown-container__arr-dropdown-menu .divider-dropdown { background-color: #263449; margin-top: 0.75rem; margin-bottom: 0.75rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-buttons { display: flex; justify-content: space-between; padding-top: 1rem; padding-bottom: 0.5rem; padding-right: 0.75rem; border-top: 0.062rem solid #263449; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-search { margin-right: 0.5rem; margin-left: 0.5rem; margin-bottom: 0.5rem; } .arr-dropdown-container__arr-dropdown-menu--medium .MuiMenuItem-root, .arr-dropdown-container__arr-dropdown-menu--small .MuiMenuItem-root { padding: 0.5rem 0.75rem; min-height: 2rem !important; } .arr-dropdown-container__arr-dropdown-select .MuiSelect-select { padding-left: 1rem; padding-right: 1rem; } .arr-dropdown-container .arr-caret-icon { color: #89a6ff; margin-right: 0.5rem; width: 0.765rem !important; height: 0.3125rem !important; } .arr-dropdown-container .arr-caret-icon.disabled { color: #898e97; } .arrSelectedItems { display: flex; justify-content: space-between; float: left; width: 96%; } .arrSelectedItems .arrSelectItemNames { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fcfcfd; text-align: left; } .arrSelectedItems .arrSelectItemNames-disabled { color: #727882; -webkit-text-fill-color: #727882; } .arrSelectedItems .arrSelectItemCount { max-width: 2.5rem; padding-left: 0.25rem; color: #fcfcfd; } .size-arrSelectItemNames { margin-top: 0.5rem; } .arr-dropdown-container__arr-dropdown-menu .arr-dropdown-option-item--clear-selection { border-bottom: 0.062rem solid #263449; } .arr-grouped-dropdown__group-header { padding: 0.5rem 1rem; cursor: default; user-select: none; font-weight: bold; } .arr-grouped-dropdown__child-item { padding-left: 1.5rem !important; } /* Keyboard highlighted item overrides selected color */ .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root.arr-dropdown-option-item--highlighted { background-color: rgba(84, 106, 140, 0.2) !important; font-weight: 500; } /* If both selected and highlighted via keyboard, keyboard wins */ .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root.arr-dropdown-option-item--selected.arr-dropdown-option-item--highlighted { background-color: rgba(84, 106, 140, 0.4) !important; } /* Mouse hover still works */ .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root:hover, .arr-dropdown-container__arr-dropdown-menu .MuiMenuItem-root.Mui-focusVisible { background-color: rgba(84, 106, 140, 0.2) !important; } .arr-dropdown--no-results.arr-dropdown-option-item { display: flex; padding: 0.75rem; } .arr-multiselect .MuiSelect-select { padding: 0.75rem 0.625rem; } .arr-multiselect .MuiOutlinedInput-root { min-height: 3.5rem; padding: 0; background: #121a25; border-radius: 0.75rem; color: #ffffff; } .arr-multiselect .MuiOutlinedInput-root:hover { border: 0.0625rem solid #5265ff !important; } .arr-multiselect .MuiOutlinedInput-notchedOutline { border-radius: 0.75rem; } .arr-multiselect.Mui-focused .MuiOutlinedInput-notchedOutline { box-shadow: 0 0 0 0.125rem rgba(139, 150, 255, 0.35); } .arr-chip .arr-dropdown-container__arr-dropdown-select .MuiSelect-icon { display: none; } .arr-multiselect-value { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .arr-multiselect-chip { height: 2rem; border-radius: 0.5rem !important; border: 0.0625rem solid #603e94 !important; color: #fcfcfd !important; background: rgba(96, 62, 148, 0.2) !important; } .arr-multiselect-chip span { font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.03125rem; font-size: 0.75rem; font-family: Inter; font-weight: 600; } .arr-multiselect-chip .MuiChip-label { padding: 0 0.625rem; } .arr-multiselect-chip .MuiChip-deleteIcon { color: #ffffff; } .arr-multiselect-chip:hover { background: rgba(96, 62, 148, 0.6) !important; } .arr-multiselect .MuiOutlinedInput-notchedOutline { border-color: #3c4f6b; border-radius: 0.75rem !important; } .arr-dropdown-container--medium .MuiSelect-select { height: auto !important; padding: 0.75rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .container-list { background-color: #0c1119; width: 18.5625rem; border-radius: 0.5rem; } .container-list .d-flex { display: flex; } .container-list .display-between { justify-content: space-between; align-items: center; } .container-list .box-sub-heading { color: #fcfcfd; } .container-list .list-item { overflow-y: scroll; height: 37.6875rem; padding: 0rem; } .container-list .list-item .list-item-row { height: 2.25rem; padding: 0.5rem; border-bottom: 0.062rem solid rgba(60, 79, 107, 0.4); } .container-list .list-item .list-item-row .list-item-checkbox-active svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; transform: scale(1.1) !important; } .container-list .list-item .list-item-row .list-item-checkbox svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; transform: scale(1) !important; } .container-list .list-item .list-item-row .label-inactive { color: #727882; } .container-list .list-item .list-item-row .label-preselected { color: #ccd5e3; } .container-list .list-item .list-item-row .transfer-label-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container-list .list-item .list-item-row .label-icon { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .container-list .list-item .list-item-row .radio-container { width: 10rem; } .container-list .list-item .list-item-row .custom-form-control-label-default { color: #ccd5e3; } .container-list .list-item .list-item-row .custom-form-control-label { color: #a5b4cb; } .container-list .list-item .list-item-active { background-color: rgba(82, 101, 255, 0.6); } .container-list .list-item::-webkit-scrollbar { width: 0.25rem !important; } .container-list .list-item::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; transition: background-color 0.3s; } .container-list .list-item::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .container-list .list-item::-webkit-scrollbar-track { background: transparent; } .container-list .list-item .list-item-preselected { background-color: rgba(82, 101, 255, 0.2); } .container-list .title-container { border-bottom: 0.062rem solid #182231; padding: 1rem 0.75rem; } .domain-list-container { width: 23rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-radio { display: flex; } .arr-radio .custom-radio { display: flex; align-items: center; padding: 0rem 0.5rem; } .arr-radio { /* Base radio styles */ } .arr-radio .radio-icon { display: inline-block; border-radius: 50%; border: 0.125rem solid #8c9eba; transition: all 0.2s ease; position: relative; vertical-align: middle; box-sizing: border-box; } .arr-radio { /* Unchecked state */ } .arr-radio .radio-icon-unchecked { background-color: transparent; } .arr-radio { /* Checked state (solid outer + white inner dot) */ } .arr-radio .radio-icon-checked { background-color: #5265ff; border-color: #5265ff; } .arr-radio .radio-icon-checked::after { content: ""; display: block; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .arr-radio .custom-radio:hover .radio-icon-unchecked { border-color: #6e87ff; } .arr-radio .custom-radio:hover .radio-icon-checked { border-color: #6e87ff; background-color: #6e87ff; } .arr-radio .custom-radio:active .radio-icon-unchecked { border-color: #5265ff; } .arr-radio .custom-radio:active .radio-icon-checked { border-color: #3845ad; background-color: #3845ad; } .arr-radio .custom-radio.Mui-focusVisible .radio-icon-unchecked, .arr-radio .custom-radio.Mui-focusVisible .radio-icon-checked { box-shadow: 0 0 0 0.1875rem #fcfcfd; } .arr-radio .custom-radio.Mui-focusVisible .radio-icon-checked { border-color: #fcfcfd; } .arr-radio .custom-radio.Mui-disabled .radio-icon-unchecked, .arr-radio .custom-radio.Mui-disabled .radio-icon-checked { border-color: #424750; background-color: #424750; opacity: 0.6; color: #fcfcfd; } .arr-radio .custom-radio.Mui-disabled .radio-icon-unchecked::after, .arr-radio .custom-radio.Mui-disabled .radio-icon-checked::after { background: #898e97; } .arr-radio .custom-radio.Mui-disabled .radio-icon-unchecked { border-color: #727882; } .arr-radio--large .radio-icon { width: 1.5rem; height: 1.5rem; } .arr-radio--large .radio-icon.radio-icon-checked::after { width: 0.75rem; height: 0.75rem; } .arr-radio--medium .radio-icon { width: 1.25rem; height: 1.25rem; } .arr-radio--medium .radio-icon.radio-icon-checked::after { width: 0.625rem; height: 0.625rem; } .arr-radio--small .radio-icon { width: 1.125rem; height: 1.125rem; } .arr-radio--small .radio-icon.radio-icon-checked::after { width: 0.5rem; height: 0.5rem; } .arr-radio--xs .radio-icon { width: 1rem; height: 1rem; } .arr-radio--xs .radio-icon.radio-icon-checked::after { width: 0.375rem; height: 0.375rem; } .arr-radio .custom-form-control-label { color: #a5b4cb; } .arr-radio .MuiFormGroup-root .MuiFormControlLabel-label.Mui-disabled { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-menu.inactive { display: none; } .arr-menu .MuiMenu-paper { background-color: #121a25; border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; width: 15rem; max-width: 15rem; padding: 0.5rem 0rem; overflow: hidden; overflow-y: auto; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3), 0rem 0.5rem 0.625rem 0.25rem rgba(0, 0, 0, 0.15) !important; /* Scrollbar styling */ } .arr-menu .MuiMenu-paper::-webkit-scrollbar { width: 0.25rem; } .arr-menu .MuiMenu-paper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .arr-menu .MuiMenu-paper { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-menu .MuiList-root { padding: 0rem; } .arr-menu .arr-menu__header { padding: 0.75rem; } .arr-menu .arr-menu__header-text { color: #fcfcfd; vertical-align: middle; line-height: 1.25rem; } .arr-menu .arr-menu__divider { height: 0.0625rem; margin: 0rem; background-color: #5265ff; opacity: 0.4; border: 0rem; } .arr-menu .MuiMenuItem-root, .arr-menu .arr-menu__item { color: #ccd5e3; padding: 0.75rem 1rem; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; min-height: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; transition: background-color 120ms ease; display: flex; align-items: center; justify-content: space-between; max-width: 100%; } .arr-menu .MuiMenuItem-root:hover, .arr-menu .arr-menu__item:hover { background-color: rgba(84, 106, 140, 0.2); } .arr-menu .MuiMenuItem-root.Mui-focusVisible, .arr-menu .arr-menu__item.Mui-focusVisible { background-color: rgba(84, 106, 140, 0.2); } .arr-menu .MuiMenuItem-root.Mui-selected, .arr-menu .arr-menu__item.Mui-selected { background: linear-gradient(135deg, rgb(59, 130, 246) 0%, rgb(139, 92, 246) 100%); color: #ffffff; font-weight: 500; box-shadow: inset 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.2); } .arr-menu .MuiMenuItem-root.Mui-disabled, .arr-menu .arr-menu__item.Mui-disabled { opacity: 0.6; cursor: not-allowed; } .arr-menu .MuiMenuItem-root a, .arr-menu .arr-menu__item a { color: inherit; text-decoration: none; display: block; width: 100%; } .arr-menu .MuiMenuItem-root-content, .arr-menu .arr-menu__item-content { display: block; align-items: center; flex: 1; min-width: 0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arr-menu .MuiMenuItem-root-dots, .arr-menu .arr-menu__item-dots { margin-left: 0.5rem; color: #89a6ff; font-size: 1rem; font-weight: 700; letter-spacing: 0.125rem; transition: color 120ms ease; flex-shrink: 0rem; } .arr-menu .MuiMenuItem-root--has-submenu, .arr-menu .arr-menu__item--has-submenu { cursor: pointer; } .arr-menu .MuiMenuItem-root .arr-menu__item-dots, .arr-menu .arr-menu__item .arr-menu__item-dots { cursor: pointer; color: #89a6ff; width: 1.5rem; height: 1.5rem; } .arr-menu .MuiMenuItem-root--is-selected, .arr-menu .arr-menu__item--is-selected { background-color: rgba(84, 106, 140, 0.4); } .arr-menu .MuiMenuItem-root--submenu-active, .arr-menu .arr-menu__item--submenu-active { background-color: rgba(84, 106, 140, 0.2); } .arr-menu .arr-menu__item.arr-menu__custom-item { padding: 0; } .arr-menu .arr-menu__item.arr-menu__custom-item .MuiMenuItem-root { padding-top: 0; padding-bottom: 0; } .arr-menu--right-submenu .MuiMenu-paper { margin-left: 0.125rem; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3); margin-top: -0.625rem; } .arr-menu--left-submenu .MuiMenu-paper { margin-left: -0.125rem; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3); margin-top: -0.625rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-widget-wrapper-root { background-color: #121a25 !important; color: #fcfcfd !important; border-radius: 0.5rem !important; display: flex; flex-direction: column; height: 32rem !important; padding: 0rem; width: 100%; } .arr-widget-wrapper-root .widget-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; } .arr-widget-wrapper-root .widget-icons { display: flex; gap: 0.5rem; } .arr-widget-wrapper-root .widget-icons .info-icon-button { padding: 0; } .arr-widget-wrapper-root .widget-icons .info-icon-button .info-icon { color: #89a6ff; } .arr-widget-wrapper-root .widget-no-data { display: flex; flex: 1; justify-content: center; align-items: center; } .arr-widget-wrapper-root .widget-body { flex: 1; margin: 0 0 1.5rem 1.5rem; padding: 1.5rem 1.5rem 0 0; border-top: 0.062rem solid #263449; height: 27.625rem; max-height: 27.625rem; overflow: auto; /* Scrollbar styling */ } .arr-widget-wrapper-root .widget-body::-webkit-scrollbar { width: 0.25rem; } .arr-widget-wrapper-root .widget-body::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .arr-widget-wrapper-root .widget-body { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .arr-line-chart-container .display1_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.display1_size, .arr-line-chart-container__tooltip .display1_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .arr-line-chart-container .display2_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.display2_size, .arr-line-chart-container__tooltip .display2_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .arr-line-chart-container .display3_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.display3_size, .arr-line-chart-container__tooltip .display3_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .arr-line-chart-container .headline1_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.headline1_size, .arr-line-chart-container__tooltip .headline1_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .arr-line-chart-container .headline2_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.headline2_size, .arr-line-chart-container__tooltip .headline2_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .arr-line-chart-container .headline3_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.headline3_size, .arr-line-chart-container__tooltip .headline3_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .arr-line-chart-container .subhead1_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.subhead1_size, .arr-line-chart-container__tooltip .subhead1_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .arr-line-chart-container .subhead2_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.subhead2_size, .arr-line-chart-container__tooltip .subhead2_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .arr-line-chart-container .subhead3_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.subhead3_size, .arr-line-chart-container__tooltip .subhead3_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .arr-line-chart-container .subhead4_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.subhead4_size, .arr-line-chart-container__tooltip .subhead4_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.subhead5_size, .arr-line-chart-container__tooltip .subhead5_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell, .arr-line-chart-container .title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table .arr-line-chart-container caption.title-text, .arr-line-chart-container .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.title-text, .arr-line-chart-container__tooltip .arr-line-chart-container .MuiChartsTooltip-cell.MuiChartsTooltip-valueCell.title-text, .arr-line-chart-container .arr-line-chart-container__tooltip .MuiChartsTooltip-cell.MuiChartsTooltip-valueCell.title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .arr-line-chart-container .body1_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.body1_size, .arr-line-chart-container__tooltip .body1_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .arr-line-chart-container .body2_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.body2_size, .arr-line-chart-container__tooltip .body2_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .arr-line-chart-container .body3_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.body3_size, .arr-line-chart-container__tooltip .body3_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .arr-line-chart-container .body4_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.body4_size, .arr-line-chart-container__tooltip .body4_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .arr-line-chart-container .body5_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.body5_size, .arr-line-chart-container__tooltip .body5_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .arr-line-chart-container .label1_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.label1_size, .arr-line-chart-container__tooltip .label1_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .arr-line-chart-container .label2_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.label2_size, .arr-line-chart-container__tooltip .label2_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .arr-line-chart-container .label3_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption, .arr-line-chart-container__tooltip .MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .arr-line-chart-container .label4_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.label4_size, .arr-line-chart-container__tooltip .label4_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .arr-line-chart-container .buttonLarge_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.buttonLarge_size, .arr-line-chart-container__tooltip .buttonLarge_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .arr-line-chart-container .buttonMedium_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.buttonMedium_size, .arr-line-chart-container__tooltip .buttonMedium_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .arr-line-chart-container .buttonSmall_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.buttonSmall_size, .arr-line-chart-container__tooltip .buttonSmall_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .arr-line-chart-container .buttonXS_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.buttonXS_size, .arr-line-chart-container__tooltip .buttonXS_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .arr-line-chart-container .profilePictureTextClientMedium_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.profilePictureTextClientMedium_size, .arr-line-chart-container__tooltip .profilePictureTextClientMedium_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .arr-line-chart-container .profilePictureTextSmall_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.profilePictureTextSmall_size, .arr-line-chart-container__tooltip .profilePictureTextSmall_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .arr-line-chart-container .toastMessageText_size.title-text, .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption.toastMessageText_size, .arr-line-chart-container__tooltip .toastMessageText_size.MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-line-chart-container { width: 100%; height: 100%; display: flex; flex-direction: column; } .arr-line-chart-container .title-text { color: #fcfcfd; text-align: left; margin-left: 0.75rem !important; } .arr-line-chart-container.allZero .MuiLineElement-root { display: none; } .arr-line-chart-container .chart-container-wrapper { position: relative; width: 100%; height: 100%; } .arr-line-chart-container .chart-container { position: absolute; inset: 0; width: 100%; padding-left: 0.5rem; object-fit: fill; } .arr-line-chart-container .chart-container .MuiChartsGrid-line { stroke: #8c9eba; opacity: 0.5; stroke-dasharray: 2 2; } .arr-line-chart-container .chart-container .MuiMarkElement-root { fill: #6e87ff; r: 4; } .arr-line-chart-container .chart-container svg { overflow: visible !important; } .arr-line-chart-container__axisLabel { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter !important; font-weight: 400 !important; letter-spacing: 0rem !important; fill: #ccd5e3 !important; } .arr-line-chart-container__tooltip { /* Remove default series marker */ } .arr-line-chart-container__tooltip .MuiChartsTooltip-markContainer, .arr-line-chart-container__tooltip .MuiChartsTooltip-mark, .arr-line-chart-container__tooltip .MuiChartsTooltip-labelCell { display: none !important; } .arr-line-chart-container__tooltip .MuiChartsTooltip-content { text-align: left; padding: 0rem !important; } .arr-line-chart-container__tooltip .MuiChartsTooltip-table caption { color: #0c1119; font-weight: 600; } .arr-line-chart-container__tooltip .MuiChartsTooltip-cell.MuiChartsTooltip-valueCell { color: #0c1119; font-weight: 600; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-filter-chip-v1 { display: flex; justify-content: start; align-items: center; border: 0.0625rem solid #603e94; height: 2rem; width: fit-content; border-radius: 6.25rem; color: #ffffff; overflow: hidden; background-color: rgba(96, 62, 148, 0.12); } .arr-filter-chip-v1 .arr-filter-chip-v1__filter { background-color: #603e94; color: #ffffff; border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; } .arr-filter-chip-v1 .arr-filter-chip-v1__filter .MuiChip-label { padding-right: 0.5rem; } .arr-filter-chip-v1 .icon-button.MuiIconButton-root.with-shape { background-color: #533983; border-radius: 0rem; border-left: 0.062rem solid #533983; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block { display: flex; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block::-webkit-scrollbar { display: none; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block { max-width: 18.75rem; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1-selection { background-color: transparent; color: #fcfcfd; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator { background-color: rgba(96, 62, 148, 0.4); color: #fcfcfd; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator .MuiChip-label { display: flex; align-items: center; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator .MuiChip-label .chip-close-icon { padding-right: 0rem; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator .MuiChip-label .chip-close-icon:hover { background: transparent; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator .chip-close-icon svg { color: #ffffff; width: 0.875rem; height: 0.875rem; opacity: 0.6; } .arr-filter-chip-v1 .arr-filter-chip-v1-selection-block .arr-filter-chip-v1__operator .chip-close-icon svg:hover { background: transparent; } .arr-filter-chip-v1 .arr-filter-chip-v1__filtername { display: flex; align-items: center; gap: 0.25rem; } .arr-filter-chip-v1 .arr-filter-chip-v1__filtername svg, .arr-filter-chip-v1 .arr-filter-chip-v1__filtername img { width: 1.25rem; } .arr-filter-chip-v1 .arr-filter-chip-v1__close-block { display: flex; padding-right: 0.375rem; cursor: pointer; padding-right: 0.5rem; } .arr-filter-chip-v1 .arr-filter-chip-v1__close-block:hover, .arr-filter-chip-v1 .arr-filter-chip-v1__close-block:active { background: transparent; } .arr-filter-chip-v1 .arr-filter-chip-v1__close-block .chip-close-icon svg { color: #ffffff; width: 0.875rem; height: 0.875rem; opacity: 0.6; } .arr-filter-chip-v1 .arr-filter-chip-v1__close-block .chip-close-icon:hover, .arr-filter-chip-v1 .arr-filter-chip-v1__close-block .chip-close-icon:active, .arr-filter-chip-v1 .arr-filter-chip-v1__close-block .chip-close-icon:focus { background: transparent; } .arr-filter-chip-v1.disabled { background-color: transparent !important; border-color: #424750 !important; cursor: not-allowed !important; } .arr-filter-chip-v1.disabled .arr-filter-chip-v1-selection { color: #a5b4cb; } .arr-filter-chip-v1-v2-responsive { border: 0.0625rem solid #603e94; border-radius: 0.5rem; background-color: rgba(96, 62, 148, 0.2); width: fit-content; max-width: 100%; } .arr-filter-chip-v1-v2-responsive .MuiChip-root { height: auto; } .arr-filter-chip-v1-v2-responsive .arr-filter-chip-filter-selection-continer { display: flex; max-width: 100%; margin-right: 0.5rem; text-align: left; } .arr-filter-chip-v1-v2-responsive .arr-filter-chip-filter-selection-continer .arr-filter-chip-filter__selection-block { color: #fcfcfd; } .arr-filter-chip-v1-v2-responsive .MuiChip-label { display: flex; align-items: flex-start; padding: 0.5rem 0.75rem; color: #fcfcfd; background-color: rgba(96, 62, 148, 0.12); white-space: normal; width: 100%; } .arr-filter-chip-v1-v2-responsive .MuiChip-label .chip-close-icon { margin-left: auto; width: 0.875rem; height: 0.875rem; align-self: center; } .arr-filter-chip-v1-v2-responsive .MuiChip-label .chip-close-icon svg { color: #ffffff; opacity: 0.6; width: 0.875rem; height: 0.875rem; } .arr-filter-chip-v1-v2-responsive .MuiChip-label .chip-close-icon:hover, .arr-filter-chip-v1-v2-responsive .MuiChip-label .chip-close-icon:active, .arr-filter-chip-v1-v2-responsive .MuiChip-label .chip-close-icon:focus { background: transparent; } .arr-filter-chip-v1-v2-responsive.disabled { background-color: transparent !important; border-color: #424750 !important; cursor: not-allowed !important; } .arr-filter-chip-v1-v2-responsive.disabled .MuiChip-root { background-color: transparent; } .arr-filter-chip-v1-v2-responsive.disabled .MuiChip-label { background-color: transparent; color: #a5b4cb; } .arr-filter-chip-v1-v2-responsive.disabled .MuiChip-label .arr-filter-chip-filter__selection-block { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .arr-pie-chart-container .display1_size.title-text, .arr-pie-chart-container .display1_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display1_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display1_size.legend-doc-text { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .arr-pie-chart-container .display2_size.title-text, .arr-pie-chart-container .display2_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display2_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display2_size.legend-doc-text { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .arr-pie-chart-container .display3_size.title-text, .arr-pie-chart-container .display3_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display3_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .display3_size.legend-doc-text { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .arr-pie-chart-container .headline1_size.title-text, .arr-pie-chart-container .headline1_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline1_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline1_size.legend-doc-text { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .arr-pie-chart-container .headline2_size.title-text, .arr-pie-chart-container .headline2_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline2_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline2_size.legend-doc-text { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .arr-pie-chart-container .headline3_size.title-text, .arr-pie-chart-container .headline3_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline3_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .headline3_size.legend-doc-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .arr-pie-chart-container .subhead1_size.title-text, .arr-pie-chart-container .subhead1_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead1_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead1_size.legend-doc-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .arr-pie-chart-container .subhead2_size.title-text, .arr-pie-chart-container .subhead2_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead2_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead2_size.legend-doc-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .arr-pie-chart-container .subhead3_size.title-text, .arr-pie-chart-container .subhead3_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead3_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead3_size.legend-doc-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .arr-pie-chart-container .subhead4_size.title-text, .arr-pie-chart-container .subhead4_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead4_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead4_size.legend-doc-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .arr-pie-chart-container .subhead5_size.title-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead5_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .subhead5_size.legend-doc-text, .arr-pie-chart-container .total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-text.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-doc-text.total-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .arr-pie-chart-container .body1_size.title-text, .arr-pie-chart-container .body1_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body1_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body1_size.legend-doc-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .arr-pie-chart-container .body2_size.title-text, .arr-pie-chart-container .body2_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body2_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body2_size.legend-doc-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .arr-pie-chart-container .body3_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body3_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body3_size.legend-doc-text, .arr-pie-chart-container .title-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-text.title-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-doc-text.title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .arr-pie-chart-container .body4_size.title-text, .arr-pie-chart-container .body4_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body4_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body4_size.legend-doc-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .arr-pie-chart-container .body5_size.title-text, .arr-pie-chart-container .body5_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .body5_size.legend-doc-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-text { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .arr-pie-chart-container .label1_size.title-text, .arr-pie-chart-container .label1_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label1_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label1_size.legend-doc-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .arr-pie-chart-container .label2_size.title-text, .arr-pie-chart-container .label2_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label2_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label2_size.legend-doc-text { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .arr-pie-chart-container .label3_size.title-text, .arr-pie-chart-container .label3_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label3_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label3_size.legend-doc-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .arr-pie-chart-container .label4_size.title-text, .arr-pie-chart-container .label4_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .label4_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-doc-text { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .arr-pie-chart-container .buttonLarge_size.title-text, .arr-pie-chart-container .buttonLarge_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonLarge_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonLarge_size.legend-doc-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .arr-pie-chart-container .buttonMedium_size.title-text, .arr-pie-chart-container .buttonMedium_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonMedium_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonMedium_size.legend-doc-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .arr-pie-chart-container .buttonSmall_size.title-text, .arr-pie-chart-container .buttonSmall_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonSmall_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonSmall_size.legend-doc-text { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .arr-pie-chart-container .buttonXS_size.title-text, .arr-pie-chart-container .buttonXS_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonXS_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .buttonXS_size.legend-doc-text { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .arr-pie-chart-container .profilePictureTextClientMedium_size.title-text, .arr-pie-chart-container .profilePictureTextClientMedium_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .profilePictureTextClientMedium_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .profilePictureTextClientMedium_size.legend-doc-text { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .arr-pie-chart-container .profilePictureTextSmall_size.title-text, .arr-pie-chart-container .profilePictureTextSmall_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .profilePictureTextSmall_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .profilePictureTextSmall_size.legend-doc-text { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .arr-pie-chart-container .toastMessageText_size.title-text, .arr-pie-chart-container .toastMessageText_size.total-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .toastMessageText_size.legend-text, .arr-pie-chart-container .chart-container .legend-container .legend-item .toastMessageText_size.legend-doc-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-pie-chart-container .title-text { color: #fcfcfd; } .arr-pie-chart-container .total-text { color: #fcfcfd; } .arr-pie-chart-container .chart-container { gap: 0.5rem; display: flex; margin-top: 1.5rem; } .arr-pie-chart-container .chart-container .MuiPieArc-root { stroke: #0c1119 !important; stroke-width: 0.062rem !important; } .arr-pie-chart-container .chart-container .pie-chart { justify-items: flex-start; justify-self: flex-start; flex: 1; } .arr-pie-chart-container .chart-container .legend-container { display: flex; flex: 1; flex-direction: column; gap: 1.5rem; } .arr-pie-chart-container .chart-container .legend-container .legend-item { display: flex; gap: 0.5rem; } .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-color-box { width: 1rem; height: 1rem; border-radius: 0.125rem; } .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-text { color: #ccd5e3; } .arr-pie-chart-container .chart-container .legend-container .legend-item .legend-doc-text { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .funnel-chart-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; container-type: inline-size; container-name: chart; } .funnel-canvas { max-width: 100%; object-fit: contain; } @container chart (width < 460px) { .funnel-canvas { max-width: calc(100% + 2.25rem); } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .linear-progress-bar { width: 100%; } .linear-progress-bar .progress-label { color: #fcfcfd; margin-bottom: 0.375rem; text-align: left; } .linear-progress-bar .custom-linear-progress { height: 0.375rem !important; background-color: #344660 !important; } .linear-progress-bar .custom-linear-progress .MuiLinearProgress-bar { background-color: #7ddfbb !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .MuiTreeItem-content { display: flex; gap: 0.25rem !important; padding-top: 0.25rem; padding-bottom: 0.25rem; border-radius: 0rem !important; color: #fcfcfd; width: 100%; height: 2.25rem; border-bottom: 0.062rem solid #263449; } .MuiTreeItem-content:hover { background-color: #546a8c; } .MuiTreeItem-content .location-folder-icon, .MuiTreeItem-content .location-tree-icon, .MuiTreeItem-content .location-tick-icon, .MuiTreeItem-content .MuiSvgIcon-root { color: #89a6ff; height: 1.25rem !important; width: 1.25rem !important; } .MuiTreeItem-content .MuiTreeItem-iconContainer { width: auto; } .MuiTreeItem-content .info-icon { margin-top: 0.3125rem; width: 0.875rem; height: 0.875rem; cursor: pointer; color: #89a6ff; } .MuiTreeItem-content .label-text-container { display: flex; align-items: center; gap: 0.25rem; } .lazy-child .MuiTreeItem-content { display: none; } .lazy-child .MuiTreeItem-group { display: none; } .MuiTreeItem-content[data-focused=true], .MuiTreeItem-content:focus, .MuiTreeItem-content.Mui-focused { background-color: transparent !important; box-shadow: none !important; outline: 2px solid #5265ff !important; outline-offset: -2px; z-index: 1; } .MuiTreeItem-content.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .MuiTreeItem-content.tree-item-selected .MuiTreeItem-iconContainer svg { color: white !important; } .MuiTreeItem-content.Mui-selected.tree-item-added { background-color: rgba(82, 101, 255, 0.2) !important; } .location-treeitem-label { justify-content: space-between; display: flex; align-items: center; font-family: Inter; } .location-treeitem-label .location-treeitem { text-align: left; display: flex; align-items: center; } .location-treeitem-label .location-treeitem p { white-space: nowrap; } .location-treeitem-label .location-treeitem { word-wrap: break-word; overflow-wrap: break-word; gap: 0.25rem; } .location-treeitem-label .location-treeitem .scope-icon { color: #ffc37d; width: 1.5rem; height: 1.5rem; } .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { padding: 0rem; } .location-treeitem-label .location-treeitem .tree-checkbox { padding-right: 0rem; padding-left: 0rem; } .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.5rem !important; width: 1.5rem !important; } .location-treeitem-label .location-treeitem .tree-checkbox.Mui-disabled .MuiSvgIcon-root { color: #424750; } .location-treeitem-label .location-treeitem .tree-checkbox.Mui-disabled { pointer-events: none; cursor: default; } .location-treeitem-label .location-treeitem .tree-checkbox .Mui-checked.Mui-disabled .MuiSvgIcon-root { color: rgba(82, 101, 255, 0.4) !important; border-color: rgba(12, 17, 25, 0.4) !important; } .location-treeitem-label .location-treeitem .label-disable { color: #727882; cursor: default; } .location-treeitem-label .location-treeitem .count-active { color: #a5b4cb; } .location-treeitem-label .location-treeitem .label-container { display: flex; gap: 0.5rem; padding-left: 0.25rem; } .location-treeitem-label .location-treeitem .label-container .scope-label { color: #ffc37d; } .location-treeitem-label .tree-action-container { display: flex; } .location-treeitem-label .tree-action-container .more-action-container { width: 2rem; } .location-treeitem-label .tree-action-container .tree-button-container { display: flex; gap: 1rem; align-items: center; } .location-treeitem-label .tree-action-container .project-bar-percentage { padding: 0.5rem 0.25rem; background-color: #1f2b3d; display: flex; align-items: center; gap: 0.5rem; } .location-treeitem-label .tree-action-container .project-bar-percentage .progress-bar-container { width: 10rem; height: 0.75rem; background-color: #344660; overflow: hidden; } .location-treeitem-label .tree-action-container .project-bar-percentage .progress-bar-fill { height: 100%; width: 0%; background-color: #7ddfbb; transition: width 0.3s ease; } .folder-text { color: #ffffff; } .more-icon { color: #ffffff !important; } .edit-input { border: none; outline: none; text-decoration: none; color: #0c1119; width: 100%; } .tree-item-border-bottom { border-bottom: 1px solid #6e87ff; } .tree-item-background { background-color: rgba(82, 101, 255, 0.6); } .drag-overlay-tree { color: #0c1119; } .drag-allowed { background-color: #7ddfbb !important; } .drag-not-allowed { background-color: #8c9eba !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-checkbox .MuiSvgIcon-root { color: #8c9eba; border: 0.062rem solid #0c1119; border-radius: 0.125rem; } .arr-checkbox.Mui-disabled .MuiSvgIcon-root { color: #424750 !important; } .arr-checkbox:hover:not(.Mui-checked):not(.Mui-disabled) .MuiSvgIcon-root { color: #6e87ff; } .arr-checkbox:active:not(.Mui-checked):not(.Mui-disabled) .MuiSvgIcon-root { color: #5265ff; } .arr-checkbox.Mui-focusVisible:not(.Mui-checked):not(.Mui-disabled) .MuiSvgIcon-root { color: #fcfcfd; outline: 0.125rem solid #fcfcfd; outline-offset: 0.125rem; } .arr-checkbox.Mui-checked .MuiSvgIcon-root, .arr-checkbox.MuiCheckbox-indeterminate .MuiSvgIcon-root { color: #5265ff; } .arr-checkbox.Mui-checked:hover:not(.Mui-disabled) .MuiSvgIcon-root, .arr-checkbox.MuiCheckbox-indeterminate:hover:not(.Mui-disabled) .MuiSvgIcon-root { color: #6e87ff; } .arr-checkbox.Mui-checked:active:not(.Mui-disabled) .MuiSvgIcon-root, .arr-checkbox.MuiCheckbox-indeterminate:active:not(.Mui-disabled) .MuiSvgIcon-root { color: #3845ad; } .arr-checkbox.Mui-checked.Mui-focusVisible .MuiSvgIcon-root, .arr-checkbox.MuiCheckbox-indeterminate.Mui-focusVisible .MuiSvgIcon-root { outline: 0.125rem solid #fcfcfd; outline-offset: 0.125rem; } .arr-checkbox.Mui-checked.Mui-disabled .MuiSvgIcon-root, .arr-checkbox.MuiCheckbox-indeterminate.Mui-disabled .MuiSvgIcon-root { color: #424750; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-switch-wrapper { display: inline-flex; align-items: center; } .arr-switch-wrapper .MuiSwitch-root .Mui-checked { padding-top: 0.625rem; } .arr-switch-wrapper .MuiSwitch-track { box-shadow: none; outline: none; transition: outline 0.2s ease, border-color 0.2s ease; } .arr-switch-wrapper.is-focused .MuiSwitch-track { outline: 0.125rem solid #fcfcfd; outline-offset: 0.0625rem; border-color: transparent; } .arr-switch-wrapper:focus-within { outline: none; outline-offset: 0; } .arr-switch { margin-left: -0.5rem; padding: 0.5rem !important; } .arr-switch .MuiSwitch-track { border-radius: 6.25rem; background-color: #0c1119; border: 0.062rem solid #8c9eba; opacity: 1; position: relative; } .arr-switch .MuiSwitch-track::before, .arr-switch .MuiSwitch-track::after { content: ""; position: absolute; transform: translateY(-50%); width: 0.5rem; height: 0.5rem; } .arr-switch .MuiSwitch-track::before { top: 0.6875rem; background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5C5.933%200.5%207.5%202.067%207.5%204C7.5%205.933%205.933%207.5%204%207.5C2.067%207.5%200.5%205.933%200.5%204C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23FCFCFD'/%3e%3c/svg%3e"); left: 0.375rem; } .arr-switch .MuiSwitch-track::after { top: 0.6875rem; right: 0.0625rem; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg%20width='1'%20height='8'%20viewBox='0%200%201%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='0.5'%20y1='-2.18557e-08'%20x2='0.5'%20y2='8'%20stroke='%238C9EBA'/%3e%3c/svg%3e"); } .arr-switch .MuiButtonBase-root:hover + .MuiSwitch-track { opacity: 1; border-color: #fcfcfd; } .arr-switch .MuiButtonBase-root:hover .MuiSwitch-thumb { border-color: #fcfcfd; } .arr-switch .MuiButtonBase-root.Mui-checked + .MuiSwitch-track { background-color: #5265ff; opacity: 1; border-color: #5265ff; } .arr-switch .MuiButtonBase-root.Mui-checked:hover + .MuiSwitch-track { background-color: #6e87ff; opacity: 1; border-color: #6e87ff; color: #6e87ff; } .arr-switch .MuiButtonBase-root.Mui-checked:active + .MuiSwitch-track { background-color: #3845ad; opacity: 1; border-color: #3845ad; } .arr-switch .MuiButtonBase-root.Mui-checked.Mui-disabled .Mui-checked .MuiSwitch-thumb { border: 0.062rem solid #8c9eba; } .arr-switch .MuiButtonBase-root.Mui-checked.Mui-disabled .Mui-checked .MuiSwitch-thumb .MuiSwitch-thumb { border: 0.062rem solid #424750; } .arr-switch .Mui-checked .MuiSwitch-thumb { opacity: 1; border: none; } .arr-switch .MuiSwitch-thumb { box-shadow: none; width: 1rem; height: 1rem; margin: 0.125rem; background-color: #0c1119; border: 0.062rem solid #8c9eba; } .arr-switch .MuiSwitch-input:focus + .MuiSwitch-track { border: 0.125rem solid #fcfcfd; } .arr-switch .MuiButtonBase-root.Mui-disabled .MuiSwitch-thumb { border: 0.062rem solid #424750; box-sizing: border-box; margin-top: 0.1875rem; } .arr-switch .MuiButtonBase-root.Mui-disabled.Mui-checked .MuiSwitch-thumb { margin-top: 0.125rem; } .arr-switch .MuiButtonBase-root.Mui-disabled + .MuiSwitch-track { border: 0.062rem solid #424750; opacity: 1; background-color: #0c1119; cursor: not-allowed; } .arr-switch .MuiButtonBase-root.Mui-disabled + .MuiSwitch-track .MuiSwitch-thumb { border: 0.062rem solid #424750; } .arr-switch .MuiButtonBase-root.Mui-disabled + .MuiSwitch-track::before { background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5C5.933%200.5%207.5%202.067%207.5%204C7.5%205.933%205.933%207.5%204%207.5C2.067%207.5%200.5%205.933%200.5%204C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23424750'/%3e%3c/svg%3e"); } .arr-switch .MuiButtonBase-root.Mui-disabled + .MuiSwitch-track::after { background-image: url("data:image/svg+xml,%3csvg%20width='1'%20height='8'%20viewBox='0%200%201%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='0.5'%20y1='-2.18557e-08'%20x2='0.5'%20y2='8'%20stroke='%23424750'/%3e%3c/svg%3e"); } .arr-switch--large .MuiSwitch-thumb { width: 1rem; height: 1rem; } .arr-switch--medium .MuiSwitch-root { width: 3.5rem; height: 2.25rem; } .arr-switch--medium .MuiSwitch-thumb { width: 0.875rem; height: 0.875rem; } .arr-switch--medium .arr-switch .MuiSwitch-track::before, .arr-switch--medium .arr-switch .MuiSwitch-track::after { top: 0.625rem; } .arr-switch--small .MuiSwitch-root { width: 3.25rem; height: 2.125rem; } .arr-switch--small .MuiSwitch-thumb { width: 0.75rem; height: 0.75rem; } .arr-switch--small .arr-switch .MuiSwitch-track::before, .arr-switch--small .arr-switch .MuiSwitch-track::after { top: 0.5625rem; } .arr-switch--small .arr-switch .MuiSwitch-track::before { transform: translateY(-54%); } .arr-switch--small .MuiSwitch-switchBase.Mui-checked { transform: translateX(1.1875rem); } .arr-switch--xs .MuiSwitch-root { width: 3.125rem; height: 2rem; } .arr-switch--xs .MuiSwitch-thumb { width: 0.625rem; height: 0.625rem; } .arr-switch--xs .MuiSwitch-switchBase.Mui-checked { transform: translateX(1.1875rem); } .arr-switch--xs .arr-switch .MuiSwitch-track::before, .arr-switch--xs .arr-switch .MuiSwitch-track::after { top: 0.5rem; } .arr-switch--xs .arr-switch .MuiSwitch-track::before { left: 0.3125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-pagination-pro { display: flex; align-items: center; background-color: #0c1119; padding: 0.5rem; flex-wrap: wrap; } .arr-pagination-pro .pagination-info { white-space: nowrap; color: #a5b4cb; width: 30%; } .arr-pagination-pro .divider { margin-right: 0.8125rem; background-color: #263449; } .arr-pagination-pro .per-page-select fieldset { border: none; } .arr-pagination-pro .select-render-value { display: flex; justify-content: space-between; align-items: center; } .arr-pagination-pro .select-render-value .items-per-page { color: #fcfcfd; } .arr-pagination-pro .select-label { color: #89a6ff; padding: 0 0.5rem; } .arr-pagination-pro .select-caret { width: 1rem !important; height: 1rem !important; } .arr-pagination-pro .pagination-controls { display: flex; align-items: center; gap: 0.125rem; } .arr-pagination-pro .pagination-controls .page-input { width: 3.125rem !important; margin: 0 0.5rem; } .arr-pagination-pro .pagination-controls .page-input .MuiFilledInput-root { border-radius: 0.5rem !important; padding: 0 !important; } .arr-pagination-pro .pagination-controls .page-input .MuiFilledInput-root .MuiFilledInput-input { padding: 0.375rem 0.625rem !important; text-align: center; } .custom-dropdown-menu { border-radius: 0.25rem; min-width: 7.5rem !important; } .custom-dropdown-menu .MuiList-root.MuiMenu-list { padding: 0; } .custom-dropdown-menu .MuiMenuItem-root { padding: 0.5rem 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .codingform-editor-main { display: flex; justify-content: center; align-items: center; } .codingform-editor-main .MuiAccordion-root { width: 100%; background-color: transparent; --Paper-shadow: none !important; border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .codingform-editor-main .MuiAccordionSummary-root { cursor: default !important; padding: 0rem; } .codingform-editor-main span.MuiAccordionSummary-content { margin: 0rem; } .codingform-editor-main .codingform-editor-header { display: flex; justify-content: space-between; align-items: center; padding: 0rem 0.5rem; gap: 0.5rem; background-color: #1f2b3d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .codingform-editor-main .codingform-editor-header .title-text { color: #fcfcfd; cursor: pointer; overflow-wrap: anywhere; } .codingform-editor-main .header-border { border-radius: 0.5rem; } .codingform-editor-main .MuiCollapse-vertical, .codingform-editor-main .MuiCollapse-wrapperInner, .codingform-editor-main .MuiAccordion-region { --Paper-shadow: none; } .codingform-editor-main .MuiAccordionDetails-root { background-color: #182231; padding: 0.5rem 1rem 0.5rem 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; --Paper-shadow: none; display: flex; gap: 0.75rem; flex-direction: column; } .codingform-editor-main .MuiAccordionDetails-root .field-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 0.75rem; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item { display: grid; box-sizing: border-box; flex: 0 0 calc((100% - 0.75rem) / 2); width: 100%; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container { display: flex; flex-direction: column; align-items: start; background-color: #263449; border-radius: 0.5rem; padding: 0.75rem 1rem; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-text { line-height: 1rem; letter-spacing: 0.03125rem; color: #ccd5e3; font-size: 0.75rem; font-family: Inter; font-weight: 400; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .inactive { color: #727882; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group { display: flex; width: 100%; gap: 0.75rem; min-height: 0.75rem; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .field-logic-left { width: 100%; align-items: center; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .operator-button { display: flex; width: 5rem; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .item { padding: 0.75rem 0rem; align-items: center; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .with-border { width: 50%; margin: 0.75rem 0rem; padding-left: 0.75rem; border-left: 0.0625rem solid; border-color: #3c4f6b; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(0.7rem, 0.4375rem) !important; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container .MuiFilledInput-root { background-color: #182231; display: flex; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container .MuiFilledInput-root.Mui-disabled { background-color: #424750; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container--medium .MuiFilledInput-root { background-color: #121a25; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 9rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiFilledInput-root { background-color: #424750; } .codingform-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiInputLabel-root { color: #727882; } .codingform-editor-main .MuiAccordionDetails-root .field-group .field-logic { flex: 1; } .codingform-editor-main .aur-button--primary.MuiButton-root { display: flex; justify-content: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .toast-notification__container { position: fixed; bottom: 1rem; right: 1.5rem; z-index: 9999; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; } .toast-notification__container .status-row .icon { height: 2rem; width: 2rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; } .toast-notification__container .status-row .success { background-color: #7ddfbb; } .toast-notification__container .status-row .error { background-color: #ff7a7a; } .toast-notification__container .status-row .warning { background-color: #ffc37d; } .toast-notification__container .status-icon { height: 1.5rem; width: 1.5rem; } .toast-notification__container .status-icon path { transform: scale(0.7); transform-origin: center; } .toast-notification__container .status-icon.info path { transform: scale(1); } .toast-notification__container .status-icon.success { background-color: #7ddfbb; color: #0c1119; } .toast-notification__container .status-icon.error { color: #0c1119; } .toast-notification__container .status-icon.warning { color: #0c1119; } .toast-notification__container .status-row { display: grid; grid-template-columns: repeat(12, 2rem); column-gap: 0.375rem; row-gap: 0.5rem; direction: rtl; grid-auto-flow: row; } .toast-notification__container .activation-toast { position: relative; right: 0rem; min-height: 2.75rem; } .toast-notification__container .activation-toast .MuiIconButton-root { align-self: flex-start; padding: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-stepper-container { display: flex; flex-direction: row; justify-content: center; align-items: stretch; height: auto; overflow: visible; } .arr-step { width: 100%; height: 4rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; transition: all 0.2s ease-in-out; overflow: visible; z-index: 1; border-radius: 0rem !important; padding: 0.75rem 2rem !important; } .arr-step span { white-space: pre-line; } .arr-step:first-child { margin-left: 0; } .arr-step.completed { background-color: #182231; color: #727882; cursor: not-allowed; } .arr-step.current { background-color: #5265ff; color: #fcfcfd; } .arr-step.future { background-color: #0c1119; color: #fcfcfd; } .arr-step.first { clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%); } .arr-step.last { margin-left: -1.8125rem; clip-path: polygon(1rem 0, 100% 0, 100% 100%, 1rem 100%, 2rem 50%); } .arr-step.middle { margin-left: -1.8125rem; clip-path: polygon(1rem 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 2rem 50%); } .stepper-label { display: flex; align-items: center; gap: 0.25rem; justify-content: center; text-align: left; width: 100%; padding-left: 1.75rem; white-space: normal; word-break: break-word; line-height: 1.25rem; letter-spacing: 0rem; font-size: 0.875rem; font-weight: 600; } .step-tooltip { position: relative; display: inline-block; } .step-tooltip-content { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #182231; color: #fcfcfd; padding: 0.375rem 0.625rem; border-radius: 0.25rem; white-space: nowrap; margin-top: 0.375rem; z-index: 10; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-feature-card { background-color: #0c1119 !important; color: #fcfcfd !important; border: 0.062rem solid #263449; border-radius: 0.5rem !important; } .arr-feature-card .icon-button.MuiIconButton-root.with-shape { background: none; } .arr-feature-card__header { padding-bottom: 0rem !important; } .arr-feature-card__header .MuiCardHeader-content { min-width: 0rem !important; text-align: left; } .arr-feature-card__label--primary { margin-bottom: 0.75rem !important; } .arr-feature-card__label--secondary { margin-bottom: 0.625rem !important; } .arr-feature-card__label--tertiary { margin-bottom: 0.5rem !important; } .arr-feature-card__label--progress-status { margin-bottom: 0.25rem !important; } .arr-feature-card__content { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; margin: 0.75rem 0rem; } .arr-feature-card__meta-data-box { flex: calc(33.33% - 1rem); min-width: 0rem !important; } .arr-feature-card__bates { min-width: 0rem !important; display: flex; flex-direction: column; gap: 0.25rem; flex: 60%; } .arr-feature-card__bates-box { background-color: #121a25; color: #fcfcfd; text-align: start; padding: 0.5rem; } .arr-feature-card__bates-box :first-child { margin-bottom: 0.25rem; } .arr-feature-card .MuiCardContent-root { padding-top: 0rem; padding-bottom: 1rem !important; text-align: left; } .arr-feature-card .MuiDivider-root { border-bottom-color: #263449 !important; } .arr-feature-card__last-modified { margin: 0.75rem 0rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-accordion-container { padding-bottom: 0rem; background-color: #1f2b3d; opacity: 1; } .arr-accordion-section.MuiAccordion-root { background-color: #1f2b3d; margin-bottom: 0rem; border: none; box-shadow: none; color: #fcfcfd; border-radius: 0.5rem !important; } .arr-accordion-section.MuiAccordion-root.disabled { opacity: 0.4; pointer-events: none; } .arr-accordion-summary.MuiAccordionSummary-root { padding: 0rem 1.5rem 0rem 1.5rem; background-color: transparent; height: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .arr-accordion-summary.MuiAccordionSummary-root .Mui-expanded .MuiAccordionSummary-expandIconWrapper svg { transform: rotate(180deg); transition: transform 0.3s ease; } .arr-accordion-title-wrapper { display: flex; align-items: center; } .arr-accordion-title { font-size: 0.875rem !important; line-height: 1.25rem !important; font-family: Inter !important; font-weight: 600 !important; letter-spacing: 0rem; color: #fcfcfd; gap: 0rem !important; } .arr-accordion-title .asterix { color: #e2294a !important; } .arr-accordion-info-icon { color: #89a6ff; font-size: 0.875rem; font-family: Inter; font-weight: 600; line-height: 1.25rem; letter-spacing: 0rem; border-radius: 0.5rem; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; height: 1.25rem; width: 1.25rem; margin-left: 0.5rem; } .arr-accordion-chevron-wrapper { background-color: #2d3d55; border-radius: 0.5rem; padding: 0.25rem; display: flex; align-items: center; justify-content: center; } .arr-accordion-chevron-wrapper .arr-accordion-title-wrapper { display: flex; align-items: center; flex: 1; min-width: 0; } .arr-accordion-chevron { color: #89a6ff; font-size: 1.5rem; transition: transform 0.3s ease; } .arr-accordion-details { min-height: 6.5rem !important; background-color: #121a25; border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-floating-panel { min-width: 15.625rem; max-width: 21.875rem; background-color: #121a25 !important; overflow: hidden; max-height: 25rem; display: flex; flex-direction: column; } .arr-floating-panel__header { display: flex; align-items: center; justify-content: space-between; padding: 1rem; background-color: #0c1119; position: sticky; top: 0; z-index: 1; } .arr-floating-panel__title { color: #ffffff; flex: 1; text-align: left; } .arr-floating-panel__close-button { width: 4.8125rem !important; } .arr-floating-panel__content { padding: 1rem; overflow-y: auto; flex: 1; scrollbar-width: none; -ms-overflow-style: none; } .arr-floating-panel__content::-webkit-scrollbar { display: none; } .css-16clqre-MuiTooltip-tooltip { background-color: transparent !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .card { width: 12.5rem; height: 15rem; border-radius: 0.5rem; overflow: hidden; border: 0.0625rem solid #263449; background-color: #121a25; display: flex; flex-direction: column; } .card .thumbnail-container { width: 12.5rem; height: 12.5rem; object-fit: cover; display: flex; align-items: center; justify-content: center; } .card .detail_button { background-color: transparent; } .card .button { margin-left: 0.25rem; } .card .alt_text { align-items: center; color: #a5b4cb; padding: 0 3.125rem; } .card .thumbnail { width: 100%; height: 100%; object-fit: cover; } .card .bottom-bar { display: flex; height: 2.5rem; justify-content: space-between; align-items: center; background-color: #182231; color: #ffffff; font-size: 0.875rem; } .card .bottom-bar .label { font-weight: 500; } .card .bottom-bar .checkbox { padding: 0 0.4375rem; border-left: 0.0625rem solid #3c4f6b; } .MuiPopover-paper { border: 0.0625rem solid #3c4f6b; } .MuiPopover-paper .header { background-color: #121a25; padding: 0.5625rem 1rem; } .metadata-body { background-color: #182231; overflow-y: auto; } .metadata-body::-webkit-scrollbar { width: 0.25rem; } .metadata-body::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .metadata-body { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .header-text { color: #fcfcfd; } .body_text { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-list-header { display: flex; align-items: center; padding: 1rem 2rem; gap: 1rem; background-color: #182231; } .doc-list-header .header-title { display: flex; align-items: center; gap: 0.5rem; } .doc-list-header .header-title .info-icon { color: #89a6ff; cursor: pointer; } .doc-list-header .header-back-button { display: flex; padding: 0.5rem 1rem; cursor: pointer; } .doc-list-header .header-back-button .button-arrow { height: 1rem; width: 1rem; margin-right: 0.5rem; } .doc-list-filter-container { display: flex; flex-direction: column; background-color: #263449; } .doc-list-filter-container .doc-list-filter { padding: 0.5rem; } .doc-list-grid { display: flex; flex-direction: column; background-color: #0c1119; } .doc-list-grid .doc-action-headers { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem 2rem; } .doc-list-grid .doc-action-headers .ac-header { background: transparent; } .doc-list-grid .doc-action-headers .table-header-doc-list { padding: 0rem; } .doc-list-grid .doc-list-data-grid-pro .no-column-separator .MuiDataGrid-columnSeparator { display: none; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border: none !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-root .MuiDataGrid-cell { display: flex; background-color: #182231; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-root .highlight-parent-row .MuiDataGrid-cell { background-color: #121a25; border-bottom: none !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-columnHeader:focus-within { outline: none !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-cell:focus { outline: none !important; } .doc-list-grid .doc-list-data-grid-pro .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.75rem; } .doc-list-grid .MuiDataGrid-virtualScrollerRenderZone { padding-top: 3.625rem; } .doc-list-grid .data-grid-table { padding: 0rem 2rem; padding-right: 0rem; } .doc-list-grid .data-grid-table .data-grid-container { display: flex; flex-direction: column; } .doc-list-grid .data-grid-table .data-grid-container .select-all-container { display: flex; flex-direction: row; padding-bottom: 1rem; align-items: center; } .doc-list-grid .data-grid-table-thumbnail { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2rem; padding-right: 2rem; margin-bottom: 2rem; } .doc-list-grid .doc-id-link { color: #89a6ff; cursor: pointer; text-decoration: none; } .doc-list-grid .no-document-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .doc-list-grid .no-document-data-found .no-document-text { margin-top: 2.1875rem; color: #fcfcfd; } .doc-list-grid .doc-list-grid-pagination { grid-column: 1/-1; } .doc-list-grid .doc-list-grid-pagination .arr-pagination { background-color: #121a25; } .doc-list-grid .MuiDataGrid-detailPanel { overflow-y: hidden; } .doc-list-grid .child-data-grid-pro .MuiDataGrid-root { border-radius: 0rem; } .doc-list-grid .child-data-grid-pro .MuiDataGrid-virtualScrollerRenderZone { padding-top: 0rem; } .doc-list-grid .child-data-grid-pro .MuiDataGrid-columnHeaders { display: none !important; } .doc-list-grid .child-data-grid-pro .MuiDataGrid-cell { background-color: #121a25 !important; } .doc-list-modal .doc-list-modal-content { display: flex; flex-direction: column; color: #fcfcfd; padding: 0rem 2rem; gap: 1rem; } .doc-list-modal .doc-list-modal-content .question-text { color: #ccd5e3; } .doc-list-modal .doc-list-modal-content .doc-list-modal-radio { padding-left: 0.625rem; } .doc-list-modal .doc-list-modal-content .doc-list-modal-radio .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .arr-menu--right-submenu.arr-action-menu.doc-list-action-menu .MuiMenu-paper { margin-left: 0.0625rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-list-filter-accordion { width: 100%; } .doc-list-filter-accordion .accordion-summary-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .doc-list-filter-accordion .title-section { display: flex; align-items: center; } .doc-list-filter-accordion .title-section .title { color: #ffffff; } .doc-list-filter-accordion .expand-icon-text-section { display: flex; align-items: center; padding-right: 0.75rem; } .doc-list-filter-accordion .expand-icon-text-section .title { color: #89a6ff; } .doc-list-filter-accordion .expand-icon { color: #89a6ff; } .doc-list-filter-accordion .info-icon-button { padding: 0rem; } .doc-list-filter-accordion .info-icon-button .info-icon { color: #89a6ff; height: 1.25rem; width: 1.25rem; } .doc-list-filter-accordion .info-icon-button-wrapper { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0.5rem; border-radius: 50%; } .doc-list-filter-accordion .info-icon-button-wrapper:hover { background-color: rgba(0, 0, 0, 0.04); } .doc-list-filter-accordion .info-icon-button-wrapper .info-icon { color: #89a6ff; height: 1.25rem; width: 1.25rem; } .doc-list-filter-accordion .MuiPaper-root.MuiPaper-elevation { background-color: #121a25; padding: 0.75rem; border-radius: 0.5rem; } .doc-list-filter-accordion .accordion-body .parent-filter-container { display: flex; flex-wrap: wrap; gap: 0.5rem; border: none; padding: 0rem; margin: 0rem; } .doc-list-filter-accordion .accordion-body .parent-filter-container .visually-hidden { position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0rem; margin: -0.0625rem; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0rem; } .doc-list-filter-accordion .accordion-body .sub-filter-container .filter-divider { background-color: #3c4f6b; height: 0.03125rem; margin-top: 0.625rem; margin-bottom: 1rem; flex-shrink: 0rem; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section { display: flex; justify-content: space-between; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section .active-filter-section-button { display: flex; gap: 0.5rem; align-items: center; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section .title { color: #ffffff; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section { display: flex; flex-wrap: wrap; gap: 0.5rem; padding-inline-start: 0; list-style-type: none; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter .arr-filter-chip-filter-selection-continer { cursor: pointer; } .doc-list-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter.arr-filter-chip-v1-v2-responsive:hover { background-color: #603e94; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-list-parentFilter { display: inline-flex; cursor: pointer; padding: 0rem 1rem 0rem 0.5rem; border-radius: 0.5rem; height: 2rem; } .doc-list-parentFilter.non-selected-state { background-color: #3845ad; } .doc-list-parentFilter.selected-state { background-color: #192341; } .doc-list-parentFilter .items-alignment { display: flex; align-items: center; } .doc-list-parentFilter .filter-label { line-height: 1.125rem; padding-right: 0.625rem; color: #ffffff; } .doc-list-parentFilter .caret-down-icon { color: #ffffff; } .doc-list-parentFilter .tick-mark-icon { color: #89a6ff; width: 0.75rem; height: 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-list-filter-selection-popper { z-index: 1300 !important; } .doc-list-filter-selection-modal { width: 20rem; background-color: #121a25 !important; border-radius: 0.5rem !important; border: 0.0625rem solid #3c4f6b; padding: 1rem; z-index: 1300; } .doc-list-filter-selection-modal .modal-header { display: flex; justify-content: space-between; align-items: center; } .doc-list-filter-selection-modal .modal-header .title { color: #ffffff; } .doc-list-filter-selection-modal .modal-header .close-icon { color: #89a6ff; } .doc-list-filter-selection-modal .primary-selection { margin-top: 1rem; border: none; padding: 0rem; margin-inline-start: 0rem; margin-inline-end: 0rem; } .doc-list-filter-selection-modal .primary-selection .radio-button-container { padding-left: 0.25rem; display: flex; gap: 1rem; } .doc-list-filter-selection-modal .primary-selection .radio-button-container .radio-button .MuiTypography-root.MuiFormControlLabel-label { color: #ffffff; } .doc-list-filter-selection-modal .primary-selection .radio-button-container .radio-button .MuiRadio-root:focus-visible { outline: 0.125rem solid #3c4f6b; outline-offset: 0.125rem; } .doc-list-filter-selection-modal .primary-selection .radio-button-container .radio-button .MuiButtonBase-root[tabindex="-1"] { pointer-events: auto !important; } .doc-list-filter-selection-modal .secondery-selection { margin-top: 1rem; border: none; padding: 0rem; margin-inline-start: 0rem; margin-inline-end: 0rem; } .doc-list-filter-selection-modal .secondery-selection .multi-date-container { display: flex; flex-direction: column; gap: 1rem; } .doc-list-filter-selection-modal .secondery-selection .multi-size-container { display: flex; flex-direction: column; gap: 1rem; } .doc-list-filter-selection-modal .modal-submit { margin-top: 1rem; display: flex; width: 100%; justify-content: flex-end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-datagrid-pro { height: 40.3125rem; } .arr-datagrid-pro .MuiDataGrid-root { background-color: #0c1119; border: none; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #0c1119; color: #a5b4cb; height: 3rem; border: none; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border: none !important; background-color: #121a25; padding-left: 1rem; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { justify-content: space-between; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-sortButton { background-color: transparent !important; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #3c4f6b; height: 3rem !important; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-row { min-height: 2.25rem !important; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: #182231; border-bottom: 0.062rem solid #263449; padding: 0rem 1rem; height: 2.25rem; line-height: 2.25rem; color: #fcfcfd; border-top: none; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell.arr-checkbox-column-cell { display: flex; align-items: center; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-filler { --rowBorderColor: transparent !important; } .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-scrollbarFiller--header { background-color: #0c1119 !important; border: none !important; } .arr-datagrid-pro .MuiDataGrid-root .no-grid-overlay { width: 100%; height: 100%; background-color: #344660; display: flex; align-items: center; justify-content: center; color: #fcfcfd; flex-direction: column; } .arr-datagrid-pro .MuiDataGrid-root .loading-overlay { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .arr-datagrid-pro .MuiDataGrid-footerContainer { display: flex; flex-direction: column; border: none; } .arr-datagrid-pro .MuiDataGrid-footerContainer .aur-datagrid-footer-child-container { width: 100%; } .arr-datagrid-pro .arr-checkbox-column-cell { text-overflow: clip !important; } .arr-datagrid-pro .MuiDataGrid-headerFilterRow { border-top: 0.0625rem solid #263449; border-bottom: 0.0625rem solid #263449; } .arr-datagrid-pro .MuiDataGrid-columnHeaderTitleContainer { height: 3rem; } .arr-datagrid-pro .MuiDataGrid-columnHeader.MuiDataGrid-columnHeader--filter { padding-left: 0.5rem !important; padding-right: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .table-header-doc-list { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; } .table-header-doc-list .table-header-section .action-dropdown-button { background-color: #424750; color: #727882; outline: none; } .table-header-doc-list .table-header-section .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .table-header-doc-list .table-header-section .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .table-header-doc-list .table-header-section .action-dropdown-button--selected svg { color: #ffffff !important; } .table-header-doc-list .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 1rem; } .table-header-doc-list .table-header-section .action-buttons-right .grid-list-toggle { display: flex; align-items: center; } .table-header-doc-list .table-header-section .action-buttons-right .grid-list-toggle .grid-view { border-radius: 0rem; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .table-header-doc-list .table-header-section .action-buttons-right .grid-list-toggle .list-view { border-radius: 0rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .table-header-doc-list .table-header-section .action-buttons-right .grid-list-toggle .active { background-color: #5265ff; } .table-header-doc-list .table-header-section .action-buttons-right .grid-list-toggle .active svg { color: #ffffff; } .table-header-doc-list .table-header-section .action-buttons-right .arr-divider { width: 0.0625rem; height: 2rem; margin: 0rem; background-color: #1f2b3d; } .table-header-doc-list .table-header-section .action-buttons-right .action-buttons { display: flex; gap: 0.125rem; } .action-submenu .MuiMenu-paper { margin: 0.125rem 0rem; } .doc-column-menu .MuiMenuItem-root.MuiMenuItem-dense { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .filter-text-field { width: 100%; background-color: #0c1119; } .filter-text-field .MuiFilledInput-root { padding-right: 0.25rem !important; } .filter-text-field .clear-icon { width: 1.125rem; height: 1.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .filter-date-field .arr-field-popover-date-filter:has(.filter-date-field) { width: 100% !important; } .filter-date-field { width: 100% !important; background-color: #0c1119; } .filter-date-field .MuiFilledInput-root { padding-right: 0.25rem !important; } .filter-date-field .MuiInputBase-root.MuiOutlinedInput-root { height: 2rem; padding-top: 0rem; padding-right: 0.5rem; border-radius: 0.25rem; color: #fcfcfd; } .filter-date-field .MuiInputBase-root:focus-within { border: 0.125rem solid #5265ff !important; } .filter-date-field .MuiOutlinedInput-root.Mui-focused fieldset { border-color: transparent; } .filter-date-field .MuiInputBase-root input::placeholder { color: #a5b4cb; opacity: 0.4; font-size: 0.875rem; } .filter-date-field .MuiInputBase-input { padding-left: 0.5rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .dargdrop-list { background-color: #0c1119; width: 100%; border-radius: 0.5rem; color: #fcfcfd; display: flex; flex-direction: column; } .dargdrop-list .d-flex { display: flex; } .dargdrop-list .editor-canvas { flex: 1; overflow-y: auto; } .dargdrop-list .display-between { justify-content: space-between; padding: 1rem 0.75rem; border-bottom: 0.0625rem solid #182231; } .dargdrop-list .dargdropItems-editor-main { display: flex; justify-content: center; align-items: center; padding: 0rem 0.5rem 0rem 0.75rem; } .dargdrop-list .dargdropItems-editor-main .MuiAccordion-root { width: 100%; background-color: transparent; --Paper-shadow: none !important; border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionSummary-root { cursor: default !important; padding: 0rem; } .dargdrop-list .dargdropItems-editor-main span.MuiAccordionSummary-content { margin: 0rem; } .dargdrop-list .dargdropItems-editor-main .dargdropItems-editor-header { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .dargdrop-list .dargdropItems-editor-main .dargdropItems-editor-header .title-text { color: #fcfcfd; cursor: pointer; overflow-wrap: anywhere; } .dargdrop-list .dargdropItems-editor-main .header-border { border-radius: 0.5rem; } .dargdrop-list .dargdropItems-editor-main .MuiCollapse-vertical, .dargdrop-list .dargdropItems-editor-main .MuiCollapse-wrapperInner, .dargdrop-list .dargdropItems-editor-main .MuiAccordion-region { --Paper-shadow: none; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root { background-color: #182231; padding: 0.5rem 1rem 0.5rem 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; --Paper-shadow: none; display: flex; gap: 0.75rem; flex-direction: column; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 0.75rem; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item { box-sizing: border-box; flex: 0 0 calc((100% - 0.75rem) / 2); width: 100%; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container { display: flex; flex-direction: column; align-items: start; background-color: #263449; border-radius: 0.5rem; padding: 0.75rem 1rem; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-text { line-height: 1rem; letter-spacing: 0.03125rem; color: #ccd5e3; font-size: 0.75rem; font-family: Inter; font-weight: 400; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .inactive { color: #727882; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group { display: flex; width: 100%; gap: 0.75rem; min-height: 0.75rem; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .field-logic-left { width: 100%; align-items: center; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .operator-button { display: flex; width: 5rem; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .item { padding: 0.75rem 0rem; align-items: center; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .field-logic-container .field-logic-group .with-border { width: 50%; margin: 0.75rem 0rem; padding-left: 0.75rem; border-left: 0.0625rem solid; border-color: #3c4f6b; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(0.7rem, 0.4375rem) !important; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container .MuiFilledInput-root { background-color: #182231; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container .MuiFilledInput-root.Mui-disabled { background-color: #424750; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-dropdown-container--medium .MuiFilledInput-root { background-color: #121a25; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 9rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiFilledInput-root { background-color: #424750; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .group-item .arr-textfield-wrapper .arr-textfield.arr-textfield--inactive .MuiInputLabel-root { color: #727882; } .dargdrop-list .dargdropItems-editor-main .MuiAccordionDetails-root .field-group .field-logic { flex: 1; } .dargdrop-list .dargdropItems-editor-main .aur-button--primary.MuiButton-root { display: flex; justify-content: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .display1_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .display1_size.arr-accordion-title { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .display2_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .display2_size.arr-accordion-title { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .display3_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .display3_size.arr-accordion-title { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .headline1_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .headline1_size.arr-accordion-title { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .headline2_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .headline2_size.arr-accordion-title { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .headline3_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .headline3_size.arr-accordion-title { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .subhead1_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .subhead1_size.arr-accordion-title { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .subhead2_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .subhead2_size.arr-accordion-title { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .subhead3_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .subhead3_size.arr-accordion-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .subhead4_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .subhead4_size.arr-accordion-title, .manage-columns .container-list .arr-accordion-container .typo-text.arr-accordion-title, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .container-list .arr-accordion-container .MuiTypography-root.arr-accordion-title, .manage-columns .container-list .arr-accordion-container .tag-drawer .radio-group-control .MuiRadioGroup-root label .MuiTypography-root.arr-accordion-title, .manage-columns .container-list .arr-accordion-container .arr-accordion-title { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .subhead5_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .subhead5_size.arr-accordion-title { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .body1_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .body1_size.arr-accordion-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .body2_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .body2_size.arr-accordion-title { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .manage-columns .container-list .arr-accordion-container .body3_size.arr-accordion-title, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .MuiTypography-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .body4_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .body4_size.arr-accordion-title { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .body5_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .body5_size.arr-accordion-title { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .label1_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .label1_size.arr-accordion-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .label2_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .label2_size.arr-accordion-title { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .label3_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .label3_size.arr-accordion-title { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .label4_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .label4_size.arr-accordion-title { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .buttonLarge_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .buttonLarge_size.arr-accordion-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .buttonMedium_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .buttonMedium_size.arr-accordion-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .buttonSmall_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .buttonSmall_size.arr-accordion-title { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .buttonXS_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .buttonXS_size.arr-accordion-title { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .profilePictureTextClientMedium_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .profilePictureTextClientMedium_size.arr-accordion-title { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .profilePictureTextSmall_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .profilePictureTextSmall_size.arr-accordion-title { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root label .toastMessageText_size.MuiTypography-root, .manage-columns .container-list .arr-accordion-container .toastMessageText_size.arr-accordion-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-columns { display: flex; flex-direction: column; border-left: 0.0625rem solid #5265ff; background-color: #0c1119; height: 100%; } .manage-columns .text-color { color: #fcfcfd; } .manage-columns .tag-drawer { display: flex; flex-direction: column; height: 100%; background-color: #121a25; } .manage-columns .tag-drawer .tag-drawer-header { display: flex; flex-direction: column; height: 100%; gap: 1.5rem; padding: 1.5rem 3rem; } .manage-columns .tag-drawer .tag-drawer-title { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; border-bottom: 0.0625rem solid #3c4f6b; } .manage-columns .tag-drawer .tag-drawer-group { display: flex; flex-direction: row; gap: 0.25rem; justify-content: space-between; } .manage-columns .tag-drawer .tag-buttons { display: flex; height: 4.5rem; background-color: #0c1119; justify-content: flex-end; align-items: center; } .manage-columns .tag-drawer .tag-buttons .button-group { display: flex; gap: 1rem; padding-right: 3rem; } .manage-columns .tag-drawer .radio-group-control .MuiRadioGroup-root { display: flex; flex-direction: column; gap: 0.625rem; } .manage-columns::-webkit-scrollbar { width: 0.25rem; } .manage-columns::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .manage-columns::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .manage-columns::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .manage-columns::-webkit-scrollbar-thumb:active { background: #546a8c; } .manage-columns { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .manage-columns .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } .manage-columns .arr-checkbox.Mui-checked.Mui-disabled .MuiSvgIcon-root { color: rgba(82, 101, 255, 0.6) !important; } .manage-columns .arr-checkbox.Mui-checked.Mui-selected .MuiSvgIcon-root { color: rgba(82, 101, 255, 0.6) !important; } .manage-columns .MuiTreeItem-content .location-treeitem-label .tree-checkbox .MuiSvgIcon-root { background: #182231; } .manage-columns .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .manage-columns .MuiTreeItem-content.Mui-selected .location-treeitem-label .tree-checkbox .MuiSvgIcon-root { border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .manage-columns .MuiTreeItem-content.Mui-disabled { background-color: rgba(82, 101, 255, 0.2) !important; } .manage-columns .MuiTreeItem-content.Mui-disabled .location-treeitem-label .tree-checkbox .MuiSvgIcon-root { border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .manage-columns .container-list { display: flex; flex-direction: column; min-width: 100%; max-width: 100%; height: calc(100vh - 13.125rem); } .manage-columns .container-list .trr-item-check { flex: 1; overflow-y: auto; overflow-x: auto; } .manage-columns .container-list .arr-accordion-container button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.info-button svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.arr-accordion-info-icon { height: 1.25rem; width: 1.25rem; } .manage-columns .container-list .arr-accordion-container .arr-accordion-chevron-wrapper { background-color: #0c1119; } .manage-columns .container-list .arr-accordion-container .arr-accordion-details { background-color: #0c1119; padding: 0; } .manage-columns .container-list .arr-accordion-container .arr-accordion-section.MuiAccordion-root { background-color: #0c1119; border-radius: 0 !important; } .manage-columns .container-list .arr-accordion-container .arr-accordion-summary.MuiAccordionSummary-root { min-height: 3rem !important; border-bottom: 0.0625rem solid #263449; flex-direction: row-reverse; padding: 0.125rem; gap: 0.25rem; } .manage-columns .container-list .arr-accordion-container .custom-text { padding: 2rem; } .manage-columns .header-bar { background-color: #0c1119; padding: 1.5rem 3rem 0rem; } .manage-columns .header-bar .title-container { min-height: 5rem; display: flex; justify-content: space-between; align-items: center; } .manage-columns .d-flex { display: flex; } .manage-columns .display-between { justify-content: space-between; } .manage-columns .ml { margin-left: 1rem; } .manage-columns .mt { margin-top: 1rem; } .manage-columns .tabContent { color: #fcfcfd; width: 100%; } .manage-columns .available-group { display: flex; gap: 1.5rem; padding: 1.5rem 3rem; height: calc(100vh - 13.125rem); background-color: #121a25; } .manage-columns .available-group-body { display: flex; gap: 1rem; width: 100%; } .manage-columns .MuiTabs-list { height: 3rem; align-items: center; } .manage-columns .object-tabs { padding: 0.5rem 3rem 0rem; border-bottom: 0.0625rem solid #263449; } .manage-columns .object-tabs .MuiTab-root.MuiButtonBase-root { min-height: 3rem; } .manage-columns .object-tabs .MuiTab-root.MuiButtonBase-root.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .manage-columns .object-tabs .object-tab { color: #ccd5e3; text-transform: none; padding-top: 0rem; padding-bottom: 0rem; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .manage-columns .object-tabs .object-tab button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.icon-button.with-shape { background-color: inherit; height: 1.25rem; width: 1.25rem; } .manage-columns .object-tabs .object-tab .icon-button.MuiIconButton-sizeSmall svg { height: 1rem; width: 1rem; } .manage-columns .tagGroupSlections { text-align: left; padding: 1rem; width: 100%; } .manage-columns .tagGroupSlections .display-between { justify-content: space-between; align-items: center; } .manage-columns .tagGroupSlections .tagGroupSlectionsBottom { text-align: end; margin-top: 1rem; } .manage-columns .tagGroupSlections .readioLabel { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .manage-columns .tagGroupSlections .text-white { border-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .doc-preview-modal .header-container .toolbar-wrapper .display1_size.MuiTypography-root, .doc-preview-modal .display1_size.controls-text { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .doc-preview-modal .header-container .toolbar-wrapper .display2_size.MuiTypography-root, .doc-preview-modal .display2_size.controls-text { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .doc-preview-modal .header-container .toolbar-wrapper .display3_size.MuiTypography-root, .doc-preview-modal .display3_size.controls-text { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .doc-preview-modal .header-container .toolbar-wrapper .headline1_size.MuiTypography-root, .doc-preview-modal .headline1_size.controls-text { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .doc-preview-modal .header-container .toolbar-wrapper .headline2_size.MuiTypography-root, .doc-preview-modal .headline2_size.controls-text { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .doc-preview-modal .header-container .toolbar-wrapper .headline3_size.MuiTypography-root, .doc-preview-modal .headline3_size.controls-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .doc-preview-modal .header-container .toolbar-wrapper .subhead1_size.MuiTypography-root, .doc-preview-modal .subhead1_size.controls-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .doc-preview-modal .header-container .toolbar-wrapper .subhead2_size.MuiTypography-root, .doc-preview-modal .subhead2_size.controls-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .doc-preview-modal .header-container .toolbar-wrapper .subhead3_size.MuiTypography-root, .doc-preview-modal .subhead3_size.controls-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .doc-preview-modal .header-container .toolbar-wrapper .subhead4_size.MuiTypography-root, .doc-preview-modal .subhead4_size.controls-text, .doc-preview-modal .typo-text.controls-text, .doc-preview-modal .header-container .toolbar-wrapper .MuiTypography-root.controls-text, .doc-preview-modal .controls-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .doc-preview-modal .header-container .toolbar-wrapper .subhead5_size.MuiTypography-root, .doc-preview-modal .subhead5_size.controls-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .doc-preview-modal .header-container .toolbar-wrapper .body1_size.MuiTypography-root, .doc-preview-modal .body1_size.controls-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .doc-preview-modal .header-container .toolbar-wrapper .body2_size.MuiTypography-root, .doc-preview-modal .body2_size.controls-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .doc-preview-modal .body3_size.controls-text, .doc-preview-modal .header-container .toolbar-wrapper .MuiTypography-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .doc-preview-modal .header-container .toolbar-wrapper .body4_size.MuiTypography-root, .doc-preview-modal .body4_size.controls-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .doc-preview-modal .header-container .toolbar-wrapper .body5_size.MuiTypography-root, .doc-preview-modal .body5_size.controls-text { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .doc-preview-modal .header-container .toolbar-wrapper .label1_size.MuiTypography-root, .doc-preview-modal .label1_size.controls-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .doc-preview-modal .header-container .toolbar-wrapper .label2_size.MuiTypography-root, .doc-preview-modal .label2_size.controls-text { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .doc-preview-modal .header-container .toolbar-wrapper .label3_size.MuiTypography-root, .doc-preview-modal .label3_size.controls-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .doc-preview-modal .header-container .toolbar-wrapper .label4_size.MuiTypography-root, .doc-preview-modal .label4_size.controls-text { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .doc-preview-modal .header-container .toolbar-wrapper .buttonLarge_size.MuiTypography-root, .doc-preview-modal .buttonLarge_size.controls-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .doc-preview-modal .header-container .toolbar-wrapper .buttonMedium_size.MuiTypography-root, .doc-preview-modal .buttonMedium_size.controls-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .doc-preview-modal .header-container .toolbar-wrapper .buttonSmall_size.MuiTypography-root, .doc-preview-modal .buttonSmall_size.controls-text { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .doc-preview-modal .header-container .toolbar-wrapper .buttonXS_size.MuiTypography-root, .doc-preview-modal .buttonXS_size.controls-text { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .doc-preview-modal .header-container .toolbar-wrapper .profilePictureTextClientMedium_size.MuiTypography-root, .doc-preview-modal .profilePictureTextClientMedium_size.controls-text { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .doc-preview-modal .header-container .toolbar-wrapper .profilePictureTextSmall_size.MuiTypography-root, .doc-preview-modal .profilePictureTextSmall_size.controls-text { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .doc-preview-modal .header-container .toolbar-wrapper .toastMessageText_size.MuiTypography-root, .doc-preview-modal .toastMessageText_size.controls-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-preview-modal .modal-backdrop { background: linear-gradient(270.36deg, rgba(11, 9, 35, 0.8) 0.31%, rgba(23, 28, 71, 0.3) 99.7%); transition: opacity 300ms ease-in-out; } .doc-preview-modal .modal-paper { border-radius: 1.5rem; background-color: #0c1119; border: 0.062rem solid #5265ff; width: 100%; height: 100%; max-width: 62.5rem; } .doc-preview-modal .full-screen { max-width: 87.5rem; } .doc-preview-modal .header-container { display: flex; flex-direction: column; width: 100%; } .doc-preview-modal .header-container .title-container { display: flex; flex-direction: row; flex: 1; justify-content: space-between; margin: 1.5rem; align-items: center; width: -webkit-fill-available; } .doc-preview-modal .header-container .button-container { display: flex; flex-direction: row; gap: 0.5rem; } .doc-preview-modal .header-container .toolbar-wrapper { flex-direction: column; padding: 1rem 1.5rem; background: #e1eeff; display: flex; flex: 1; } .doc-preview-modal .modal-header-title { display: flex; flex-direction: column; align-items: center; padding: 0rem; color: #fcfcfd; } .doc-preview-modal .controls-text { color: #0c1119; } .doc-preview-modal .modal-content { padding: 0rem; padding-top: 0rem !important; display: flex; flex-direction: row; background: #e0e6ef; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .doc-toolbar-wrapper .display1_size.MuiFilledInput-root { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .doc-toolbar-wrapper .display2_size.MuiFilledInput-root { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .doc-toolbar-wrapper .display3_size.MuiFilledInput-root { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .doc-toolbar-wrapper .headline1_size.MuiFilledInput-root { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .doc-toolbar-wrapper .headline2_size.MuiFilledInput-root { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .doc-toolbar-wrapper .headline3_size.MuiFilledInput-root { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .doc-toolbar-wrapper .subhead1_size.MuiFilledInput-root { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .doc-toolbar-wrapper .subhead2_size.MuiFilledInput-root { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .doc-toolbar-wrapper .subhead3_size.MuiFilledInput-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .doc-toolbar-wrapper .subhead4_size.MuiFilledInput-root { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .doc-toolbar-wrapper .subhead5_size.MuiFilledInput-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .doc-toolbar-wrapper .body1_size.MuiFilledInput-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .doc-toolbar-wrapper .body2_size.MuiFilledInput-root { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .doc-toolbar-wrapper .body3_size.MuiFilledInput-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .doc-toolbar-wrapper .MuiFilledInput-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .doc-toolbar-wrapper .body5_size.MuiFilledInput-root { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .doc-toolbar-wrapper .label1_size.MuiFilledInput-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .doc-toolbar-wrapper .label2_size.MuiFilledInput-root { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .doc-toolbar-wrapper .label3_size.MuiFilledInput-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .doc-toolbar-wrapper .label4_size.MuiFilledInput-root { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .doc-toolbar-wrapper .buttonLarge_size.MuiFilledInput-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .doc-toolbar-wrapper .buttonMedium_size.MuiFilledInput-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .doc-toolbar-wrapper .buttonSmall_size.MuiFilledInput-root { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .doc-toolbar-wrapper .buttonXS_size.MuiFilledInput-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .doc-toolbar-wrapper .profilePictureTextClientMedium_size.MuiFilledInput-root { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .doc-toolbar-wrapper .profilePictureTextSmall_size.MuiFilledInput-root { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .doc-toolbar-wrapper .toastMessageText_size.MuiFilledInput-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-toolbar-wrapper { display: flex; flex-direction: row; justify-content: space-between; } .doc-toolbar-wrapper .small-gap-wrapper { display: flex; flex-direction: row; gap: 0.125rem; } .doc-toolbar-wrapper .row-container-no-pad { display: flex; flex-direction: row; } .doc-toolbar-wrapper .row-container { display: flex; align-items: center; padding: 0.5rem 0rem; margin-right: 1rem; gap: 0.5rem; flex-direction: row; } .doc-toolbar-wrapper .row-container .action-icon svg { height: 1.125rem; width: 1.125rem; } .doc-toolbar-wrapper .row-container .action-icon.active { background-color: rgba(137, 166, 255, 0.4) !important; border-radius: 0.25rem; } .doc-toolbar-wrapper .margin-right-zero { margin-right: 0rem; } .doc-toolbar-wrapper .medium-gap { gap: 0.25rem; } .doc-toolbar-wrapper .dark-text { color: #0c1119; } .doc-toolbar-wrapper .MuiFilledInput-root { color: #0c1119 !important; border: 0.0625rem solid #b2bfd3 !important; } .doc-toolbar-wrapper .icon-button.MuiIconButton-root.with-shape { background-color: rgba(137, 166, 255, 0.2); } .doc-toolbar-wrapper .rotate-180 { transform: rotate(180deg); } .doc-toolbar-wrapper .input-container { width: 4rem; } .doc-toolbar-action-menu { /* The main Paper container of the menu */ } .doc-toolbar-action-menu .MuiPaper-root { background-color: #d3e4ff !important; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3) !important; border: 0.0625rem solid #b2bfd3; } .doc-toolbar-action-menu { /* Submenus or nested menus (if any) */ } .doc-toolbar-action-menu .MuiPopover-root .MuiPaper-root { box-shadow: 0rem 0.375rem 0.625rem 0.25rem rgba(0, 0, 0, 0.15) !important; } .doc-toolbar-action-menu { /* The list that contains menu items */ } .doc-toolbar-action-menu .MuiMenu-list { padding-top: 0rem !important; padding-bottom: 0rem !important; } .doc-toolbar-action-menu .MuiMenuItem-root { background-color: #d3e4ff !important; color: #0c1119 !important; } .doc-toolbar-action-menu .MuiMenuItem-root:hover { background-color: rgba(137, 166, 255, 0.2) !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .prizmdoc-viewer-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .prizmdoc-viewer-wrapper .prizmdoc-viewer { display: flex; flex: 1; background: #ffffff; height: 20rem; } .prizmdoc-viewer-wrapper .pccPageListItem { margin-top: 0rem !important; box-shadow: none !important; } .prizmdoc-viewer-wrapper svg rect[style*="fill: rgb(251, 4, 4"] { fill: rgb(217, 226, 119) !important; stroke: rgb(217, 226, 119) !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-viewer-wrapper svg g[style*="fill: rgb(0"] { fill: #b8bbc0 !important; stroke: #b8bbc0 !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-viewer-wrapper svg g[style*="fill: rgb(0"] rect { opacity: 1 !important; } .prizmdoc-viewer-wrapper svg rect[style*="fill: rgb(255, 255, 0"] { fill: rgb(217, 226, 119) !important; stroke: rgb(217, 226, 119) !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-viewer-wrapper svg g[style*="fill: rgb(0"] { fill: #b8bbc0 !important; stroke: #b8bbc0 !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-viewer-wrapper svg g[style*="fill: rgb(0"] rect { opacity: 1 !important; } .pccPageListContainerWrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0 0.125rem; } .pccPageListContainerWrapper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .pccPageListContainerWrapper::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .pccPageListContainerWrapper > div:first-of-type { width: 100% !important; } .prizmdoc-thumbnails, .prizmdoc-right-panel { height: 100%; overflow: auto; padding: 0; text-align: center; } .prizmdoc-thumbnails svg rect[style*="fill: rgb(251, 4, 4"], .prizmdoc-right-panel svg rect[style*="fill: rgb(251, 4, 4"] { fill: rgb(217, 226, 119) !important; stroke: rgb(217, 226, 119) !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-thumbnails svg g[style*="fill: rgb(0"], .prizmdoc-right-panel svg g[style*="fill: rgb(0"] { fill: #b8bbc0 !important; stroke: #b8bbc0 !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-thumbnails svg g[style*="fill: rgb(0"] rect, .prizmdoc-right-panel svg g[style*="fill: rgb(0"] rect { opacity: 1 !important; } .prizmdoc-thumbnails svg rect[style*="fill: rgb(255, 255, 0"], .prizmdoc-right-panel svg rect[style*="fill: rgb(255, 255, 0"] { fill: rgb(217, 226, 119) !important; stroke: rgb(217, 226, 119) !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-thumbnails svg g[style*="fill: rgb(0"], .prizmdoc-right-panel svg g[style*="fill: rgb(0"] { fill: #b8bbc0 !important; stroke: #b8bbc0 !important; opacity: 1 !important; mix-blend-mode: multiply; } .prizmdoc-thumbnails svg g[style*="fill: rgb(0"] rect, .prizmdoc-right-panel svg g[style*="fill: rgb(0"] rect { opacity: 1 !important; } .prizmdoc-thumbnails::-webkit-scrollbar, .prizmdoc-right-panel::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0 0.125rem; } .prizmdoc-thumbnails::-webkit-scrollbar-thumb, .prizmdoc-right-panel::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .prizmdoc-thumbnails::-webkit-scrollbar-thumb:hover, .prizmdoc-right-panel::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .prizmdoc-right-panel { box-sizing: border-box; width: 17rem; background-color: #f1f7ff; border-left: 0.0625rem solid #b2bfd3; } .prizmdoc-thumbnails .pccThumbnailWrapper { width: 6.25rem; height: 6.25rem; margin: 1rem 0.5rem; } .prizmdoc-thumbnails .pccThumbnail { width: 100%; height: 100%; position: relative; padding-top: 0rem; } .prizmdoc-thumbnails .pccThumbnail, .prizmdoc-thumbnails .pccThumbnail * { cursor: pointer !important; } .prizmdoc-thumbnails .pccThumbnailWrapper { display: inline-block; } .prizmdoc-thumbnails .pccThumbnail.pcc-thumbnail-selected .pccThumbnailView { box-shadow: 0rem 0rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.4); } .prizmdoc-thumbnails .pccThumbnail .pccThumbnailLabel { padding-top: 0.5rem; color: #0c1119; } .prizmdoc-thumbnails .pccThumbnail .pccThumbnailLabel span { padding-top: 0rem; } .prizmdoc-thumbnails .pccThumbnail.pcc-thumbnail-selected .pccThumbnailLabel span { color: #0c1119; } .prizmdoc-document-resizer { display: flex; width: 0.5rem; height: 100%; background: #bfcadb; align-items: center; justify-content: center; cursor: col-resize; } .doc-thumbnail-container { height: calc(100% - 3.5rem) !important; } .doc-thumbnail-container .pccThumbnailWrapper { margin: 1rem 0 !important; } .doc-thumbnail-container.large .pccThumbnailWrapper { width: 12.5rem !important; height: 14.25rem !important; } .doc-thumbnail-container.large .pccThumbnailView { width: 11rem !important; height: 14.25rem !important; } .doc-thumbnail-container.medium .pccThumbnailWrapper { width: 10.375rem !important; height: 10.375rem !important; } .doc-thumbnail-container.medium .pccThumbnailView { width: 8rem !important; height: 10.375rem !important; } .doc-thumbnail-container.small .pccThumbnailWrapper { width: 6.25rem !important; height: 5.8125rem !important; } .doc-thumbnail-container.small .pccThumbnailView { width: 4.5rem !important; height: 5.8125rem !important; } .doc-thumbnail-container .pccThumbnailLabel { padding-top: 0.25rem !important; } .doc-thumbnail-container .pccThumbnailLabel span { color: #0c1119 !important; font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .glacier-reduction-menu.MuiPaper-root.MuiMenu-paper { background: #f1f7ff !important; border: 0.062rem solid #b2bfd3; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3), 0rem 0.375rem 0.625rem 0.25rem rgba(0, 0, 0, 0.15) !important; } .glacier-reduction-menu.MuiPaper-root.MuiMenu-paper .MuiMenuItem-root { color: #0c1119; } .glacier-reduction-menu.MuiPaper-root.MuiMenu-paper .MuiMenuItem-root:hover { background-color: rgba(137, 166, 255, 0.2) !important; } .glacier-reduction-menu.MuiPaper-root.MuiMenu-paper .MuiMenuItem-root.Mui-selected { background-color: rgba(137, 166, 255, 0.4) !important; } .doc-view-delete-modal { max-width: 20rem; padding: 0.5rem; border: 0.062rem solid #ccd5e3; border-radius: 0.5rem; background-color: #f1f7ff; z-index: 10; box-shadow: 0rem 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.15), 0rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.3); } .doc-view-delete-modal .icon-button.MuiIconButton-root svg { color: #4555d6; } .doc-view-delete-modal .icon-button.MuiIconButton-root.with-shape { background-color: rgba(137, 166, 255, 0.2); } .doc-view-delete-modal .icon-button.MuiIconButton-root:hover:not(.Mui-disabled) { background-color: rgba(137, 166, 255, 0.4); } .doc-view-delete-modal .icon-button.MuiIconButton-root:hover:not(.Mui-disabled) svg { color: #3845ad; } .doc-view-delete-modal .icon-button.MuiIconButton-root.Mui-disabled { background: none; opacity: 1; } .doc-view-delete-modal .icon-button.MuiIconButton-root.Mui-disabled svg { color: #898e97; } .doc-view-delete-modal .pressed { background-color: rgba(137, 166, 255, 0.4) !important; } .doc-view-delete-modal .pressed svg { color: #3845ad !important; } .doc-view-delete-modal .modal-header-box { display: flex; gap: 0.5rem; } .doc-view-delete-modal .modal-header-box .modal-header { display: flex; gap: 0.5rem; width: 19rem; } .doc-view-delete-modal .modal-header-box .modal-header .default-redaction-tag-dropdown { width: 11.5rem; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root { border: 0.062rem solid #b2bfd3; background-color: unset; border-radius: 0.25rem; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root:hover { border-color: #6e87ff; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root.Mui-focused { border: 0.125rem solid #5265ff; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root.Mui-disabled { background-color: rgba(184, 187, 192, 0.2); border-color: transparent; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root:before, .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFilledInput-root:after { border-bottom: none !important; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root { color: #0c1119; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-focused, .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.MuiFormLabel-filled { color: #0c1119; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-disabled { color: #898e97; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .arr-dropdown-selected { color: #0c1119; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .arr-dropdown-selected.arr-dropdown-selected--disabled { color: #898e97; -webkit-text-fill-color: #898e97; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .arr-caret-icon { color: #4555d6; margin-right: 0.5rem; } .doc-view-delete-modal .modal-header-box .modal-header .arr-dropdown-container .arr-caret-icon.disabled { color: #898e97; } .doc-view-delete-modal .expanded-modal { justify-content: space-between; } .doc-view-delete-modal .modal-body { padding: 0.5rem; display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.5rem; color: #2d3d55; } .doc-view-delete-modal .modal-body .dont-show-again-box { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; } .doc-view-delete-modal .modal-body .dont-show-again-box .arr-checkbox { padding: 0.125rem; } .doc-view-delete-modal .modal-body .arr-checkbox .MuiSvgIcon-root { background-color: #e1eeff; border-radius: 0.25rem; color: #98a9c3; } .doc-view-delete-modal .modal-body .arr-checkbox:hover:not(.Mui-checked):not(.Mui-disabled) .MuiSvgIcon-root { color: #5265ff; } .doc-view-delete-modal .modal-body .arr-checkbox.Mui-checked .MuiSvgIcon-root { color: #4555d6; } .doc-view-delete-modal .modal-body .arr-checkbox.Mui-checked:active:not(.Mui-disabled) .MuiSvgIcon-root { color: #4555d6; } .doc-view-delete-modal .modal-body .arr-checkbox.Mui-checked.Mui-focusVisible .MuiSvgIcon-root { outline: 0.125rem solid #5265ff; outline-offset: 0.125rem; } .doc-view-delete-modal .modal-body .modal-actions { width: 100%; } .doc-view-delete-modal .modal-body .modal-actions .button-row { display: flex; gap: 1rem; width: 100%; } .doc-view-delete-modal .modal-body .modal-actions .button-row button { flex: 1; } .doc-view-delete-modal .modal-body .modal-actions .button-row .aur-button--secondary.MuiButton-root { color: #4555d6; background: rgba(137, 166, 255, 0.2); } .doc-view-delete-modal .modal-body .modal-actions .button-row .aur-button--secondary.MuiButton-root:hover { color: #3845ad !important; background: rgba(137, 166, 255, 0.4); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redaction-navigation-container .divider-padding { padding: 0rem 1rem; } .redaction-navigation-container .redaction-navigation { padding: 0.75rem 1rem; } .redaction-navigation-container .redaction-navigation .failed-label { color: #a40020 !important; } .redaction-navigation-container .redaction-navigation .radaction-label { color: #0c1119; } .redaction-navigation-container .redaction-navigation .redaction-navigation-button-container { display: flex; align-items: center; justify-content: space-between; } .redaction-navigation-container .redaction-navigation .redaction-navigation-button-container .navigation-buttons-wrapper { display: flex; align-items: center; gap: 0.5rem; } .redaction-navigation-container .redaction-navigation .redaction-navigation-button-container .navigation-delete-button { color: #5265ff; padding-left: 0rem; padding-top: 0.25rem; padding-bottom: 0.25rem; justify-content: left; } .redaction-navigation-container .nav-button-container { display: flex; gap: 0.25rem; } .redaction-navigation-container .redaction-info-button { width: 1rem; height: 1rem; } .redaction-navigation-container .redaction-info-button .redaction-info-icon { color: #4555d6; width: 0.75rem; height: 0.75rem; } .redaction-navigation-container .partial-info-icon .redaction-info-icon { color: #ffc37d; } .redaction-navigation-container .failed-info-icon .redaction-info-icon { color: #a40020; } .redaction-navigation-container .info-button:hover:not(.Mui-disabled) { background-color: rgba(84, 106, 140, 0.2); } .redaction-navigation-container .previous-button { height: 1.5rem; width: 1.5rem; } .redaction-navigation-container .previous-button:not(.Mui-disabled) { background-color: rgba(137, 166, 255, 0.2) !important; } .redaction-navigation-container .previous-button:hover { background-color: rgba(137, 166, 255, 0.4) !important; } .redaction-navigation-container .previous-button:hover .previous-icon { color: #4555d6 !important; } .redaction-navigation-container .previous-button.Mui-disabled { opacity: 1; } .redaction-navigation-container .previous-button.Mui-disabled .previous-icon { color: #898e97; } .redaction-navigation-container .previous-button .previous-icon { color: #4555d6; transform: rotate(90deg); height: 0.5rem !important; width: 0.5rem !important; } .redaction-navigation-container .next-button { height: 1.5rem; width: 1.5rem; } .redaction-navigation-container .next-button:not(.Mui-disabled) { background-color: rgba(137, 166, 255, 0.2) !important; } .redaction-navigation-container .next-button:hover { background-color: rgba(137, 166, 255, 0.4) !important; } .redaction-navigation-container .next-button:hover .next-icon { color: #4555d6 !important; } .redaction-navigation-container .next-button.Mui-disabled { opacity: 1; } .redaction-navigation-container .next-button.Mui-disabled .next-icon { color: #898e97; } .redaction-navigation-container .next-button .next-icon { color: #4555d6; transform: rotate(-90deg); height: 0.5rem !important; width: 0.5rem !important; } .redaction-navigation-container .arr-divider { background-color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-thumbnail-size-control { background: #e0e6ef; height: 3.5rem; z-index: 10; display: flex; justify-content: center; padding: 0 1.5rem; } .doc-thumbnail-size-control .control-container { display: flex; max-width: 8rem; min-width: 4.5rem; padding-top: 1rem; height: 1.25rem; } .doc-thumbnail-size-control .control-component { flex: 1; display: flex; flex-direction: col; align-items: center; cursor: pointer; } .doc-thumbnail-size-control .control-unselected-icon { align-items: center; display: flex; border-radius: 50%; width: 0.5rem; height: 0.5rem; background-color: #8c9eba; } .doc-thumbnail-size-control .control-line { flex: 1; background-color: #8c9eba; height: 0.125rem; } .doc-thumbnail-size-control .control-selected-icon { align-items: center; display: flex; border-radius: 50%; width: 1.25rem; height: 1.25rem; background-color: #5265ff; box-shadow: 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.25); justify-content: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .persistent-search-modal .view-all-modal-heading-persistent-search { color: #fcfcfd !important; } .persistent-search-modal .modal-paper { padding: 0rem; } .persistent-search-modal .modal-header-title { border-bottom: 0.0625rem solid #182231; padding: 1.5rem 2rem 0.75rem 2rem; } .persistent-search-modal .modal-content { padding: 1rem 2rem; } .persistent-search-wrapper { background: #e0e6ef; display: flex; height: 100%; text-align: left !important; overflow: auto; } .persistent-search-wrapper .search-hits-header { flex-direction: column; display: flex; } .persistent-search-wrapper .highlight-result { padding: 0.5rem 0.5rem 0.5rem 1rem; border-left: 0.25rem solid; border-radius: 0.25rem; display: flex; flex-direction: column; background-color: #f1f7ff; margin: 0rem 0.5rem 0.5rem 0.5rem; } .persistent-search-wrapper .highlight-result .count-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .persistent-search-wrapper .highlight-result .text-wrapper { display: flex; width: 100%; justify-content: space-between; align-items: flex-start; } .persistent-search-wrapper .highlight-result .term-text { display: inline; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; min-width: 0rem; } .persistent-search-wrapper .highlight-result .nav-wrapper { width: 100%; display: flex; flex-direction: row; align-self: flex-end; justify-content: flex-end; } .persistent-search-wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0rem 0.125rem; } .persistent-search-wrapper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .persistent-search-wrapper::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .persistent-search-wrapper .search-bar-label { color: #0c1119; } .persistent-search-wrapper .aur-button--text.MuiButton-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; display: inline; min-width: auto; height: auto; padding: 0rem; color: #4555d6; } .persistent-search-wrapper .title { color: #0c1119; margin-top: 1rem; margin-bottom: 0.5rem; margin-left: 0.5rem; } .persistent-search-wrapper .previous-button { height: 1.5rem; width: 1.5rem; background-color: rgba(137, 166, 255, 0.2); } .persistent-search-wrapper .previous-button.Mui-disabled { opacity: 1; } .persistent-search-wrapper .previous-button.Mui-disabled .previous-icon { color: #898e97; } .persistent-search-wrapper .previous-button .previous-icon { color: #89a6ff; transform: rotate(90deg); height: 0.5rem !important; width: 0.5rem !important; } .persistent-search-wrapper .next-button { height: 1.5rem; width: 1.5rem; background-color: rgba(137, 166, 255, 0.2); } .persistent-search-wrapper .next-button.Mui-disabled { opacity: 1; } .persistent-search-wrapper .next-button.Mui-disabled .next-icon { color: #898e97; } .persistent-search-wrapper .next-button .next-icon { color: #89a6ff; transform: rotate(-90deg); height: 0.5rem !important; width: 0.5rem !important; } .persistent-search-wrapper .hits-box { margin: 0.25rem 0.5rem; border-top: 0.0625rem solid #ccd5e3; padding: 0.25rem 0.5rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .persistent-search-wrapper .hits-box .arr-switch .MuiSwitch-thumb { background-color: transparent !important; border: 0.0625rem solid #8c9eba !important; } .persistent-search-wrapper .hits-box .arr-switch .MuiSwitch-track { background-color: transparent !important; border: 0.0625rem solid #8c9eba !important; } .persistent-search-wrapper .hits-box .arr-switch .MuiButtonBase-root.Mui-checked + .MuiSwitch-track { background-color: #5265ff !important; } .persistent-search-wrapper .hits-box .arr-switch .Mui-checked .MuiSwitch-thumb { background-color: #ffffff !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .main-panel-toolbar { display: flex; align-items: center; justify-content: space-between; background-color: #0c1119; border-bottom: 0.0625rem solid #263449; height: 2.5rem; padding-right: 1.25rem; padding-left: 1rem; } .main-panel-toolbar .row-container { display: flex; align-items: center; padding: 0.5rem 0rem; margin-right: 1rem; gap: 0.5rem; flex-direction: row; } .main-panel-toolbar .small-gap-wrapper { display: flex; flex-direction: row; gap: 0.125rem; } .main-panel-toolbar .rotate-180 { transform: rotate(180deg); } .main-panel-toolbar .start-button { height: 1.5rem; width: 1.5rem; } .main-panel-toolbar .start-button.Mui-disabled { opacity: 1; } .main-panel-toolbar .start-button.Mui-disabled .start-icon { color: #898e97; } .main-panel-toolbar .start-button .start-icon { color: #89a6ff; height: 1.5rem !important; width: 1.5rem !important; } .main-panel-toolbar .previous-button { height: 1.5rem; width: 1.5rem; } .main-panel-toolbar .previous-button.Mui-disabled { opacity: 1; } .main-panel-toolbar .previous-button.Mui-disabled .previous-icon { color: #898e97; } .main-panel-toolbar .previous-button .previous-icon { color: #89a6ff; transform: rotate(90deg); height: 0.5rem !important; width: 0.5rem !important; } .main-panel-toolbar .input-field .MuiInputBase-root.MuiFilledInput-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #fcfcfd; height: 1.5rem; width: 3.75rem; padding-right: 0.375rem; } .main-panel-toolbar .input-field .MuiInputBase-root.MuiFilledInput-root .MuiInputBase-input.MuiFilledInput-input { padding-left: 0.375rem; } .main-panel-toolbar .pagination-info { color: #fcfcfd; } .main-panel-toolbar .next-button { height: 1.5rem; width: 1.5rem; } .main-panel-toolbar .next-button.Mui-disabled { opacity: 1; } .main-panel-toolbar .next-button.Mui-disabled .next-icon { color: #898e97; } .main-panel-toolbar .next-button .next-icon { color: #89a6ff; transform: rotate(-90deg); height: 0.5rem !important; width: 0.5rem !important; } .main-panel-toolbar .end-button { height: 1.5rem; width: 1.5rem; } .main-panel-toolbar .end-button.Mui-disabled { opacity: 1; } .main-panel-toolbar .end-button.Mui-disabled .end-icon { color: #898e97; } .main-panel-toolbar .end-button .end-icon { color: #89a6ff; transform: rotate(180deg); height: 1.5rem !important; width: 1.5rem !important; } .main-panel-toolbar .page-controller-toolbar { display: flex; gap: 0.375rem; align-items: center; padding: 0.5rem 0rem; } .main-panel-toolbar .page-controls { display: flex; gap: 0.375rem; align-items: center; } .main-panel-toolbar .page-controls .panel-zoom-field .MuiInputBase-root.MuiFilledInput-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #fcfcfd; height: 1.5rem; width: 3.0625rem; background-color: #121a25; border: 0.0625rem solid #3c4f6b; } .main-panel-toolbar .page-controls .panel-divider { background-color: #263449; width: 0.0625rem; height: 1.5rem; align-self: center; } .main-panel-toolbar .annotate-icon svg { color: #ffc37d; } .main-panel-toolbar .action-icon { border-radius: 0.25rem; } .main-panel-toolbar .action-icon.thumbnail-icon.pressed, .main-panel-toolbar .action-icon.search-icon.pressed, .main-panel-toolbar .action-icon.rotate-icon.pressed { background-color: rgba(84, 106, 140, 0.4); } .main-panel-toolbar .action-icon.thumbnail-icon.pressed svg, .main-panel-toolbar .action-icon.search-icon.pressed svg, .main-panel-toolbar .action-icon.rotate-icon.pressed svg { color: #c4d9ff; } .main-panel-toolbar .action-icon.copy-text-icon.pressed, .main-panel-toolbar .action-icon.redact-icon.pressed, .main-panel-toolbar .action-icon.annotate-icon.pressed, .main-panel-toolbar .action-icon.highlight-icon.pressed, .main-panel-toolbar .action-icon.remark-icon.pressed { background-color: #89a6ff; } .main-panel-toolbar .action-icon.copy-text-icon.pressed svg, .main-panel-toolbar .action-icon.redact-icon.pressed svg, .main-panel-toolbar .action-icon.annotate-icon.pressed svg, .main-panel-toolbar .action-icon.highlight-icon.pressed svg, .main-panel-toolbar .action-icon.remark-icon.pressed svg { color: #0c1119; } .main-panel-toolbar .action-icon.Mui-disabled svg { color: #898e97; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .prizmdoc-search-box-popper { z-index: 1300 !important; } .prizmdoc-search-box-popper .prizmdoc-search-box { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; background-color: #0c1119; border: 0.0625rem solid #263449; } .prizmdoc-search-box-popper .prizmdoc-search-box .search-field { width: 12.5rem !important; } .prizmdoc-search-box-popper .prizmdoc-search-box .search-field-l { width: 14.25rem !important; } .prizmdoc-search-box-popper .prizmdoc-search-box .panel-divider { background-color: #263449; width: 0.0625rem; height: 1.5rem; align-self: center; } .prizmdoc-search-box-popper .prizmdoc-search-box .light-text { color: #fcfcfd; margin-left: 0.5rem; margin-right: 0.5rem; } .prizmdoc-search-box-popper .prizmdoc-search-box .previous-button { height: 1.5rem; width: 1.5rem; } .prizmdoc-search-box-popper .prizmdoc-search-box .previous-button.Mui-disabled { opacity: 1; } .prizmdoc-search-box-popper .prizmdoc-search-box .previous-button.Mui-disabled .previous-icon { color: #898e97; } .prizmdoc-search-box-popper .prizmdoc-search-box .previous-button .previous-icon { color: #89a6ff; transform: rotate(90deg); height: 0.5rem !important; width: 0.5rem !important; } .prizmdoc-search-box-popper .prizmdoc-search-box .next-button { height: 1.5rem; width: 1.5rem; } .prizmdoc-search-box-popper .prizmdoc-search-box .next-button.Mui-disabled { opacity: 1; } .prizmdoc-search-box-popper .prizmdoc-search-box .next-button.Mui-disabled .next-icon { color: #898e97; } .prizmdoc-search-box-popper .prizmdoc-search-box .next-button .next-icon { color: #89a6ff; transform: rotate(-90deg); height: 0.5rem !important; width: 0.5rem !important; } .prizmdoc-search-box-popper .prizmdoc-search-box .search-controls { display: flex; gap: 0.25rem; } .prizmdoc-search-box-popper .prizmdoc-search-box .close-button .icon-button.MuiIconButton-sizeMedium svg { height: 1rem !important; width: 1rem !important; } .prizmdoc-search-box-popper .prizmdoc-search-box .arr-loading-container { width: auto; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redact-menu-wrapper-box { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .redact-menu-wrapper-box .redact-note-box { display: flex; flex-direction: row; } .redact-menu-wrapper-box .redact-note-box > .MuiBox-root { display: flex; justify-content: center; align-items: center; } .redact-menu-wrapper-box .redact-note-box .redaction-note { color: #a40020; } .redact-menu-wrapper-box .redact-note-box .info-icon { color: #4555d6; font-size: 0.75rem; } .save-redaction-single-popup .MuiPaper-root { width: 30rem !important; max-width: 30rem !important; } .save-redaction-single-popup .custom-text-color { color: #fcfcfd !important; } .save-redaction-single-popup .redaction-tags-dropdown-wrapper-box { margin-top: 1rem; } .save-redaction-single-popup .redaction-tags-dropdown-wrapper-box .arr-dropdown-container .MuiFilledInput-root { background-color: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-remarks-wrapper { background: #e0e6ef; display: flex; height: 100%; text-align: left !important; overflow: auto; } .reviewer-remarks-wrapper .add-review-remark-text .arr-textarea-input { height: 2.5rem !important; color: #0c1119 !important; border: 0.0625rem solid #b2bfd3 !important; padding: 0.625rem 0.5rem !important; font-size: 0.75rem !important; line-height: 1.125rem !important; font-family: Inter !important; font-weight: 400 !important; letter-spacing: 0rem !important; } .reviewer-remarks-wrapper .add-review-remark-text .arr-textarea-input:hover { background-color: #f1f7ff !important; border: 0.0625rem solid #5265ff !important; } .reviewer-remarks-wrapper .add-review-remark-text .arr-textarea-input:focus { background-color: #f1f7ff !important; border: 0.0625rem solid #5265ff !important; outline: 0.125rem solid #5265ff !important; outline-offset: 0.09375rem; } .reviewer-remarks-wrapper .search-hits-header { flex-direction: column; display: flex; } .reviewer-remarks-wrapper .highlight-result { padding: 0.5rem 0.5rem 0.5rem 1rem; border-left: 0.25rem solid; border-radius: 0.25rem; display: flex; flex-direction: column; background-color: #f1f7ff; margin: 0rem 0.5rem 0.5rem 0.5rem; } .reviewer-remarks-wrapper .highlight-result .count-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .reviewer-remarks-wrapper .highlight-result .text-wrapper { display: flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-top: 0.25rem; } .reviewer-remarks-wrapper .highlight-result .term-text { display: flex; white-space: normal; word-break: break-word; overflow-wrap: anywhere; } .reviewer-remarks-wrapper .highlight-result .nav-wrapper { width: 100%; display: flex; flex-direction: row; align-self: flex-end; justify-content: flex-end; gap: 1rem; } .reviewer-remarks-wrapper .highlight-result .new-remark-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .reviewer-remarks-wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0rem 0.125rem; } .reviewer-remarks-wrapper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .reviewer-remarks-wrapper::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .reviewer-remarks-wrapper .search-bar-label { color: #0c1119; } .reviewer-remarks-wrapper .aur-button--text.MuiButton-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; display: inline; min-width: auto; padding: 0rem; color: #4555d6; } .reviewer-remarks-wrapper .aur-button--text.MuiButton-root:disabled { color: #b8bbc0; } .reviewer-remarks-wrapper .title { color: #0c1119; margin-top: 1rem; margin-bottom: 0.5rem; margin-left: 0.5rem; } .reviewer-remarks-wrapper .previous-button { height: 1.5rem; } .reviewer-remarks-wrapper .previous-button.Mui-disabled { opacity: 1; } .reviewer-remarks-wrapper .previous-button.Mui-disabled .previous-icon { color: #898e97; } .reviewer-remarks-wrapper .hits-box { margin: 0.25rem 0.5rem; border-top: 0.0625rem solid #ccd5e3; padding: 0.5rem 0.5rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .reviewer-remarks-wrapper .arr-new-remark-button.MuiButton-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; text-transform: none; padding: 0.25rem 0.5rem; border-radius: 0.25rem; width: 6.75rem; height: 2rem; flex: none; } .reviewer-remarks-wrapper .arr-new-remark-button.MuiButton-root:hover { background-color: #4555d6 !important; color: #ffffff !important; } .reviewer-remarks-wrapper .arr-new-remark-button.MuiButton-root:disabled { background-color: rgba(184, 187, 192, 0.2) !important; color: #b8bbc0 !important; } .reviewer-remarks-wrapper .arr-new-remark-button-inactive { background-color: rgba(137, 166, 255, 0.2) !important; color: #4555d6 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-textarea-wrapper { position: relative; display: inline-block; width: 100%; } .arr-textarea-wrapper .arr-textarea-input { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #fcfcfd; width: 100%; resize: none; padding: 1.5rem 1rem 0.75rem 1rem; border-radius: 0.5rem; background-color: transparent; transition: border-color 200ms ease; } .arr-textarea-wrapper .arr-textarea-input:hover { border: 0.062rem solid #6e87ff; background-color: rgba(84, 106, 140, 0.2); } .arr-textarea-wrapper .arr-textarea-input:focus { outline: none; border: 0.125rem solid #5265ff; } .arr-textarea-wrapper .arr-textarea-input::placeholder { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; opacity: 1; } .arr-textarea-wrapper .arr-textarea-input:not(:placeholder-shown)::placeholder { opacity: 0; } .arr-textarea-wrapper .arr-textarea-label { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #ccd5e3; position: absolute; top: 0.5rem; left: 1rem; pointer-events: none; } .arr-textarea-wrapper .arr-textarea-helper { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; text-align: left; margin: 0.5rem 0rem 0rem 1rem; color: #a5b4cb; } .arr-textarea-wrapper.resizable .arr-textarea-input { resize: both; min-height: 25px; } .arr-textarea-wrapper.disabled .arr-textarea-input { border: none; background-color: rgba(66, 71, 80, 0.2); color: #727882; resize: none; } .arr-textarea-wrapper.disabled .arr-textarea-label, .arr-textarea-wrapper.disabled .arr-textarea-helper { color: #727882; } .arr-textarea-wrapper .arr-textarea-input:disabled { border: none; background-color: rgba(66, 71, 80, 0.2); color: #727882; resize: none; } .arr-textarea-wrapper .arr-textarea-input:disabled + .arr-textarea-label, .arr-textarea-wrapper .arr-textarea-input:disabled ~ .arr-textarea-helper { color: #727882; } .arr-textarea-wrapper.error .arr-textarea-input { border: 0.125rem solid #ff7a7a; color: #ff7a7a; } .arr-textarea-wrapper.error .arr-textarea-label, .arr-textarea-wrapper.error .arr-textarea-helper { color: #ff7a7a; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .banner-accordion-parent { background-color: #ffffff; } .banner-accordion-parent .banner-accordion { width: 100%; display: flex; flex-direction: column; padding: 0.875rem 1rem; box-sizing: border-box; position: sticky; top: 0rem; z-index: 1000; } .banner-accordion-parent .banner-accordion--success { background-color: rgba(125, 223, 187, 0.1); color: #7ddfbb; } .banner-accordion-parent .banner-accordion--warning { background-color: rgba(255, 158, 44, 0.1); color: #ad5f03; } .banner-accordion-parent .banner-accordion--error { background-color: rgba(255, 122, 122, 0.1); color: #ff7a7a; } .banner-accordion-parent .banner-accordion--info { background-color: rgba(69, 85, 214, 0.1); color: #ffffff; } .banner-accordion-parent .banner-accordion__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .banner-accordion-parent .banner-accordion__icon { display: flex; align-items: center; flex-shrink: 0rem; } .banner-accordion-parent .banner-accordion__icon svg, .banner-accordion-parent .banner-accordion__icon svg path { fill: #ff9e2c !important; } .banner-accordion-parent .banner-accordion__text { flex: 1 1 auto; text-align: left; display: flex; align-items: center; gap: 1rem; } .banner-accordion-parent .banner-accordion__accordion-icon { color: #4555d6; flex-shrink: 0rem; display: flex; align-items: center; cursor: pointer; } .banner-accordion-parent .banner-accordion__expanded { padding-left: 3rem; text-align: left; } .banner-accordion-parent .banner-accordion__expanded ul { margin: 0rem; padding-left: 1rem; } .banner-accordion-parent .banner-accordion__expanded ul li { margin-top: 0rem; margin-bottom: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-data-grid-pro-cell-Wrapper { width: 100%; height: 100%; } .arr-data-grid-pro-cell-Wrapper .wrapper-content { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-action-menu { margin-top: 0.125rem; color: #fcfcfd !important; } .arr-action-menu .MuiMenuItem-root, .arr-action-menu .arr-menu .arr-menu__item-content { color: #fcfcfd !important; } .arr-action-menu .arr-menu__item--submenu-active { background-color: transparent !important; } .arr-action-menu .arr-menu__item.Mui-selected { background: none !important; box-shadow: none !important; color: #ccd5e3 !important; } .arr-menu .MuiMenuItem-root-content:focus, .arr-action-btn:focus { outline: none !important; } .arr-menu .MuiMenuItem-root-content:hover, .arr-action-btn:hover { outline: 0.125rem solid #fcfcfd !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redistribute-documents-drawer { background-color: #182231 !important; } .redisctribute-documents { color: #fcfcfd; } .redisctribute-documents .header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 3rem 1rem; background-color: #0c1119; } .redisctribute-documents .header .action-buttons-box { display: flex; gap: 1rem; padding-top: 1rem; } .redisctribute-documents .content { color: #ccd5e3; padding-left: 3rem; padding-right: 3rem; background-color: #121a25 !important; } .redisctribute-documents .content .document-count-input { display: flex; padding-top: 1rem; padding-bottom: 2rem; justify-content: space-between; } .redisctribute-documents .content .checkbox-input { display: flex; align-items: center; justify-content: flex-end; gap: 0.25rem; padding-bottom: 1.5rem; } .redisctribute-documents .content .checkbox-input .checkbox-label { display: flex; align-items: center; } .redisctribute-documents .content .reviewer-input-container { display: flex; align-items: center; margin-top: 1.5rem; padding-bottom: 0.75rem; } .redisctribute-documents .reviewer-list { color: #fcfcfd; padding-left: 2rem; padding-right: 2rem; background-color: #182231; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-checkbox-list { display: flex; flex-direction: column; margin-left: 1rem; gap: 0.5rem; } .arr-checkbox-label { margin-left: 0rem !important; height: 1.75rem !important; } .arr-checkbox-label .MuiFormControlLabel-label.Mui-disabled { opacity: 1 !important; color: #fcfcfd !important; } .arr-checkbox-children { display: flex; flex-direction: column; } .arr-checkbox-row { display: flex; flex-direction: column; } .arr-checkbox-row.selected { background-color: rgba(82, 101, 255, 0.6) !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-numeric-input-wrapper { position: relative; } .arr-numeric-input-wrapper .arr-textfield-wrapper .arr-textfield { width: auto; } .arr-numeric-input-wrapper .arr-numeric-input input { color: #fcfcfd; } .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-inner-spin-button, .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0rem; } .arr-numeric-input-wrapper .arr-numeric-input input { appearance: textfield; -moz-appearance: textfield; font: inherit; border: none; text-align: right; width: 2rem; } .arr-numeric-input-wrapper .MuiInputAdornment-root { color: currentColor; } .arr-numeric-input-wrapper .MuiInputAdornment-root .MuiTypography-root { color: currentColor; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-assign { display: flex; flex-direction: column; } .bulk-assign .MuiTabs-indicator { height: 0.25rem !important; } .bulk-assign .arr-loading-container { justify-content: flex-start !important; } .bulk-assign .arr-loading-small { width: 1rem !important; height: 1rem !important; } .bulk-assign .text-info { color: #ffffff; } .bulk-assign__section { display: flex; flex-direction: column; row-gap: 1rem; padding: 1.5rem 0rem; background: #121a25; } .bulk-assign__section .section-title { color: #ccd5e3; padding-left: 3rem; } .bulk-assign__inputs { display: flex; align-items: flex-start; column-gap: 1rem; padding: 0rem 3rem; } .bulk-assign__inputs .input { flex: 1; color: #ffffff; } .bulk-assign__inputs .input .actions-radio { display: flex; } .bulk-assign__inputs .input .actions-radio .MuiRadioGroup-root.MuiRadioGroup-row { column-gap: 4rem; flex-wrap: wrap; } .bulk-assign__tabs { padding: 0rem 3rem; background: #0c1119; } .bulk-assign__tabs .tabs .tab { color: #ffffff; text-transform: capitalize; } .bulk-assign__tabs .tabs .MuiTabs-indicator { background-color: #5265ff; } .bulk-assign .assignment-panel .panel-heading-box { padding: 0.75rem 3rem; color: #ccd5e3; background-color: #121a25; } .bulk-assign .assignment-panel .panel-content-box { display: flex; gap: 0rem; } .bulk-assign .assignment-panel .panel-content-box .MuiTreeItem-content { border-color: #263449; } .bulk-assign .assignment-panel .panel-content-box .MuiTreeItem-content .MuiTreeItem-iconContainer svg { margin-left: 0.25rem; } .bulk-assign .assignment-panel .panel-content-box .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #89a6ff !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-assign .assignment-panel .panel-content-box .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-assign .assignment-panel .panel-content-box .new-tree .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-assign .assignment-panel .panel-content-box .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-assign .assignment-panel .panel-content-box .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-assign .assignment-panel .panel-content-box .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-assign .assignment-panel .panel-content-box .MuiTreeItem-content:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box { flex: 1 1 0; min-height: 0rem; height: 100vh; color: #ccd5e3; background-color: #182231; overflow-y: scroll; padding-left: 3rem; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer { width: 1.25rem !important; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box { /* Vertical scrollbar styling */ } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box::-webkit-scrollbar { width: 0.625rem; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box::-webkit-scrollbar-track { background-color: #182231; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .bulk-assign .assignment-panel .panel-content-box .assignment-tree-box::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .bulk-assign .assignment-panel .assignment-options { flex: 1; padding: 0.5rem 3rem; color: #ffffff; gap: 1rem; } .bulk-assign .assignment-panel .assignment-options, .bulk-assign .assignment-panel .assignment-options .option { display: flex; flex-direction: column; } .bulk-assign .assignment-panel .assignment-options .option { gap: 0.5rem; color: #ffffff; } .bulk-assign .assignment-panel .assignment-options .option .tooltip-label { display: flex; align-items: center; gap: 0.25rem; } .bulk-assign .assignment-panel .assignment-options .option .tooltip-label .tooltip-button { padding: 0rem; } .bulk-assign .assignment-panel .assignment-options .option .tooltip-label .tooltip-icon { color: #89a6ff; font-size: 1rem; } .bulk-assign .assignment-panel .assignment-options .option .option-number { width: 100%; } .bulk-assign .assignment-panel .assignment-options .option .option-number .MuiInputBase-root { width: 4.875rem; } .bulk-assign .assignment-panel .assignment-options .error-message { color: #ff7a7a; } .bulk-assign .assignment-panel [data-testid=show-document-count-toggle] .MuiSwitch-thumb { width: 1rem !important; height: 1rem !important; } .bulk-assign .assignment-panel [data-testid=show-document-count-toggle] .MuiSwitch-track { width: 3.3125rem !important; height: 1.5rem !important; border: 0.0625rem solid #8c9eba !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-assign-flyout .arr-drawer__content { background-color: #182231; min-height: 0rem; overflow-y: scroll; } .bulk-assign-flyout .arr-drawer__content::-webkit-scrollbar { width: 0.625rem; } .bulk-assign-flyout .arr-drawer__content::-webkit-scrollbar-track { background-color: #182231; } .bulk-assign-flyout .arr-drawer__content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .bulk-assign-flyout .arr-drawer__content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .bulk-assign-flyout__header { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .bulk-assign-flyout__header .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .bulk-assign-flyout__header .title-box .title { color: #fcfcfd; } .bulk-assign-flyout__header .action-buttons-box { display: flex; gap: 1rem; align-items: end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-action-like .modal-paper { max-height: 80vh; max-width: 30rem; } .arr-action-like .modal-content { margin-top: 1rem; padding: 0rem; } .arr-action-like .modal-content::-webkit-scrollbar { width: 0.625rem; } .arr-action-like .modal-content::-webkit-scrollbar-track { background-color: #0c1119; } .arr-action-like .modal-content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .arr-action-like .modal-content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .arr-action-like .modal-content .modal-title-row { align-items: center; gap: 0.375rem; } .arr-action-like .modal-content .modal-title-row .arr-action-like__tooltip-button { padding: 0; } .arr-action-like__tooltip-icon { color: #89a6ff; } .arr-action-like__wrapper { margin: 1rem 0rem; padding: 0.4375rem 1rem 0.75rem; background: #182231; color: #ffffff; } .arr-action-like__content { margin-left: -1rem; gap: 0.375rem; padding-bottom: 0.6875rem; border-bottom: none; position: relative; } .arr-action-like__content::after { content: ""; position: absolute; bottom: 0; left: 1rem; right: 0; border-bottom: solid 0.125rem #3c4f6b; } .arr-action-like__action-item { display: flex; align-items: flex-start; justify-content: space-between; background: transparent; } .arr-action-like__action-item .action-item-labels { display: flex; align-items: flex-start; gap: 1.0625rem; background: transparent; padding: 1rem 0rem 0rem; } .arr-action-like__action-item .action-item-labels__count { text-align: left; margin-left: 1rem; color: #fcfcfd; min-width: 6rem; } .arr-action-like__action-item .action-item-labels__label { flex: 9; color: #fcfcfd; } .arr-action-like__selected { display: flex; align-items: flex-start; justify-content: flex-start; gap: 1.0625rem; background: transparent; padding: 1rem 0rem 0rem; } .arr-action-like__selected-count { color: #fcfcfd; text-align: left; margin-left: 1rem; min-width: 6rem; } .arr-action-like__selected-content .title { margin-bottom: 0.25rem; color: #ccd5e3; } .arr-action-like__selected-content .description { color: #a5b4cb; } .arr-action-like__error { padding: 0.75rem 1rem; border-radius: 0.5rem; background: rgba(255, 122, 122, 0.15); color: #ff7a7a; display: flex; align-items: center; gap: 1rem; margin-bottom: 0.6875rem; margin-top: 0.3125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-folder-flyout .arr-drawer__content { background-color: #182231; min-height: 0rem; overflow-y: scroll; } .bulk-folder-flyout .arr-drawer__content::-webkit-scrollbar { width: 0.625rem; } .bulk-folder-flyout .arr-drawer__content::-webkit-scrollbar-track { background-color: #182231; } .bulk-folder-flyout .arr-drawer__content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .bulk-folder-flyout .arr-drawer__content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .bulk-folder-flyout .bulk-folder-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .bulk-folder-flyout .bulk-folder-header-box .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .bulk-folder-flyout .bulk-folder-header-box .title-box .title { color: #fcfcfd; } .bulk-folder-flyout .bulk-folder-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box { padding: 1.5rem 3rem; display: flex; flex-direction: column; gap: 1rem; color: #ccd5e3; background-color: #121a25; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .total-docs { display: flex; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .total-docs .title { color: #ccd5e3; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .total-docs .count { color: #fcfcfd; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .total-docs .arr-loading-small { width: 1rem !important; height: 1rem !important; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .radio-selection-box { margin-left: 0.375rem; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .radio-selection-box .MuiRadioGroup-root { gap: 4rem; } .bulk-folder-flyout .bulk-folder-flyout-content .folder-unfolder-selection-box .radio-selection-box .MuiRadioGroup-root .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section { display: flex; flex-direction: column; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .MuiTabs-root { background-color: #0c1119; border-bottom: 0.062rem solid #263449; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .tab-label { letter-spacing: 0rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .tabs { padding: 0rem 3rem; flex-shrink: 0; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .tabs .tab { text-transform: none; color: #ccd5e3; } .bulk-folder-flyout .bulk-folder-flyout-content .tabs-section .tabs .Mui-selected { color: #fcfcfd; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel { width: 100%; background: #121a25; box-sizing: border-box; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box { color: #ccd5e3; background-color: #182231; overflow-y: auto; padding-left: 3rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .MuiTreeItem-content, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .MuiTreeItem-content { border-color: #263449; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .MuiTreeItem-content.highlight-search-node, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2) !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .location-treeitem-label .location-treeitem .MuiTypography-root, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .location-treeitem-label .location-treeitem .MuiTypography-root { white-space: nowrap; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer { width: 1.25rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .folder-tree-box .MuiTreeItem-content:hover, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .folder-tree-box .MuiTreeItem-content:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected:hover, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #89a6ff !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-iconContainer svg, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .location-folder-icon, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .label-container, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .search-box, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .search-box { background-color: #0c1119; padding: 0.75rem 3rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .search-box .search-input .arr-textfield .MuiInputBase-root, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .search-box .search-input .arr-textfield .MuiInputBase-root { height: 2.75rem; padding-left: 0.5rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .search-box .search-input .arr-textfield .MuiInputAdornment-root, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .search-box .search-input .arr-textfield .MuiInputAdornment-root { color: #89a6ff; margin-left: 0rem; } .bulk-folder-flyout .bulk-folder-flyout-content .tabpanel .tree-heading-box, .bulk-folder-flyout .bulk-folder-flyout-content .unfolder-docs-tab-panel .tree-heading-box { padding: 0.75rem 3rem; color: #ccd5e3; background-color: #121a25; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-new-folder-tab-container .custom-text-field { display: flex; flex-direction: column; gap: 0.5rem; } .bulk-new-folder-tab-container .custom-text-field .input-label { color: #fcfcfd; } .bulk-new-folder-tab-container .custom-text-field .info-icon-label { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 0.875rem; height: 0.875rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-tag-flyout .arr-drawer__content { background-color: #182231; min-height: 0rem; overflow-y: scroll; } .bulk-tag-flyout .arr-drawer__content::-webkit-scrollbar { width: 0.625rem; } .bulk-tag-flyout .arr-drawer__content::-webkit-scrollbar-track { background-color: #182231; } .bulk-tag-flyout .arr-drawer__content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .bulk-tag-flyout .arr-drawer__content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .bulk-tag-flyout .bulk-tag-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .bulk-tag-flyout .bulk-tag-header-box .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .bulk-tag-flyout .bulk-tag-header-box .title-box .title { color: #fcfcfd; } .bulk-tag-flyout .bulk-tag-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box { padding: 1.5rem 3rem; display: flex; flex-direction: column; gap: 1rem; color: #ccd5e3; background-color: #121a25; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .total-docs { display: flex; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .total-docs .title { color: #ccd5e3; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .total-docs .count { color: #fcfcfd; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .total-docs .arr-loading-small { width: 1rem !important; height: 1rem !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .radio-selection-box { margin-left: 0.375rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .radio-selection-box .MuiRadioGroup-root { gap: 4rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tag-untag-selection-box .radio-selection-box .MuiRadioGroup-root .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section { display: flex; flex-direction: column; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .MuiTabs-root { background-color: #0c1119; border-bottom: 0.062rem solid #263449; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .tab-label { letter-spacing: 0rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .tabs { padding: 0rem 3rem; flex-shrink: 0; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .tabs .tab { text-transform: none; color: #ccd5e3; } .bulk-tag-flyout .bulk-tag-flyout-content .tabs-section .tabs .Mui-selected { color: #fcfcfd; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel { width: 100%; background: #121a25; box-sizing: border-box; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box { color: #ccd5e3; background-color: #182231; overflow-y: auto; padding-left: 3rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box .MuiTreeItem-content, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box .MuiTreeItem-content { border-color: #263449; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box .MuiTreeItem-content.highlight-search-node, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2) !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box .location-treeitem-label .location-treeitem .MuiTypography-root, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box .location-treeitem-label .location-treeitem .MuiTypography-root { white-space: nowrap; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tag-tree-box .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tag-tree-box .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer { width: 1.25rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .MuiTreeItem-content:hover, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .MuiTreeItem-content:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected:hover, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected:hover { background-color: rgba(82, 101, 255, 0.4) !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #89a6ff !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-iconContainer svg, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .location-folder-icon, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .label-container, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .existing-tree .MuiTreeItem-content.Mui-selected.tree-item-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .new-tree .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container { color: #ffffff; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .search-box, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .search-box { background-color: #0c1119; padding: 0.75rem 3rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .search-box .search-input .arr-textfield .MuiInputBase-root, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .search-box .search-input .arr-textfield .MuiInputBase-root { height: 2.75rem; padding-left: 0.5rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .search-box .search-input .arr-textfield .MuiInputAdornment-root, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .search-box .search-input .arr-textfield .MuiInputAdornment-root { color: #89a6ff; margin-left: 0rem; } .bulk-tag-flyout .bulk-tag-flyout-content .tabpanel .tree-heading-box, .bulk-tag-flyout .bulk-tag-flyout-content .untag-docs-tab-panel .tree-heading-box { padding: 0.75rem 3rem; color: #ccd5e3; background-color: #121a25; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-new-tag-tab-container .custom-text-field { display: flex; flex-direction: column; gap: 0.5rem; } .bulk-new-tag-tab-container .custom-text-field .input-label { color: #fcfcfd; } .bulk-new-tag-tab-container .custom-text-field .info-icon-label { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 0.875rem; height: 0.875rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-warning .modal-paper { max-height: 80vh; max-width: 30rem; } .bulk-warning .modal-header-title { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .bulk-warning .modal-content { margin-top: 1rem; scrollbar-color: #546a8c #0c1119; scrollbar-width: thin; } .bulk-warning .modal-content .modal-title-row { align-items: center; gap: 0.375rem; } .bulk-warning .modal-content .modal-title-row .desc-text-color { color: #ccd5e3; } .bulk-warning .modal-content .modal-title-row .bulk-warning__tooltip-button { padding: 0; } .bulk-warning__tooltip-icon { color: #89a6ff; } .bulk-warning__wrapper { height: 12.75rem; margin: 1rem 0rem 0rem; padding: 1rem; border-radius: 0.5rem; overflow: auto; display: flex; flex-direction: column; align-items: center; justify-content: stretch; } .bulk-warning__wrapper::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; background-color: transparent; padding: 0 0.125rem; } .bulk-warning__wrapper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .bulk-warning__wrapper::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .bulk-warning__wrapper::-webkit-scrollbar-corner { background: transparent; } .bulk-warning__wrapper { scrollbar-gutter: auto; background: #182231; color: #a5b4cb; } .bulk-warning__content { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.9375rem; border-bottom: none !important; padding-bottom: 0rem !important; } .bulk-warning__content .bulk-warning-chart { width: 100%; height: 100%; } .bulk-warning__footer { display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-bar-chart rect.highcharts-background { stroke: none !important; } .arr-bar-chart::-webkit-scrollbar { width: 0.25rem; background-color: #546a8c; padding: 0 0.125rem; } .arr-bar-chart .arr-chart-inner-container { width: 100%; position: relative; overflow-y: auto; overflow-x: hidden; } .arr-bar-chart .arr-chart-no-scroll { border-radius: 0.125rem; overflow: hidden; } .arr-chart-no-data { display: flex; align-items: center; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-tooltip-title { display: flex; align-items: center; gap: 0.375rem; } .arr-tooltip-title .tooltip-button { padding: 0rem; } .arr-tooltip-title .tooltip-icon { color: #89a6ff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .quick-batch { display: flex; flex-direction: column; } .quick-batch .text-info { color: #ffffff; } .quick-batch__section { display: flex; flex-direction: column; row-gap: 1rem; padding: 1.5rem 0rem 0rem; background: #121a25; } .quick-batch__section .section-title { color: #ccd5e3; padding-left: 3rem; } .quick-batch__section .input-tooltip { font-size: 1.125rem; margin-bottom: 0.5rem; } .quick-batch__section .sort-tooltip { font-size: 1.125rem; margin-bottom: 0rem; } .quick-batch__section .quick-batch-total-docs { display: flex; gap: 0.25rem; } .quick-batch__section .quick-batch-total-docs .arr-loading-small { width: 1rem !important; height: 1rem !important; } .quick-batch__inputs { display: flex; align-items: flex-start; column-gap: 1rem; padding: 0rem 3rem; } .quick-batch__inputs .input { flex: 1; color: #ffffff; } .quick-batch__inputs .input .sort-radio { display: flex; } .quick-batch__inputs .input .sort-radio .MuiRadioGroup-root.MuiRadioGroup-row { column-gap: 4rem; flex-wrap: wrap; } .quick-batch__inputs .input .sort-radio .MuiRadioGroup-root.MuiRadioGroup-row .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .quick-batch__inputs .input .arr-textfield input, .quick-batch__inputs .input .arr-textfield input::placeholder { font-size: 0.875rem; } .quick-batch__inputs .input .arr-textfield.arr-textfield--error .MuiFilledInput-root.Mui-focused.Mui-error { border: none; } .quick-batch__inputs .input .arr-textfield.arr-textfield--error .MuiFilledInput-root { border: none; outline: #ff7a7a; outline-offset: 0.0625rem; outline-style: inset; } .quick-batch__inputs .typo-text.label { color: #ffffff; margin-bottom: 0.5rem; } .quick-batch__inputs .arr-checkbox-list { width: 100%; color: #ffffff; gap: 0rem; } .quick-batch__inputs .arr-checkbox-list svg { width: 1.25rem !important; height: 1.25rem !important; } .quick-batch__inputs .arr-checkbox-list .arr-checkbox-row.selected { background: transparent !important; } .quick-batch__inputs.reviewers { background-color: #182231; padding: 0; } .quick-batch__inputs.reviewers .reviewers-scroll { max-height: calc(100vh - 23.25rem); width: 100%; overflow-y: auto; overflow-x: hidden; padding-left: 2rem; padding-right: 0; } .quick-batch__inputs.reviewers .reviewers-scroll::-webkit-scrollbar { width: 0.625rem; } .quick-batch__inputs.reviewers .reviewers-scroll::-webkit-scrollbar-track { background-color: #182231; } .quick-batch__inputs.reviewers .reviewers-scroll::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .quick-batch__inputs.reviewers .reviewers-scroll::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .quick-batch__inputs.reviewers .reviewers-scroll .arr-checkbox-children .MuiFormControlLabel-label, .quick-batch__inputs.reviewers .reviewers-scroll .arr-checkbox-label .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .quick-batch__inputs.reviewers .reviewers-scroll .arr-checkbox-children .arr-checkbox-label { border: none !important; } .quick-batch__inputs.reviewers .reviewers-scroll .arr-checkbox-label { border-bottom: 0.0625rem solid #3c4f6b; padding: 0.25rem 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .quick-batch-flyout .arr-drawer__content { background-color: #182231; overflow-y: hidden !important; } .quick-batch-flyout__header { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .quick-batch-flyout__header .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .quick-batch-flyout__header .title-box .title { color: #fcfcfd; } .quick-batch-flyout__header .action-buttons-box { display: flex; gap: 1rem; align-items: end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-release-flyout { background-color: #182231 !important; } .bulk-release-flyout__header { display: flex; align-items: center; padding: 1rem 3rem; margin: 0rem; background-color: #0c1119; } .bulk-release-flyout__title { color: #fcfcfd !important; margin: 0; flex: 1; text-align: left; } .bulk-release-flyout__actions { display: flex; gap: 1rem; flex: 1; justify-content: flex-end; margin-top: 1rem; } .bulk-release-flyout__loading { display: flex; align-items: center; color: #727882; } .bulk-release-flyout__label { color: #ccd5e3; background-color: #121a25; padding: 2.25rem 3rem 0.75rem 3rem; } .bulk-release-flyout__groups { display: flex; flex-direction: column; padding: 0rem 3rem; } .bulk-release-flyout__group-item { color: #fcfcfd; } .bulk-release-flyout__group-item .MuiButtonBase-root.MuiCheckbox-root { padding: 0.5rem; } .bulk-release-flyout__group-item .MuiSvgIcon-fontSizeMedium { width: 1.25rem !important; height: 1.25rem !important; } .bulk-release-flyout__group-item .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .download-file-button { display: "flex"; align-items: center; color: #89a6ff; cursor: pointer; } .download-file-button .title { color: #89a6ff; } .download-file-button:hover { background-color: #1f2b3d; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .document-name-redirection-cell { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .ArrDocMaxLimitWarning__footer { width: 100%; display: flex; align-items: center; justify-content: stretch; gap: 1rem; } .ArrDocMaxLimitWarning__footer button { flex: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-slider-root { display: flex; align-items: center; gap: 1rem; padding: 1rem; } .arr-slider-root .arr-slider-label { font-size: 0.75rem; font-weight: 600; color: #ccd5e3; width: 7.75rem; min-width: max-content; } .arr-slider-root .MuiSlider { height: 0.25rem; color: #8c9eba; width: 14.0625rem; } .arr-slider-root .MuiSlider.Mui-disabled { color: #424750; } .arr-slider-root .MuiSlider .MuiSlider-rail, .arr-slider-root .MuiSlider .MuiSlider-track { height: 0.25rem; background-color: #8c9eba; border-radius: 6.25rem; opacity: 1; transform: none; } .arr-slider-root .MuiSlider .MuiSlider-thumb { height: auto; width: auto; background-color: transparent; box-shadow: none; top: 55%; } .arr-slider-root .MuiSlider .MuiSlider-thumb:hover, .arr-slider-root .MuiSlider .MuiSlider-thumb.Mui-focusVisible, .arr-slider-root .MuiSlider .MuiSlider-thumb.Mui-active { box-shadow: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-accordion-with-checkbox { width: 100%; display: flex; flex-direction: column; gap: 1rem; } .custom-accordion-with-checkbox .accordion-section { border-top: 1px solid #89a6ff; border-radius: 0.5rem; opacity: 1; background-color: #1f2b3d; } .custom-accordion-with-checkbox .accordion-section .accordion-summary:focus-visible { outline: none; border: 0.125rem solid white; } .custom-accordion-with-checkbox .accordion-section .MuiAccordionSummary-root { display: flex; align-items: center; justify-content: space-between; } .custom-accordion-with-checkbox .accordion-section .MuiAccordionSummary-root.Mui-expanded { height: 4rem; } .custom-accordion-with-checkbox .accordion-section .accordion-header-content { display: flex; align-items: center; gap: 0.5rem; flex: 1; } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root { width: 2.5rem; height: 2.5rem; border-radius: 0.25rem; flex: none; order: 0; flex-grow: 0; display: flex; align-items: center; justify-content: center; color: #8c9eba; } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root.Mui-checked { background: #121a25; color: #5265ff; background: #121a25; } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root:hover { background: rgba(18, 26, 37, 0.7); } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root:focus-visible { outline: 0.125rem solid #fcfcfd; outline-offset: 0.125rem; } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root.Mui-disabled { opacity: 0.5; background: #121a25; color: rgba(255, 255, 255, 0.5); } .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root { padding: 0rem; } .custom-accordion-with-checkbox .accordion-section .MuiAccordionSummary-expandIconWrapper { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.125rem; background-color: rgba(84, 106, 140, 0.2); box-sizing: border-box; color: #89a6ff; transform: none !important; } .custom-accordion-with-checkbox .accordion-section .Mui-expanded .MuiAccordionSummary-expandIconWrapper svg { transform: rotate(180deg); transition: transform 0.3s ease; } .custom-accordion-with-checkbox .accordion-section .MuiAccordionSummary-expandIconWrapper svg path { fill: #89a6ff; } .custom-accordion-with-checkbox .accordion-section .accordion-details { padding: 2rem 1.5rem; } .custom-accordion-with-checkbox .accordion-section .accordion-details.expanded { background: #121a25; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; color: #89a6ff; } .custom-accordion-with-checkbox .accordion-title { display: flex; flex-direction: column; } .custom-accordion-with-checkbox .accordion-title-primary, .custom-accordion-with-checkbox .accordion-title-secondary { font-family: Inter; font-weight: 600; font-style: semi-bold; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0rem; color: #fcfcfd; } .custom-accordion-with-checkbox .accordion-title-primary { opacity: 1; } .custom-accordion-with-checkbox .accordion-title-secondary { opacity: 0.5; } .custom-accordion-with-checkbox .chev-down { width: 1.5rem; height: 1.5rem; flex: none; order: 0; flex-grow: 0; z-index: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-bar-chart-selectable { background-color: #121a25; padding: 1rem; border-radius: 0.5rem; height: 100%; width: 100%; } .arr-bar-chart-selectable__header { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.75rem; gap: 0.5rem; } .arr-bar-chart-selectable__label { color: #ffffff; font-size: 0.875rem; font-weight: 500; } .arr-bar-chart-selectable__chart { height: auto; width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-filter-panel { width: 100%; } .arr-filter-panel .accordion-summary-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .arr-filter-panel .expand-icon-text-section { display: flex; align-items: center; padding-right: 0.75rem; } .arr-filter-panel .expand-icon-text-section .title { color: #89a6ff; } .arr-filter-panel .expand-icon { color: #89a6ff; } .arr-filter-panel .MuiPaper-root.MuiPaper-elevation { background-color: #121a25; padding: 0.75rem; border-radius: 0.5rem; } .arr-filter-panel .arr-filter-panel-body .parent-filter-container { display: flex; flex-wrap: wrap; gap: 0.25rem; padding-bottom: 1.5rem; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container { padding-top: 1.5rem; border-top: 0.0625rem solid #263449; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-header-section { display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.75rem; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-header-section .active-filter-section-button { display: flex; gap: 0.5rem; align-items: center; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-header-section .title { color: #fcfcfd; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-filter-section { display: flex; flex-wrap: wrap; gap: 0.25rem; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter .arr-filter-chip-filter-selection-continer { cursor: pointer; color: #fcfcfd; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter.arr-filter-chip-v1-v2-responsive:hover { background-color: rgba(96, 62, 148, 0.6); } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .none-selected-section { display: flex; height: 7.5rem; background-color: #182231; align-items: center; justify-content: center; } .arr-filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-section .none-selected-section .none-selected-text { color: #a5b4cb; } .arr-filter-panel .filter-panel-header { display: flex; justify-content: space-between; align-items: center; width: 100%; } .arr-filter-panel .filter-panel-header .title-section { display: flex; align-items: center; } .arr-filter-panel .filter-panel-header .title-section .title { color: #fcfcfd; } .arr-filter-panel .filter-panel-header .title-section .MuiIconButton-root { padding-left: 0.25rem; } .arr-filter-panel .filter-panel-info-icon { color: #89a6ff; height: 1.125rem; width: 1.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-filter-selection-modal .filter-selection-modal { box-sizing: border-box; width: 20rem; background-color: #121a25 !important; border-radius: 0.5rem !important; border: 0.0625rem solid #3c4f6b; padding: 1rem; } .arr-filter-selection-modal .filter-selection-modal .modal-header { display: flex; justify-content: space-between; align-items: center; } .arr-filter-selection-modal .filter-selection-modal .modal-header .title { color: #fcfcfd; } .arr-filter-selection-modal .filter-selection-modal .modal-header .close-icon { color: #89a6ff; height: 1.125rem; width: 1.125rem; } .arr-filter-selection-modal .filter-selection-modal .primary-selection { margin-top: 1rem; } .arr-filter-selection-modal .filter-selection-modal .primary-selection .radio-button-container { padding-left: 0.25rem; display: flex; gap: 1rem; } .arr-filter-selection-modal .filter-selection-modal .primary-selection .radio-button-container .radio-button .MuiTypography-root.MuiFormControlLabel-label { color: #ffffff; } .arr-filter-selection-modal .filter-selection-modal .secondery-selection { margin-top: 1rem; } .arr-filter-selection-modal .filter-selection-modal .secondery-selection .multi-date-container { display: flex; flex-direction: column; gap: 1rem; } .arr-filter-selection-modal .filter-selection-modal .secondery-selection .file-size-container { display: flex; flex-direction: column; gap: 1rem; } .arr-filter-selection-modal .filter-selection-modal .modal-submit { margin-top: 1rem; display: flex; width: 100%; justify-content: flex-end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arrSelectionChip { display: inline-flex; cursor: pointer; padding: 0rem 0.5rem; border-radius: 0.5rem; min-height: 2rem; height: auto; } .arrSelectionChip.non-selected-state { background-color: #3845ad; } .arrSelectionChip.selected-state { background-color: rgba(56, 69, 173, 0.2); } .arrSelectionChip.inactive-state { background-color: rgba(66, 71, 80, 0.2); } .arrSelectionChip .items-alignment { display: flex; align-items: center; } .arrSelectionChip .filter-label { line-height: 1.125rem; padding-right: 0.625rem; color: #ffffff; } .arrSelectionChip .without-icon-label { padding-right: 0rem; } .arrSelectionChip .caret-down-icon { color: #ffffff; height: 0.3125rem; width: 0.625rem; } .arrSelectionChip .tick-mark-icon { color: #89a6ff; } .arrSelectionChip .inactive-label { line-height: 1.125rem; padding-right: 0.625rem; color: #727882; white-space: normal; word-break: break-word; } .arrSelectionChip .selected-label { color: #89a6ff; padding-right: 0.625rem; } .arrSelectionChip .inactive-caret-down-icon { color: #898e97; height: 0.3125rem; width: 0.625rem; } .arrSelectionChip .close-icon { height: 0.875rem; width: 0.875rem; color: rgba(255, 255, 255, 0.6); } .arrSelectionChip .inactive-close-icon { color: #898e97; } .v1-selection-chip { padding: 0rem 0.75rem; border-radius: 6.25rem; height: 2.25rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-split-panel { display: flex; height: 100%; max-height: 100vh; width: 100%; overflow: hidden; } .arr-split-panel .left-panel, .arr-split-panel .right-panel { padding: 1rem; overflow: auto; box-sizing: border-box; white-space: nowrap; scrollbar-width: thin; scrollbar-color: #546a8c transparent; height: 100%; } .arr-split-panel .left-panel::-webkit-scrollbar, .arr-split-panel .right-panel::-webkit-scrollbar { width: 0.5rem; } .arr-split-panel .left-panel::-webkit-scrollbar-thumb, .arr-split-panel .right-panel::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.125rem; } .arr-split-panel .left-panel { background-color: #182231; min-width: 18.75rem; max-width: calc(100% - 18.75rem); color: #ccd5e3; font-size: 1rem; font-family: Inter; } .arr-split-panel .divider { width: 0.5rem; background-color: #2d3d55; cursor: col-resize; display: flex; align-items: center; justify-content: center; padding: 0.125rem; border-right: 0.062rem solid #3c4f6b; } .arr-split-panel .divider .handle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.125rem; } .arr-split-panel .divider .handle .dot { width: 0.25rem; height: 0.25rem; background-color: #c4d9ff; border-radius: 50%; } .arr-split-panel .right-panel { flex: 1; background-color: #344660; color: #ccd5e3; font-size: 1rem; font-family: Inter; } @media (max-width: 37.5rem) { .arr-split-panel { flex-direction: column; } .arr-split-panel .left-panel, .arr-split-panel .right-panel { width: 100% !important; height: 50%; } .arr-split-panel .left-panel { max-width: 100%; } .arr-split-panel .divider { width: 100%; height: 0.5rem; cursor: row-resize; flex-direction: row; padding: 0.125rem 0.5rem; } .arr-split-panel .divider .handle { writing-mode: horizontal-tb; transform: rotate(180deg); flex-direction: row; } .arr-split-panel .divider .handle .dot { margin: 0rem 0.125rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .modal-box .MuiBox-root { display: flex; width: 100%; } .modal-box .consent-text .MuiTypography-root { color: #ccd5e3; padding-left: 0.5rem; } .modal-box .MuiFormControlLabel-root { margin-left: 0.5rem; } .modal-box .MuiCheckbox-root { color: #fcfcfd; } .modal-box .modal-actions { display: flex; flex-direction: column; } .modal-box .cancel-row { display: flex; padding-top: 1.5rem; box-sizing: border-box; } .modal-box .cancel-row .aur-button--text.MuiButton-root { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } #arr-popout-root { background-color: #1f2b3d; } .arr-popout-panel { width: auto; display: flex; flex-direction: column; } .arr-popout-panel__title-bar { display: flex; align-items: center; height: 2.5rem; padding: 0.5rem; color: #fcfcfd; background: #0c1119; border-bottom: solid 0.0625rem #263449; } .arr-popout-panel__title-bar button.icon-button.MuiIconButton-root.with-shape { background-color: transparent; } .arr-popout-panel__title { flex: 1; text-align: left; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-tree-item-selector { display: flex; justify-content: space-between; gap: 0.5rem; } .arr-tree-item-selector .fields-panel { width: 100%; display: flex; flex-direction: column; height: 18.75rem; flex: 1 1 0; min-width: 0rem; } .arr-tree-item-selector .fields-panel .fields-bar { padding: 0.75rem; background: #263449; border-radius: 0.5rem 0.5rem 0rem 0rem; } .arr-tree-item-selector .fields-panel .fields-bar .fields-title { color: #fcfcfd; text-align: left; } .arr-tree-item-selector .fields-panel .tabs-container .tab-panel { flex-direction: column; flex: 1; overflow: hidden; } .arr-tree-item-selector .fields-panel .tabs-container { background: #1f2b3d; } .arr-tree-item-selector .fields-panel .tabs-container .fields-tabs .MuiTab-root { min-height: auto; padding: 0.75rem 1rem; text-transform: none; color: #a5b4cb; } .arr-tree-item-selector .fields-panel .tabs-container .fields-tabs .MuiTab-root.Mui-selected { color: #fcfcfd; } .arr-tree-item-selector .fields-panel .tabs-container .fields-tabs .MuiTabs-indicator { background-color: #5265ff; height: 0.25rem; } .arr-tree-item-selector .fields-panel .fields-content { flex: 1; overflow-y: auto; background-color: #121a25; height: 15.5rem; display: flex; flex-direction: column; border-radius: 0rem 0rem 0.5rem 0.5rem; } .arr-tree-item-selector .fields-panel .fields-content .tab-panel-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .arr-tree-item-selector .fields-panel .fields-content .groups-container { display: flex; flex-direction: column; flex: 1; } .arr-tree-item-selector .fields-panel .fields-content .groups-container .group-container { display: flex; flex-direction: column; } .arr-tree-item-selector .fields-panel .fields-content .groups-container .group-container .group-title { text-align: left; background: #0c1119; color: #a5b4cb; padding: 0.5rem 0.75rem; border-bottom: 0.0625rem solid #263449; } .arr-tree-item-selector .fields-panel .fields-content::-webkit-scrollbar { width: 0.25rem; } .arr-tree-item-selector .fields-panel .fields-content::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .arr-tree-item-selector .fields-panel .fields-content::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .arr-tree-item-selector .fields-panel .fields-content::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .arr-tree-item-selector .fields-panel .fields-content::-webkit-scrollbar-thumb:active { background: #546a8c; } .arr-tree-item-selector .fields-panel .fields-content { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item { display: flex; align-items: center; padding: 0.25rem 0.5rem; border-bottom: 0.062rem solid #263449; gap: 0.5rem; cursor: grab; transition: all 0.2s ease; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item:hover { background: rgba(24, 34, 49, 0.6); } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item.dragging { opacity: 0.6; cursor: grabbing; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item .field-drag-handle { display: flex; align-items: center; cursor: grab; color: #a5b4cb; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item .field-drag-handle:active { cursor: grabbing; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item .field-drag-handle .drag-icon { color: #89a6ff; height: 1.125rem; width: 1.125rem; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item .field-label { flex: 1; color: #fcfcfd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .arr-tree-item-selector .fields-panel .fields-content .selected-field-item .delete-button { flex-shrink: 0; background: none; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content .location-treeitem-label .location-treeitem .custom-text-style { color: #ffffff; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content .location-treeitem-label .location-treeitem .label-disable { color: #ccd5e3; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { background: #182231; border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled { background-color: rgba(82, 101, 255, 0.2) !important; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content .MuiCheckbox-root { height: unset; width: unset; border-radius: 0.375rem; } .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content .MuiCheckbox-root.Mui-disabled .MuiSvgIcon-root { color: rgba(82, 101, 255, 0.4); } .arr-tree-item-selector .fields-panel .empty-state { color: #a5b4cb; text-align: center; padding: 2rem; } .arr-tree-item-selector .transfer-button-container { display: flex; align-items: center; justify-content: center; } .arr-tree-item-selector .transfer-button-container .transfer-button { min-width: 4rem; min-height: 3.5rem; padding: 1.625rem; border-radius: 0.5rem; background: #0c1119; opacity: 1; } .arr-tree-item-selector .transfer-button-container .transfer-button.icon-button svg { height: 1rem; } .arr-tree-item-selector .transfer-button-container .transfer-button.icon-button:disabled { cursor: not-allowed; } .arr-tree-item-selector .transfer-button-container .transfer-button.icon-button:disabled svg { color: #898e97; } .arr-tree-item-selector .transfer-button-container .transfer-button:hover { background: #0c1119; border-radius: 0.5rem; } .arr-tree-item-selector.disabled .fields-panel .fields-content .selected-field-item { padding: 0.5rem 0.75rem; cursor: not-allowed; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-modal.search-porgress-dialog .button-row { flex-direction: column; } .arr-modal.search-porgress-dialog .modal-paper { padding: 3rem 6.25rem; } .arr-modal.search-porgress-dialog .modal-content { padding-top: 0rem !important; } .search-progress-header { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; } .search-progress-header .search-progress-bar-container { display: flex; align-items: center; gap: 0.125rem; } .search-progress-header .search-progress-bar-container .pulse-outer-container { position: relative; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; overflow: visible; } .search-progress-header .search-progress-bar-container .pulse-outer-container .container { position: relative; background-color: transparent; width: 1.5rem; height: 1.5rem; z-index: 2; display: flex; border: 0; } .search-progress-header .search-progress-bar-container .pulse-outer-container .search-color { color: #89a6ff; } .search-progress-header .search-progress-bar-container .pulse-outer-container { /* Pulse effect behind the container */ } .search-progress-header .search-progress-bar-container .pulse-outer-container .pulse { width: 1.75rem; height: 1.75rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); /* Start smaller than container */ background: linear-gradient(135deg, #6e87ff, #6e87ff); border-radius: 1.125rem; /* Match the containers border-radius */ z-index: 1; /* Place it behind the container */ animation: pulseAnimation 2900ms infinite ease-in-out; /* Animation. Setted 2900ms because left side progress bar also complete its animation in same time so both run in sync */ filter: blur(0.5rem); } .search-progress-header .search-progress-bar-container .pulse-outer-container { /* Pulse animation */ } @keyframes pulseAnimation { 0% { transform: translate(-50%, -50%) scale(1); /* Small size */ opacity: 0.6; /* Slightly visible */ } 50% { transform: translate(-50%, -50%) scale(1.5); /* Large size */ opacity: 0.3; /* More transparent */ } 100% { transform: translate(-50%, -50%) scale(1); /* Back to small size */ opacity: 0.6; /* Restore visibility */ } } .search-progress-header .search-progress-bar-container .dashed-progress-container { width: 9.625rem; } .search-progress-header .search-progress-header-context { display: flex; flex-direction: column; align-items: center; gap: 0.625rem; } .progress-bar-container { display: flex; width: 100%; height: 1.125rem; position: relative; } .progress-segment { height: 100%; margin-right: 0.625rem; transition: background-color 0.3s ease; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-dashed-progress-bar-container { display: flex; width: 100%; height: 1.5rem; position: relative; } .arr-dashed-progress-segment { height: 100%; margin-right: 0.0625rem; transition: background-color 0.3s ease; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .arr-result-tile--inactive, .arr-result-tile--combined { background-color: rgba(66, 71, 80, 0.2) !important; border: 0.0625rem solid #424750 !important; } .arr-result-tile--inactive .value-label, .arr-result-tile--combined .value-label { color: #727882 !important; } .arr-result-tile--inactive .top-action-container { visibility: hidden; } .arr-result-tile--inactive .caption-label { color: #727882 !important; } .arr-result-tile--combined .combined-label { color: #ccd5e3 !important; } .arr-result-tile--combined .MuiSvgIcon-root { color: #89a6ff; } .arr-result-tile--selected { width: 7.5rem !important; height: 7.5rem !important; } .arr-result-tile { display: flex; flex-direction: column; box-sizing: border-box; width: 8.75rem; height: 7.5rem; border: 0rem solid transparent; border-radius: 0.25rem; border-left-width: 0.25rem; padding: 0.5rem 0.5rem 1rem 1rem; gap: 0.25rem; background-color: #182231; text-align: left; } .arr-result-tile:hover { background-color: #1f2b3d; } .arr-result-tile:active { background-color: #2d3d55; } .arr-result-tile .top-action-container { height: 1.5rem; width: 100%; display: flex; justify-content: flex-end; } .arr-result-tile .value-label { color: #fcfcfd; overflow: hidden; } .arr-result-tile .caption-label { color: #ccd5e3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .arr-result-tile .empty-value-container { height: 1.75rem; } .arr-result-tile .arr-loading-container { height: 1.75rem; } .arr-result-tile .action-button { padding: 0.25rem 0.5rem; } .arr-result-tile .action-button.MuiButton-root:hover { background-color: rgba(84, 106, 140, 0.4); color: #a5c1ff; } .arr-result-tile .action-button.MuiButton-root:active { background-color: rgba(84, 106, 140, 0.4); color: #c4d9ff; } .arr-result-tile .action-button.MuiButton-root .MuiButton-startIcon { margin-right: 0.25rem; } .arr-result-tile { /** This need to apply when parent tile got hovered */ } .arr-result-tile .action-button-hover { background-color: rgba(84, 106, 140, 0.4); color: #a5c1ff; } .arr-result-tile { /** This need to apply when parent tile got pressed */ } .arr-result-tile .action-button-active { background-color: rgba(84, 106, 140, 0.4); color: #c4d9ff; } .arr-result-tile-tooltip-text { font-weight: 400; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-tile-selection { display: flex; align-items: center; justify-content: space-between; width: 13.5rem; height: 2.5rem; padding: 0.5rem 0.75rem; border-radius: 0.5rem; background-color: #121a25; cursor: pointer; gap: 0.5rem; border: none; box-sizing: border-box; } .arr-tile-selection:hover { border-color: #6e87ff; } .arr-tile-selection:focus-visible { outline: 0.062rem solid #fcfcfd; outline-offset: 0.125rem; } .arr-tile-selection .tile-label, .arr-tile-selection .tile-total { color: #727882; } .arr-tile-selection.selected { border: 0.062rem solid #6e87ff; } .arr-tile-selection.selected .tile-label, .arr-tile-selection.selected .tile-total { color: #fcfcfd; } .arr-tile-selection.disabled { border: 0.062rem solid #424750; cursor: default; background-color: #263449; } .arr-tile-selection.disabled .tile-label, .arr-tile-selection.disabled .tile-total { color: #727882; } .arr-tile-selection .MuiCheckbox-root { border-radius: 0.125rem; display: flex; align-items: center; justify-content: center; padding: 0rem; color: #8c9eba; } .arr-tile-selection .MuiCheckbox-root .MuiSvgIcon-root { width: 1.25rem !important; height: 1.25rem !important; border: 0.062rem solid #0c1119; } .arr-tile-selection .MuiCheckbox-root.Mui-checked { background: #121a25; color: #5265ff; } .arr-tile-selection .MuiCheckbox-root:hover { background: rgba(18, 26, 37, 0.8); } .arr-tile-selection .MuiCheckbox-root:focus-visible { outline: 0.062rem solid #fcfcfd; outline-offset: 0.062rem; } .arr-tile-selection .MuiCheckbox-root.Mui-disabled { opacity: 0.6; background: #121a25; } .arr-tile-selection .tile-label, .arr-tile-selection .tile-total { font-family: Inter; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.016rem; vertical-align: middle; } .arr-tile-selection .tile-label { flex: 1; font-weight: 600; text-align: left; } .arr-tile-selection .tile-total { font-weight: 700; text-align: right; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-column-chart-selectable { padding: 1.5rem 1.875rem; background: #121a25; border-radius: 0 0 0.625rem 0.625rem; overflow-y: hidden; } .arr-column-chart-selectable__header { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.75rem; gap: 0.5rem; } .arr-column-chart-selectable__label { color: #ffffff; font-size: 0.875rem; font-weight: 500; } .arr-column-chart-selectable__chart { height: 18.75rem; width: 100%; } .timeline-header { display: flex; justify-content: space-between; background: #0c1119; padding: 0.75rem 1.5rem; border-radius: 0.5rem 0.5rem 0 0; align-items: center; } .timeline-header p { color: #fcfcfd; } .space-bottom-lbl { padding-bottom: 2.3125rem; } span.bottom-label { display: block; margin-top: 0.5rem; color: #ccd5e3; } .daily-footer-labels { display: flex; justify-content: space-around; margin-bottom: 0.625rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .editor-container .display1_size.tiptap.ProseMirror { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .editor-container .display2_size.tiptap.ProseMirror { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .editor-container .display3_size.tiptap.ProseMirror { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .editor-container .headline1_size.tiptap.ProseMirror { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .editor-container .headline2_size.tiptap.ProseMirror { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .editor-container .headline3_size.tiptap.ProseMirror { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .editor-container .subhead1_size.tiptap.ProseMirror { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .editor-container .subhead2_size.tiptap.ProseMirror { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .editor-container .subhead3_size.tiptap.ProseMirror { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .editor-container .subhead4_size.tiptap.ProseMirror { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .editor-container .subhead5_size.tiptap.ProseMirror { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .editor-container .body1_size.tiptap.ProseMirror { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .editor-container .body2_size.tiptap.ProseMirror { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .editor-container .tiptap.ProseMirror { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .editor-container .body4_size.tiptap.ProseMirror { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .editor-container .body5_size.tiptap.ProseMirror { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .editor-container .label1_size.tiptap.ProseMirror { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .editor-container .label2_size.tiptap.ProseMirror { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .editor-container .label3_size.tiptap.ProseMirror { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .editor-container .label4_size.tiptap.ProseMirror { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .editor-container .buttonLarge_size.tiptap.ProseMirror { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .editor-container .buttonMedium_size.tiptap.ProseMirror { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .editor-container .buttonSmall_size.tiptap.ProseMirror { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .editor-container .buttonXS_size.tiptap.ProseMirror { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .editor-container .profilePictureTextClientMedium_size.tiptap.ProseMirror { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .editor-container .profilePictureTextSmall_size.tiptap.ProseMirror { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .editor-container .toastMessageText_size.tiptap.ProseMirror { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .editor-container { width: 100%; height: 100%; } .editor-container .toolbar { display: flex; gap: 0.5rem; padding: 0.3125rem 1rem; border-bottom: 0.0625rem solid #d3e4ff; background: #f1f7ff; } .editor-container .toolbar button { padding: 0.25rem 0.5rem; border: none; background: transparent; cursor: pointer; font-weight: 500; display: flex; } .editor-container .toolbar button:hover { background: #d3e4ff; border-radius: 0.25rem; } .editor-container .toolbar button:disabled { cursor: not-allowed; opacity: 0.4; } .editor-container .toolbar button:disabled:hover { background: transparent; } .editor-container .toolbar button.active { background: #d3e4ff; border-radius: 0.25rem; } .editor-container .editor-content { display: flex; color: #0c1119; align-items: center; justify-content: center; background-color: #f1f7ff; height: 6rem; border-right: 0.0625rem solid #3c4f6b; border-left: 0.0625rem solid #3c4f6b; border-bottom: 0.0625rem solid #3c4f6b; border-top: none; overflow-y: auto; padding: 1rem; resize: vertical; } .editor-container .tiptap.ProseMirror { height: 100%; width: 100%; outline: none; resize: vertical; } .editor-container .tiptap.ProseMirror p { margin: 0 0 0.5rem 0; } .editor-container .tiptap.ProseMirror blockquote { color: #777; font-style: italic; } .editor-container .tiptap.ProseMirror pre { overflow: auto; padding: 1rem; border: 0.0625rem solid #8c9eba; border-radius: 0.1875rem; background: #e1eeff; white-space: pre; font-size: 90%; } .editor-container .editor-footer { display: flex; justify-content: flex-end; padding: 0.5rem 1rem; } .text-editor-menu .MuiMenu-paper { margin: 0.125rem 0rem; background-color: #f1f7ff; } .text-editor-menu .MuiMenu-paper span.arr-menu__item-content { color: #0c1119; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(2) span.arr-menu__item-content { color: rgba(0, 0, 0, 0.4); font-style: italic; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(4) span.arr-menu__item-content { font-size: 2rem; line-height: 2.25rem; font-weight: bold; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(5) span.arr-menu__item-content { font-size: 1.75rem; line-height: 2.25rem; font-weight: bold; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(6) span.arr-menu__item-content { font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(7) span.arr-menu__item-content { font-size: 1.25rem; line-height: 1.625rem; font-weight: bold; } .text-editor-menu .MuiMenu-paper .MuiMenu-list .MuiMenuItem-root:nth-child(8) span.arr-menu__item-content { font-size: 1rem; line-height: 1.375rem; font-weight: bold; } .text-editor-link-menu .MuiMenu-paper { margin: 0.125rem 0rem; background-color: #f1f7ff; } .text-editor-link-menu .MuiMenu-paper span.arr-menu__item-content { color: #0c1119; } .text-editor-align-menu .MuiMenu-paper { margin: 0.125rem 0rem; background-color: #f1f7ff; } .text-editor-align-menu .MuiMenu-paper span.arr-menu__item-content { color: #0c1119; } .input-text-editor-label { color: #fcfcfd; } .link-insert-modal-content { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; } .editor-content.html-mode { background: #0c1119; color: #ffffff; font-family: monospace; } .editor-content.html-mode * { color: #ffffff !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-users { background-color: #1f2b3d; height: 100%; } .view-users .view-users-grid { height: 79%; } .view-users .view-users-grid .MuiDataGrid-root { height: 105%; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #121a25; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-filler { display: none; } .view-users .view-users-grid .MuiDataGrid-root .MuiDataGrid-virtualScroller { max-height: 26rem; min-height: 26rem; overflow-y: auto; } .view-users .view-users-grid .user-grid-icon-button { padding: 0 1.125rem; } .view-users .view-users-grid .more-option-header .MuiDataGrid-columnSeparator { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-user-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 0.75rem 2rem; } .view-user-header .view-user-title { display: flex; align-items: center; gap: 0.5rem; } .view-user-header .view-user-title .view-user-title-text { color: #fcfcfd; } .view-user-header .view-user-title .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-user-header .view-user-button-section { display: flex; justify-content: space-between; align-items: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-access-container .bulk-access-action { display: flex; justify-content: space-between; align-items: center; gap: 1rem; background-color: #0c1119; padding: 1.5rem 3rem 1rem 3rem; margin-bottom: 2rem; } .bulk-access-container .bulk-access-action .cancel-button { border-radius: 0.5rem; } .bulk-access-container .bulk-access-action .save-button { border-radius: 0.5rem; width: 4.5rem; height: 2.5rem; } .bulk-access-container .bulk-access-action .bulk-access-label { display: flex; width: 41.1875rem; height: 3.5rem; align-items: center; gap: 0.5rem; } .bulk-access-container .bulk-access-action .bulk-access-label .info-icon { display: flex; cursor: pointer; } .bulk-access-container .bulk-access-action .bulk-access-label .info-icon svg.MuiSvgIcon-root { color: #89a6ff !important; } .bulk-access-container .bulk-access-action .bulk-access-label .label-inactive { color: #727882; border: 0.625rem solid #182231; } .bulk-access-container .bulk-access-action .bulk-access-label .text-color { color: #727882; } .bulk-access-container .bulk-access-action .bulk-access-label .disable-checkbox .MuiSvgIcon-root { color: #424750 !important; cursor: pointer; } .bulk-access-container .bulk-access-action .bulk-access-label .form-control-label.Mui-disabled .checkbox-label { color: #424750 !important; } .bulk-access-container .bulk-access-action .bulk-access-label .MuiCheckbox-root.Mui-disabled { color: #424750 !important; } .bulk-access-container .bulk-access-action .bulk-access-label .bulk-access-title { color: #fcfcfd; } .bulk-access-container .group-title, .bulk-access-container .users-title { display: flex; gap: 0.5rem; align-items: center; } .bulk-access-container .group-children { position: absolute; padding-top: 2rem; left: 7.5rem; } .bulk-access-container .nested-child { display: flex; align-items: center; gap: 0.5rem; height: 2.25rem; padding-bottom: 1.5rem; } .bulk-access-container .disabled-label-text { color: #727882; } .bulk-access-container .active-label-text { color: #fcfcfd; } .bulk-access-container .info-icon { color: #89a6ff !important; display: flex; } .bulk-access-container .info-icon svg.MuiSvgIcon-root { color: #89a6ff !important; } .bulk-access-container .container-list { background-color: #0c1119; width: 25.375rem !important; border-radius: 0.5rem; } .bulk-access-container .container-list .box-sub-heading { color: #fcfcfd; } .bulk-access-container .bulk-radio-label.active { color: #fcfcfd; cursor: pointer; } .bulk-access-container .bulk-radio-label.inactive { color: #fcfcfd; cursor: pointer; } .bulk-access-container .bulk-radio-label.disabled { color: #727882; } .bulk-access-container .loading-overlay { display: flex; align-items: center; justify-content: center; overflow-x: hidden; } .bulk-access-container .reports-bottom-spacing { margin-bottom: 1.5rem !important; margin-top: 2rem !important; max-height: 3rem !important; padding-bottom: 0.5rem; } .bulk-access-container .right-tick-toast { height: 1.5rem; width: 1.5rem; padding: 0.5rem; margin-bottom: 3.25rem; } .bulk-access-container .right-tick-toast svg { color: #0c1119 !important; } .bulk-access-container .activation-toast { width: 28.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bulk-access-control { background: #121a25; display: flex; flex-direction: column; justify-content: space-between; padding: 2rem 3rem; } .bulk-access-control .content-container { background-color: #121a25; padding: 1.5rem 3rem; } .bulk-access-control .actions-row { padding: 2rem 0rem; } .bulk-access-control .actions-row .MuiFormGroup-root { height: 1.5rem; display: flex; align-content: center; } .bulk-access-control .main-content { display: flex; gap: 2rem; } .select-dropdown-container { display: flex; flex-direction: row !important; gap: 1rem; } .permission-group { background-color: #0c1119 !important; min-width: 24.25rem !important; padding: 1rem 0.75rem; scroll-behavior: smooth; overflow-y: scroll; color: #fcfcfd; max-height: 45.625rem; } .permission-group .bulk-access-section-label { display: flex; align-items: center; gap: 0.5rem; } .permission-group .bulk-access-section-label .info-icon-small { width: 1rem; height: 1rem; color: #89a6ff !important; display: flex; cursor: pointer; } .permission-group .rights-checkbox-container { display: flex; align-content: center; cursor: pointer; } .permission-group .left-panel-rights-checkbox-label { padding: 0.5rem 0rem 0.5rem 2rem; cursor: pointer; } .permission-group .checkbox-label-text-color-inactive { color: #727882; display: flex; } .permission-group .list-item-active { background-color: rgba(82, 101, 255, 0.6); } .permission-group::-webkit-scrollbar { width: 0.25rem !important; } .permission-group::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; transition: background-color 0.3s; } .permission-group::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .permission-group::-webkit-scrollbar-track { background: transparent; } .permission-group .checkbox-label { display: flex; justify-content: center; padding: 0.5rem 0rem 0.5rem 2rem; gap: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .assign-users-container .assign-users-action { align-items: end; display: flex; justify-content: space-between; background-color: #0c1119; padding: 1.5rem 3rem 1rem 3rem; } .assign-users-container .assign-users-action .cancel-button { border-radius: 0.5rem; } .assign-users-container .assign-users-action .save-button { border-radius: 0.5rem; } .assign-users-container .assign-users-action .assign-users-label { align-items: end; display: flex; width: 41.1875rem; height: 3.5rem; } .assign-users-container .assign-users-action .assign-users-label .info-icon { color: #89a6ff; } .assign-users-container .assign-users-action .assign-users-label .assign-users-title { color: #fcfcfd; margin-right: 0.5rem; } .assign-users-container .tab-header { background-color: #0c1119; } .assign-users-container .tab-header .assign-user-tabs { padding-left: 3rem; } .assign-users-container .tab-header .assign-user-tabs .assign-user-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .assign-users-container .tab-header .assign-user-tabs .assign-user-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .content-container { background-color: #121a25; padding: 1.5rem 3rem; } .content-container .content-title-container { height: 6rem; display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; } .content-container .content-title-container .content-title { color: #fcfcfd; } .content-container .content-title-container .arr-dropdown-container { width: 23.75rem; } .content-container .transfer-list-container { margin-top: 1.5rem; display: flex; gap: 1.5rem; height: 41.1875rem; justify-content: space-between; } .content-container .transfer-list-container .transfer-action-container { align-items: center; justify-items: center; display: flex; } .content-container .transfer-list-container .transfer-action-container .transfer-dropdown { display: flex; flex-direction: column; height: 6rem; gap: 2rem; } .content-container .transfer-list-container .transfer-action-container .transfer-dropdown .arr-dropdown-container { width: 12.8125rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container { background-color: #0c1119; width: 4rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.5rem; padding: 0.5rem 0rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button { height: 4rem; width: 3.5rem; text-align: center; display: flex; flex-direction: column; background-color: rgba(84, 106, 140, 0.2); border-radius: 0.5rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button .list-item-checkbox .MuiSvgIcon-root { height: 1.5rem; width: 1.5rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button .list-item-checkbox .MuiSvgIcon-root path { fill: #8c9eba; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button .list-item-checkbox.Mui-checked .MuiSvgIcon-root path { fill: #5265ff; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button .billable-text { color: #727882; margin-top: 0.5rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .billable-button .billable-text-active { color: #fcfcfd; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .tranfer-action-icon-button { width: 3.5rem; height: 2.5rem; border-radius: 0.5rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .tranfer-action-icon-button .arrow-icon { color: #c4d9ff; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .tranfer-action-forward { margin-top: 1rem; } .content-container .transfer-list-container .transfer-action-container .transfer-button-container .move-buton-divider { height: 0.0625rem; width: 1.5rem; background-color: #263449; margin-top: 1rem; margin-bottom: 1rem; } .content-container .transfer-list-container .transfer-action-container .project-transfer-button { margin-top: 4.5rem; } .content-container .transfer-list-container .project-action-tranfer { flex-direction: column; } .assign-activation-toast .arr-toast__content-action { gap: 0.25rem; display: flex; flex-direction: row; align-items: flex-start; } .assign-activation-toast .arr-toast__content-action .arr-toast__close { padding: 0rem; } .assign-activation-toast .arr-toast { padding: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .add-user-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .add-user-container .add-user-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .add-user-container .add-user-header-box .title-box { display: flex; align-items: center; justify-content: flex-start; height: 3.5rem; align-items: end; } .add-user-container .add-user-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .add-user-container .add-user-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .add-user-container .content-box { background-color: #121a25; padding: 2rem 3rem; } .add-user-container .content-box .icon-size { font-size: 1rem; vertical-align: text-top; } .add-user-container .content-box .role-def-box { display: flex; flex-direction: column; align-items: start; gap: 1rem; } .add-user-container .content-box .role-def-box .aur-button--small.MuiButton-root { padding: 0.25rem 0.5rem; } .add-user-container .content-box .role-def-box .content { color: #a5b4cb; display: flex; flex-direction: column; gap: 1rem; } .add-user-container .content-box .role-def-box .content .role-name { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; vertical-align: middle; } .add-user-container .content-box .role-def-box .content .role-desc { vertical-align: middle; } .add-user-container .content-box .check-box-input { display: flex; padding: 0.375rem 1rem 0.375rem 0.5rem; } .add-user-container .content-box .check-box-input .label { color: #fcfcfd; } .add-user-container .content-box .check-box-input .add-user-checkbox { width: 1.5rem; height: 1.5rem; padding: 0rem; margin-right: 0.75rem; } .add-user-container .content-box .check-box-input .add-user-checkbox svg { width: 1.25rem; height: 1.25rem; display: block; margin: auto; } .add-user-container .content-box .check-box-input .checkbox-label { display: flex; align-items: center; justify-content: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .user-not-logged-in__panel { display: flex; flex-direction: column; height: 100%; } .user-not-logged-in__panel .text-color { color: #fcfcfd; } .user-not-logged-in__panel .info-tooltip { margin: 0.375rem 0rem 0rem 0.375rem; cursor: pointer; } .user-not-logged-in__panel .info-icon path { fill: #89a6ff !important; } .user-not-logged-in__panel .MuiDataGrid-footerContainer { border: none !important; } .user-not-logged-in__panel .user-not-logged-in__header { display: flex; justify-content: flex-start; align-items: center; background-color: #0c1119; flex-shrink: 0; padding: 1rem; padding: 2.875rem 3rem 1rem 3rem; border-top: 0.0625rem solid #263449; } .user-not-logged-in__panel .user-not-logged-in__content { flex: 1; display: flex; flex-direction: column; background-color: #182231; height: 100%; } .user-not-logged-in__panel .user-not-logged-in__content .user-data-grid { flex: 1; display: flex; flex-direction: column; } .user-not-logged-in__panel .user-not-logged-in__content .user-data-grid .MuiDataGrid-main { flex: 1 1 auto; } .user-not-logged-in__panel .user-not-logged-in__content .user-data-grid .MuiDataGrid-footerContainer { margin-top: auto; } .user-not-logged-in__panel .MuiDataGrid-root { background-color: #182231 !important; } .user-not-logged-in__panel .user-not-logged-in__footer { flex-shrink: 0; margin-top: auto; } .arr-drawer__content { flex: 1; } .first-column-header, .first-column-cell { padding-left: 3rem !important; } .user-not-logged-in__panel .arr-datagrid .MuiDataGrid-root { border: none; } .user-not-logged-in__panel .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #121a25 !important; } .user-not-logged-in__panel .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border: none !important; background-color: #121a25 !important; } .user-not-logged-in__panel .arr-datagrid .MuiDataGrid-root .MuiDataGrid-filler { --rowBorderColor: transparent !important; } .activation-toast { width: 28.125rem; } .no-data-found { display: flex; flex-direction: column; align-items: center; padding-top: 10rem; height: 100%; color: #a5b4cb; background-color: "transparent"; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-user-filter-panel { display: flex; justify-content: space-between; align-items: center; background-color: #121a25; gap: 1rem; padding: 1rem 2rem; } .view-user-filter-panel .view-user-filter-panel-controls { display: flex; align-items: center; gap: 1rem; } .view-user-filter-panel .view-user-filter-panel-controls .view-user-item-flex { flex: 0 0 13.5rem; } .view-user-filter-panel .view-user-filter-panel-controls .view-user-filter-datepicker .MuiInputBase-root { height: 2.5rem; } .view-user-filter-panel .view-user-filter-panel-controls .view-user-filter-datepicker .MuiInputBase-root .MuiFilledInput-input { padding-top: 0.125rem; } .view-user-filter-panel .view-user-filter-panel-controls .view-user-filter-datepicker .MuiInputBase-root .MuiInputAdornment-root { margin-top: -0.375rem; } .view-user-filter-panel .view-user-inactive-users { color: #fcfcfd; } .view-user-filter-panel .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 0.875rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .edit-user-drawer-content .edit-user-drawer { display: flex; flex-direction: column; height: 100%; color: #fcfcfd; background: #0c1119; } .edit-user-drawer-content .edit-user-drawer .header-content { padding: 2.5rem 3rem 1rem 3rem; display: flex; flex-direction: row; justify-content: space-between; } .edit-user-drawer-content .edit-user-drawer .header-content .title { display: flex; align-self: flex-end; align-items: center; gap: 0.25rem; } .edit-user-drawer-content .edit-user-drawer .header-content .title .title-icon { width: 1.75rem; height: 1.75rem; color: #89a6ff; } .edit-user-drawer-content .edit-user-drawer .header-content .buttons { display: flex; gap: 1rem; } .edit-user-drawer-content .edit-user-drawer .body-content { display: flex; flex-direction: column; height: 100%; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section { display: flex; flex-direction: column; flex: 1; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabs { padding: 0rem 3rem; flex-shrink: 0; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tab { text-transform: none; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .selected-tab { color: #fcfcfd; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .non-selected-tab { color: #ccd5e3; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .functionality-tab-label { display: flex; align-items: center; gap: 0.25rem; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .functionality-tab-label .icon { width: 1.25rem; height: 1.25rem; color: #89a6ff; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel { flex: 1; width: 100%; background: #121a25; padding: 2rem 3rem; box-sizing: border-box; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel .role-def-box { display: flex; flex-direction: column; align-items: start; gap: 1rem; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel .role-def-box .aur-button--small.MuiButton-root { padding: 0.25rem 0.5rem; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel .role-def-box .content { color: #a5b4cb; display: flex; flex-direction: column; gap: 1rem; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel .role-def-box .content .role-name { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; vertical-align: middle; } .edit-user-drawer-content .edit-user-drawer .body-content .tabs-section .tabpanel .role-def-box .content .role-desc { vertical-align: middle; } .edit-user-drawer-content .activation-toast .arr-toast__content-action { gap: 0.25rem; display: flex; flex-direction: row; align-items: flex-start; } .edit-user-drawer-content .activation-toast .arr-toast__content-action .arr-toast__close { padding: 0rem; } .edit-user-drawer-content .activation-toast .arr-toast { padding: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .functionality-tab { display: flex; gap: 1.5rem; width: 100%; } .functionality-tab .section-wrapper { display: flex; flex-direction: column; gap: 1rem; flex: 1; } .functionality-tab .section-wrapper .section { width: 100%; } .functionality-tab .section-wrapper .section .section-title { color: #fcfcfd; margin-bottom: 0.5rem; } .functionality-tab .section-wrapper .section .checkbox svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; } .functionality-tab .section-wrapper .section .section-label { color: #fcfcfd; } .functionality-tab .section-wrapper .section .section-label.disabled { color: #727882; } @media (max-width: 48rem) { .functionality-tab { flex-direction: column; gap: 1rem; } .functionality-tab .section-wrapper { flex: unset; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .details-tab-content { width: 100%; } .details-tab-content .check-box-input { display: flex; padding: 0.375rem 1rem 0.375rem 0.5rem; } .details-tab-content .check-box-input .label { color: #fcfcfd; } .details-tab-content .check-box-input .add-user-checkbox { width: 1.5rem; height: 1.5rem; padding: 0rem; margin-right: 0.75rem; } .details-tab-content .check-box-input .add-user-checkbox svg { width: 1.25rem; height: 1.25rem; display: block; margin: auto; } .details-tab-content .check-box-input .checkbox-label { display: flex; align-items: center; justify-content: flex-start; } .details-tab-content .check-box-input .checkbox-label .billable-user-info-icon { font-size: 1rem; color: #89a6ff; cursor: pointer; vertical-align: text-bottom; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .app-container { display: flex; min-height: 100vh; overflow-x: hidden; } .app-container .sidebar { width: 4.5rem; background-color: #0c1119; display: flex; flex-direction: column; color: #ccd5e3; flex-shrink: 0; } .app-container .sidebar nav { flex: 1; } .app-container .sidebar nav ul { list-style: none; padding: 0; margin: 0; } .app-container .sidebar nav ul li { padding: 1rem; } .app-container .sidebar nav ul li a { text-decoration: none; color: #89a6ff; } .app-container .sidebar nav ul li a:hover { color: #a5c1ff; } .app-container .main-area { flex: 1; display: flex; flex-direction: column; min-height: 100vh; overflow: auto; } .app-container .main-area .header { height: 4.5rem; background-color: #0c1119; display: flex; align-items: center; padding: 0; color: #fcfcfd; flex-shrink: 0; position: sticky; top: 0; z-index: 10; } .app-container .main-area .content { flex: 1; background-color: #182231 !important; overflow-y: auto; } .app-container .main-area .footer { background-color: #0c1119; padding: 0; margin-top: auto; flex-shrink: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-footer { width: 100%; background-color: #0c1119; padding: 2rem; font-family: Inter; box-sizing: border-box; overflow-x: hidden; border-top: 0.062rem solid #182231; } .arr-footer .footer-top { color: #ccd5e3; display: flex; justify-content: space-between; } .arr-footer .footer-top .footer-links { display: flex; align-items: center; } .arr-footer .footer-top .footer-links .MuiButton-root { padding: 0.5rem 1rem; color: #89a6ff; align-items: center; } .arr-footer .footer-top .footer-links .MuiButton-root:first-child { padding-left: 0rem; } .arr-footer .footer-top .footer-links .MuiButton-root:last-child { padding-right: 0rem; } .arr-footer .footer-top .footer-links .divider { color: #263449; font-size: 1rem; } .arr-footer .footer-bottom { margin-top: 1.125rem; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; color: #a5b4cb; } .arr-footer .footer-bottom .typo-text { max-width: 85%; text-align: left; } .arr-footer .footer-bottom .footer-version { align-self: flex-end; } .arr-footer { /* -------- Responsive Breakpoints -------- */ } @media screen and (max-width: 75rem) { .arr-footer .footer-top { flex-direction: column; align-items: flex-start; } .arr-footer .footer-bottom { align-items: flex-start; } } @media screen and (max-width: 67.5rem) { .arr-footer { padding: 1.5rem; } .arr-footer .footer-top .MuiButtonGroup-root { align-items: flex-start; } } @media screen and (max-width: 37.5rem) { .arr-footer { padding: 1rem; text-align: center; } .arr-footer .footer-top { display: block; text-align: center; } .arr-footer .footer-top .MuiButtonGroup-root { justify-content: center; } .arr-footer .footer-top .MuiButton-root:first-child { padding-right: 0rem; } } @media screen and (max-width: 26.875rem) { .arr-footer { padding: 0.75rem; } .arr-footer .footer-top { font-size: 0.75rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .user-profile { padding-right: 1.5rem; } .user-profile .user-profile-menu-icon-btn { height: 2rem; width: 4rem; display: flex; align-items: center; justify-content: space-between; padding-right: 0.8125rem; transition: opacity 0.3s ease; border-radius: 6.25rem; padding: 0.5rem; background-color: rgba(84, 106, 140, 0.2); padding-left: 0.375rem; padding-right: 0.625rem; } .user-profile .user-profile-menu-icon-btn .avatar-icon .avatar-loaded { border: 0.0625rem solid rgba(24, 34, 49, 0.2) !important; background-color: #29d8e1; height: 2rem; width: 2rem; margin-left: -0.375rem; color: #0c1119; font-family: Inter; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.016rem; } .user-profile .user-profile-menu-icon-btn:hover { background-color: rgba(84, 106, 140, 0.2); } .user-profile .user-profile-menu-icon-btn[aria-expanded=true] { background-color: rgba(84, 106, 140, 0.6); } .user-profile .caret-icon { display: flex; align-items: center; } .arr-user-profile-menu { top: 0.125rem; } .arr-user-profile-menu .MuiMenu-paper { max-width: 17rem !important; width: 17rem !important; margin-top: 0.125rem; } .arr-user-profile-menu .MuiList-root { padding: 0rem; } .arr-user-profile-menu .MuiMenuItem-root { display: flex; padding-left: 0.75rem !important; padding-right: 0.75rem !important; height: 2.25rem; justify-content: space-between; } .arr-user-profile-menu .arr-menu__header > .arr-menu__header-text { font-weight: 400; } .arr-user-profile-menu .role-div { padding: 0.125rem 0.75rem; background-color: #7ddfbb; border-radius: 6.25rem; height: 1.25rem; display: flex; text-align: center; align-items: center; margin-left: 0.75rem; } .arr-user-profile-menu .role-div .role-text { color: #0c1119; font-weight: 600; } .arr-user-profile-menu .MuiDivider-root.arr-menu__divider { background-color: #263449; opacity: 1; margin-top: 0.75rem; margin-bottom: 0.75rem; } .arr-user-profile-menu .arr-menu__item-content { display: flex; justify-content: space-between !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .aur-header { padding: 1rem 1.5rem 1rem 2rem; width: 100%; min-height: 4.5rem; max-height: 4.5rem; padding-left: 4.5rem; position: fixed; top: 0rem; left: 0rem; z-index: 1100; background-color: #0c1119; } .aur-header .dropdowns { display: flex; flex-direction: row; height: 2.5rem; padding-left: 2rem; } .aur-header .dropdowns .project-text { display: flex; align-items: center; margin-right: 0.5rem; } .aur-header .dropdowns .security-group-text { display: flex; align-items: center; margin-left: 2rem; margin-right: 0.5rem; } .aur-header .right-items-div { position: absolute; top: 1.25rem; right: 0; display: flex; flex-direction: row; align-items: center; gap: 1rem; } .aur-header .right-items-div .analytics-alert-btn { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; background-color: #ffc37d; color: #0c1119; padding: 0.25rem 1rem; border-radius: 0.5rem; cursor: pointer; } .aur-header .right-items-div .analytics-alert-btn .custom-text { font-weight: 500; line-height: 1.25rem; } .aur-header-without-dropdown { justify-content: flex-end !important; } .arr-central-modal .modal-paper { width: 30rem; } .arr-central-modal .modal-title-row { align-items: center; } .arr-central-modal .modal-title-row .title-text-color { margin-left: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .notifications-menu { top: 0.125rem !important; left: -5.625rem !important; } .notifications-menu .MuiMenu-paper { background-color: #121a25; border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; width: 20rem; max-width: 20rem; max-height: 31.375rem; padding: 0.5rem 0rem 0rem 0rem; overflow-y: auto; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.3), 0rem 0.5rem 0.625rem 0.25rem rgba(0, 0, 0, 0.15) !important; } .notifications-menu .MuiMenu-paper::-webkit-scrollbar { width: 0.25rem; } .notifications-menu .MuiMenu-paper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .notifications-menu .MuiMenu-paper { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .notifications-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; } .notifications-menu__divider { height: 0.0625rem; background-color: #263449; opacity: 1; margin-top: 0.75rem !important; } .notifications-menu__list { padding: 0 !important; } .notifications-menu__header-text { color: #fcfcfd; vertical-align: middle; line-height: 1.25rem; } .notifications-menu__icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-right: 1rem; display: flex; align-items: center; justify-content: center; } .notifications-menu__icon svg { width: 100%; height: 100%; } .notifications-menu__list-item { display: flex; align-items: center; padding: 0.5rem 1rem; height: auto; min-height: 3.5rem; border-bottom: 1px solid #263449 !important; } .notifications-menu__list-item:last-child { border-bottom: none !important; } .notifications-menu__item-content { display: flex; flex-direction: column; justify-content: center; flex: 1; } .notifications-menu__item-status-completed { color: #7ddfbb; } .notifications-menu__item-status-incompleted { color: #ffc37d; } .notifications-menu__item-type { color: #fcfcfd; white-space: normal; overflow-wrap: break-word; word-break: break-word; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .navigation-sidebar { box-sizing: border-box; background-color: #0c1119; border-right: 0.0625rem solid #263449; display: flex; flex-direction: column; height: 100vh; width: 4.5rem !important; position: fixed; top: 0; left: 0; z-index: 1200; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .navigation-sidebar * { box-sizing: border-box; } .navigation-sidebar--collapsed { width: 4.5rem; } .navigation-sidebar--collapsed .nav-item { justify-content: center; padding: 0.5rem; position: relative; height: 3rem; } .navigation-sidebar--collapsed .nav-item__content { display: none; } .navigation-sidebar--collapsed .nav-item__icon-button { margin: 0; } .navigation-sidebar--collapsed .navigation-sidebar__logo { justify-content: center; } .navigation-sidebar--expanded { width: 16rem; } .navigation-sidebar__logo { padding: 1rem; display: flex; align-items: center; justify-content: center; min-height: 4.5rem; } .navigation-sidebar__logo svg { width: 2rem; height: 2rem; color: #ffffff; } .navigation-sidebar__logo--collapsed { justify-content: center; } .navigation-sidebar__items { flex: 1; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; gap: 0.5rem; } .navigation-sidebar__items::-webkit-scrollbar { width: 0.25rem; } .navigation-sidebar__items::-webkit-scrollbar-track { background: transparent; } .navigation-sidebar__items::-webkit-scrollbar-thumb { background-color: rgba(82, 101, 255, 0.5); border-radius: 0.125rem; } .navigation-sidebar__items::-webkit-scrollbar-thumb:hover { background-color: rgba(82, 101, 255, 0.7); } .nav-item-wrapper { margin-bottom: 0.25rem; width: 4.5rem; } .nav-item { display: flex; align-items: center; margin: 0 0.5rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.2s ease; position: relative; min-height: 2.5rem; } .nav-item__icon-button { display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; flex-shrink: 0; padding: 0; min-width: 1.5rem; } .nav-item__icon-button .MuiIconButton-root { width: 1.5rem; height: 1.5rem; padding: 0; min-width: 1.5rem; } .nav-item__icon-button svg { width: auto !important; height: auto !important; color: #8c9eba !important; transition: color 0.2s ease; } .nav-item__content { display: flex; align-items: center; justify-content: space-between; flex: 1; margin-left: 0.75rem; min-width: 0; } .nav-item__label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease; } .nav-item .caret-icon-collapsed, .nav-item .caret-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.2s ease; } .nav-item .caret-icon-collapsed svg, .nav-item .caret-icon svg { width: 0.375rem; height: 0.1875rem; color: #8c9eba; transition: color 0.2s ease; } .nav-item .caret-icon { margin-left: auto; } .nav-item .caret-icon-collapsed { position: absolute; top: 50%; right: 0.3125rem; transform: translateY(-50%); } .nav-item--collapsed { justify-content: center; padding: 0.5rem; } .nav-item--hovered { background-color: rgba(84, 106, 140, 0.2); } .nav-item--hovered .nav-item__icon-button { background-color: transparent !important; } .nav-item--hovered .nav-item__icon-button .MuiIconButton-root svg { color: #ffffff !important; } .nav-item--hovered .nav-item__label { color: #ffffff !important; } .nav-item--hovered .nav-item__arrow { color: #ffffff !important; } .nav-item--selected { background: linear-gradient(135deg, rgb(59, 130, 246) 0%, rgb(139, 92, 246) 100%); position: relative; } .nav-item--selected .nav-item__icon-button svg.icon-navbar { color: #ffffff !important; } .nav-item--selected .caret-icon-collapsed svg { color: #ffffff; } .nav-item--selected .nav-item__label { color: #ffffff; font-weight: 600; } .nav-item--selected .nav-item__arrow { color: #ccd5e3; } .nav-item--disabled { opacity: 0.6; cursor: not-allowed; } .nav-item--disabled .nav-item__icon-button svg { color: #898e97; } .nav-item--disabled .nav-item__label { color: #727882; } .nav-item--disabled .nav-item__arrow { color: #727882; } .nav-item--disabled:hover { background-color: transparent; } .navbar-submenu .MuiMenu-paper { margin: 0 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .role-impersonation .change-role-box { display: flex; align-items: center; gap: 0.5rem; } .role-impersonation .change-role-box .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .role-impersonation .change-role-box .change-role { color: #fcfcfd; } .role-impersonation .role-box-container { padding: 1rem 0rem; color: #fcfcfd; display: flex; align-items: center; justify-content: space-between; } .role-impersonation .role-box-container .required-text { color: #ccd5e3; } .role-impersonation .role-box-container .my-role-box { display: flex; align-items: center; gap: 0.625rem; } .role-impersonation .role-box-container .my-role-box .my-role-text { color: #a5b4cb; } .role-impersonation .role-box-container .role-text-box { padding: 0.125rem 0.75rem; background-color: #7ddfbb; border-radius: 6.25rem; height: 1.25rem; display: flex; text-align: center; align-items: center; } .role-impersonation .role-box-container .role-text-box .role-text { color: #0c1119; font-weight: 600; } .role-impersonation .dropdown-space { padding-top: 1rem; } .role-impersonation .action-container { padding-top: 2rem; display: flex; justify-content: space-around; gap: 1rem; } .role-impersonation .action-container .btn-cancel { width: 14.375rem; } .role-impersonation .action-container .btn-save { width: 14.375rem; } .role-impersonation .action-container .MuiDialogActions-root { padding: 1rem 0.75rem 1rem; } .role-impersonation .MuiPaper-root.MuiDialog-paper { max-width: 30rem !important; } .role-impersonation .MuiPaper-root.MuiDialog-paper svg.MuiSvgIcon-root { width: 2rem !important; height: 2rem !important; color: #8c9eba; } .role-impersonation .arr-modal .modal-content { padding-top: 1rem; padding-bottom: 0rem; } .role-impersonation .arr-modal .modal-actions { padding-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .empty-state-container { display: flex; flex-direction: column; align-items: center !important; justify-content: center; padding: 10rem; width: 100%; height: 100vh; box-sizing: border-box; background: linear-gradient(90deg, #0a0a0a 0%, #1a2b3c 50%, #2f4455 100%) !important; } .empty-state-container .arr-empty-state-label { color: #ffffff; text-align: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-project-filter-panel { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #121a25; gap: 1rem; padding: 1rem 2rem; } .view-project-filter-panel .view-project-filter-panel-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; } .view-project-filter-panel .view-project-filter-panel-controls .view-project-item-flex { flex: 0 0 10rem; } .view-project-filter-panel .custom-button .MuiButton-startIcon svg { font-size: 1.5rem; } .view-project-filter-panel .add-icon { color: #ffffff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-project-container { background-color: #0c1119; padding-bottom: 8.3125rem; } .view-project-container .view-project-header { background-color: #182231; padding: 0.75rem 2rem; } .view-project-container .view-project-header .view-project-title { display: flex; align-items: center; gap: 0.5rem; } .view-project-container .view-project-header .view-project-title .view-project-title-text { color: #fcfcfd; } .view-project-container .view-projects-grid { height: unset; } .view-project-container .view-projects-grid .MuiDataGrid-root { min-height: 29.5rem; max-height: 29.5rem; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-filler { display: none; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 23rem; min-height: 23rem; overflow: hidden; } .view-project-container .view-projects-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #121a25; border: none; } .view-project-container .view-projects-grid .projects-grid-edit-icon { padding: 0rem 1.125rem; } .view-project-container .view-projects-grid .edit-header .MuiDataGrid-columnSeparator { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .create-project-container { background-color: #0c1119; } .create-project-container .MuiInputBase-root.MuiFilledInput-root { padding: 0rem; } .create-project-container .project-header-container { background-color: #121a25; padding: 1.125rem 2rem; text-align: left; } .create-project-container .title-tooltip { display: flex; } .create-project-container .title-tooltip .info-icon { color: #89a6ff; margin-left: 0.1875rem; } .create-project-container .project-header-container-fields { background-color: #0c1119; padding-top: 2rem; padding-bottom: 0rem; } .create-project-container .project-header-container-fields .domain-dropdown-container { justify-content: center; } .create-project-container .project-header-dropdown-container { display: flex; gap: 1.5rem; padding: 0rem 8.9375rem; height: 5.5rem; } .create-project-container .project-header-dropdown-container .project-name { width: 25rem; padding: 0rem; } .create-project-container .project-header-dropdown-container .client-name { width: 25rem; padding: 0rem; } .create-project-container .project-header-dropdown-container .alpha-code { width: 10.5625rem; } .create-project-container .project-header-dropdown-container .alpha-code .arr-textfield-helper { width: 13.75rem; } .create-project-container .project-guid-container { display: flex; gap: 2rem; padding: 0rem 8.9375rem; padding-bottom: 2rem; } .create-project-container .project-guid-container .project-guid { display: flex; width: 30.8125rem; } .create-project-container .project-guid-container .project-guid .arr-textfield-wrapper { width: 100%; } .create-project-container .tab-header { background-color: #121a25; } .create-project-container .tab-header .create-project-tabs { padding: 0rem 10.75rem; border-bottom: 0.0625rem solid #3c4f6b; } .create-project-container .tab-header .create-project-tabs .create-project-tabs { text-decoration: none; color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .create-project-container .tab-header .create-project-tabs .create-project-tab-label { text-transform: none; color: #fcfcfd; } .create-project-container .tab-header .create-project-tabs .create-project-tab-label.Mui-selected { text-transform: none; color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .create-project-container .tab-header .existing-project { display: flex; padding: 0rem 10.75rem 2rem 10.75rem; gap: 1.5rem; justify-content: space-between; } .create-project-container .tab-header .existing-project .existing-project-dropdown { width: 25rem; } .create-project-container .tab-header .project-workspace-container { padding: 0rem 10.75rem; } .create-project-container .tab-header .project-workspace-container .project-workspace-inner-container { padding: 2rem 0rem; border-top: 0.125rem solid #3c4f6b; } .create-project-container .tab-header .project-workspace-container .project-workspace-inner-container .workspace-title { text-align: left; } .create-project-container .action-section { padding: 2rem 10.75rem 2rem 0rem; display: flex; justify-content: flex-end; background-color: #121a25; } .create-project-container .action-section .cancel-button { border-radius: 0.5rem; margin-right: 1rem; } .create-project-container .action-section .save-button { border-radius: 0.5rem; width: 9.6875rem; } .create-project-container .settings-content { height: 26.75rem; width: 64rem; padding: 2rem 10.75rem 0rem 10.75rem; } .create-project-container .settings-content .docid-section { height: 6rem; justify-content: space-between; display: flex; flex-direction: column; margin-top: 3rem; } .create-project-container .settings-content .docid-section .docid-form { display: flex; justify-content: space-between; } .create-project-container .settings-content .docid-section .docid-form .docid-field { width: 20rem; } .create-project-container .settings-content .settings-divider { height: 2rem; padding-top: 2rem; border-bottom: 0.125rem solid rgba(60, 79, 107, 0.4); } .create-project-container .settings-content .analytic-engine-section { height: 6rem; justify-content: space-between; display: flex; flex-direction: column; margin-top: 2rem; } .create-project-container .settings-content .analytic-engine-section .analytics-engine-form { width: 25rem; } .create-project-container .settings-content .activation-toast { width: 28.125rem; } .create-project-container .settings-content .docid-label { align-items: end; display: flex; } .create-project-container .settings-content .docid-label .info-icon { color: #89a6ff; } .create-project-container .settings-content .docid-label .assign-users-title { color: #fcfcfd; margin-right: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .general-tab .general-tab-container .general-tab-container-header { padding: 2rem 10.75rem; display: flex !important; justify-content: space-between; align-items: center; } .general-tab .general-tab-container .general-tab-container-header .delete-text-inactive { color: #727882; } .general-tab .general-tab-container .toggle-project-data { display: flex; align-items: center; gap: 0.5rem; } .general-tab .toggle-section-handler { text-align: left; padding: 2rem 10.75rem; } .general-tab .project-server-path { padding: 0rem 10.75rem; } .general-tab .project-server-path .server-title { text-align: left; padding-bottom: 0.5rem; } .general-tab .existing-project-text { text-align: left !important; width: 37.5rem; } .general-tab .project-server-checkbox-container { padding-bottom: 1.5rem; display: flex; justify-content: space-between; gap: 3rem; } .general-tab .project-server-checkbox-container .project-server-checkbox { background-color: #121a25; border-radius: 0.5rem; border: 0.0625rem #3c4f6b; } .general-tab .project-server-checkbox-container .project-server-checkbox .path-error { color: #ff7a7a; padding-top: 0.5rem; text-align: left; } .general-tab .project-server-checkbox-container .project-file-transer-list .container-list { height: 9rem; } .general-tab .project-server-checkbox-container .project-server-text-field { width: 30.5rem; height: 3.5rem; } .general-tab .project-server-checkbox-container .container-list { height: 6.75rem; background-color: #121a25; padding: 0.5rem !important; border: 0.062rem solid #3c4f6b; } .general-tab .project-server-checkbox-container .container-list .title-container { display: none; } .general-tab .project-server-checkbox-container .container-list { width: 29.5rem !important; } .general-tab .project-server-checkbox-container .container-list .list-item { height: 6.75rem; } .general-tab .general-tab-project-analytics { padding: 2rem 10.75rem 0rem 10.75rem; } .general-tab .general-tab-project-analytics .container-list { background-color: #121a25; } .general-tab .general-tab-project-analytics .container-list .title-container { display: none; } .general-tab .general-tab-project-analytics .container-list { border: none !important; width: 29.5rem !important; height: 6.75rem !important; } .general-tab .general-tab-project-analytics .container-list .list-item .list-item-row { border: none; } .general-tab .general-tab-project-analytics .container-list .list-item { height: 6.75rem; } .general-tab .general-tab-project-analytics .container-list .list-item .list-item-active { background-color: transparent; } .general-tab .general-tab-project-analytics .project-analytics-container-header { border-top: 0.125rem solid #3c4f6b; padding-top: 2rem; display: flex; align-items: center; gap: 1rem; } .general-tab .general-tab-project-analytics .section-header { display: flex; align-items: center; gap: 0.5rem; } .general-tab .general-tab-project-analytics .info-icon { width: 1.25rem; height: 1.25rem; color: #89a6ff !important; cursor: pointer; } .general-tab .general-tab-project-analytics .toggle-analytics-content { height: 7.0625rem; display: flex; justify-content: space-between; padding-bottom: 2rem; } .general-tab .general-tab-project-analytics .toggle-analytics-content .component-title { padding: 1rem 0rem 1rem 0.5rem; text-align: left; } .general-tab .general-tab-project-analytics .toggle-analytics-content .component-section-box { padding-left: 3.5rem; } .general-tab .redaction-container { padding-top: 2rem; } .general-tab .project-redaction-container-header { padding: 2rem 0rem; display: flex; align-items: center; gap: 0.5rem; border-top: 0.0625rem solid #3c4f6b !important; border-bottom: 0.0625rem solid #3c4f6b !important; } .general-tab .redaction-propagation-title { display: flex; align-items: center; } .general-tab .info-icon-small { display: flex; align-items: center; width: 1.5rem; height: 1.5rem; color: #89a6ff !important; cursor: pointer; } .general-tab .component-transfer-list { position: relative; } .general-tab .component-subtitle { position: absolute; left: 3rem; top: 2.1875rem; color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .coding-forms-container { background-color: #0c1119; overflow: hidden; } .coding-forms-container .tab-header { background-color: #0c1119; border-top: 0.062rem solid #263449; padding: 0.5rem 1rem 0; display: flex; justify-content: space-between; align-items: center; } .coding-forms-container .tab-header .assign-user-tabs .assign-user-tab { color: #727882; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .coding-forms-container .tab-header .assign-user-tabs .assign-user-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .coding-forms-container .tab-header .search-box-div { display: flex; width: 18rem; align-items: center; } .coding-forms-container .tab-header .search-box-div .search-box { width: 100%; } .coding-forms-container .tab-header .search-box-div .MuiFilledInput-root { background-color: #121a25; } .coding-forms-container .tab-header .search-box-div .MuiInputBase-input::placeholder { color: #a5b4cb; letter-spacing: 0rem; } .coding-forms-container .tab-content { border-top: 0.062rem solid #263449; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .coding-form-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 1rem 2rem; border-top: 0.062rem solid #263449; } .coding-form-header .coding-form-title { display: flex; align-items: center; gap: 0.5rem; } .coding-form-header .coding-form-title .coding-form-title-text { color: #fcfcfd; } .coding-form-header .coding-form-title .coding-form-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .coding-form-header .new-coding-form-button:disabled { background-color: rgba(84, 106, 140, 0.2); color: #89a6ff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .unsaved-changes-modal .modal-actions .button-row { display: flex; gap: 1rem; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; } .unsaved-changes-modal .modal-actions .button-row > button:nth-child(1), .unsaved-changes-modal .modal-actions .button-row > button:nth-child(2) { flex: 1; max-width: calc(50% - 0.5rem); } .unsaved-changes-modal .modal-actions .button-row > button:nth-child(3) { flex-basis: 100%; text-align: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .available-objects-container { background-color: #0c1119; border-radius: 0.5rem; display: flex; flex-direction: column; padding: 1.5rem; gap: 1.5rem; height: 100%; } .available-objects-container .top-part { display: flex; justify-content: space-between; align-items: center; } .available-objects-container .tab-headings { padding-top: 0.5rem; padding-left: 0rem; border: none; box-sizing: border-box; background-color: #0c1119; display: flex; justify-content: space-between; align-items: center; } .available-objects-container .tab-headings .object-tabs .object-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .available-objects-container .tab-headings .object-tabs .object-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .available-objects-container .tab-content { border-top: none; height: 100%; } .available-objects-container .tab-content .title { width: fit-content; padding-bottom: 1rem; } .available-objects-container .tab-content .content { background: transparent; overflow: clip; } .available-objects-container .tab-content .content .MuiTreeItem-content.Mui-selected { background: transparent !important; } .available-objects-container .tab-content .content { padding-left: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .coding-form-editor-container { background-color: #0c1119; border-radius: 0.5rem; height: 100%; display: flex; flex-direction: column; padding: 1.5rem; gap: 1.5rem; } .coding-form-editor-container .text-area { display: flex; gap: 0.5rem; align-items: center; } .coding-form-editor-container .text-area .MuiTypography-root { color: #fcfcfd; } .coding-form-editor-container .text-area .alert-icon { width: 1.125rem; height: 1.125rem; color: #89a6ff; cursor: pointer; } .coding-form-editor-container .coding-form-editor-border { height: 0.0625rem; background-color: #263449; width: 100%; } .coding-form-editor-container .create-form { width: 100%; justify-content: space-between; display: flex; align-items: flex-start; gap: 1.5rem; } .coding-form-editor-container .create-form .text-box.MuiInputBase-input::placeholder { color: #a5b4cb; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .coding-form-editor-container .create-form .arr-textfield-wrapper.text-box { width: 100%; } .coding-form-editor-container .create-form .create-form-buttons { display: flex; gap: 0.5rem; align-items: end; padding-left: 0rem; padding-right: 0rem; } .coding-form-editor-container .coding-form-editor-canvas { display: flex; flex-direction: column; gap: 0.75rem; position: relative; padding: 1.5rem; } .coding-form-editor-container .drag-overlay-item { opacity: 0.8; cursor: grabbing; transform: scale(1.02); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); background-color: #0c1119; width: 100%; position: relative; z-index: 9999; pointer-events: auto; } .coding-form-editor-container .sortable-item { position: relative; touch-action: none; cursor: grab; } .coding-form-editor-container .sortable-item.is-dragging { z-index: 999; cursor: grabbing; } .validation-modal .modal-container { display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; } .validation-modal .modal-container ul { display: flex; flex-direction: column; margin: 0; padding-inline-start: 0; list-style-type: none; } .validation-modal .modal-container li { color: #ccd5e3; } .validation-modal .modal-container .validate-head { color: #fcfcfd; } .validation-modal .modal-container .error-text { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .preview-form-container .preview-form-action { align-items: end; display: flex; justify-content: space-between; padding: 1.5rem 3rem 1rem 3rem; } .preview-form-container .preview-form-action .cancel-button { border-radius: 0.5rem; margin-right: 1rem; width: 5.4375rem; } .preview-form-container .preview-form-action .save-button { border-radius: 0.5rem; width: 1.5rem; } .preview-form-container .preview-form-action .preview-form-label { align-items: end; display: flex; width: 25.5625rem; height: 3.5rem; } .preview-form-container .preview-form-action .preview-form-label .preview-form-title { color: #fcfcfd; margin-right: 0.5rem; } .preview-form-container .preview-form-fields-container { padding: 0.5rem 3.5rem 0.5rem 3.5rem; margin-top: 1rem; } .preview-form-container .preview-form-fields-container .preview-fields-title { padding: 0.75rem; background-color: #1f2b3d; } .preview-form-container .preview-form-fields-container .preview-fields-title .default-coding-text { color: #fcfcfd; } .preview-form-container .preview-form-fields-container .default-form-description { color: #fcfcfd; margin-top: 0.75rem; } .preview-form-container .preview-form-fields-container .toast-container { margin-top: 0.75rem; margin-bottom: 0.75rem; } .preview-form-container .preview-form-fields-container .form-content { display: flex; flex-direction: column; gap: 0.75rem; } .preview-form-container .preview-form-fields-container .form-content .text-error { color: #ff7a7a; padding-top: 0.375rem; } .preview-form-container .preview-form-fields-container .form-content .field-single-check .arr-checkbox.MuiCheckbox-root { padding: 0rem 0.5rem 0rem 0rem !important; } .preview-form-container .preview-form-fields-container .form-content .fields-list { display: flex; align-items: center; } .preview-form-container .preview-form-fields-container .form-content .fields-list .field-label { color: #fcfcfd; } .preview-form-container .preview-form-fields-container .form-content .group-item { box-sizing: border-box; flex: 0 0 calc((100% - 0.75rem) / 2); width: 100%; } .preview-form-container .preview-form-fields-container .form-content .group-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 5rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .preview-form-container .preview-form-fields-container .form-content .group-item .date-picker-error p { color: #ff7a7a; } .preview-form-container .preview-form-fields-container .form-content .group-item .field-label-top { color: #fcfcfd; padding-bottom: 0.25rem; } .preview-form-container .preview-form-fields-container .form-content .radio-field { padding-left: 0.75rem; } .preview-form-container .preview-form-fields-container .form-content .radio-field .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .preview-form-container .preview-form-fields-container .form-content .radio-field .MuiFormGroup-root { display: flex; flex-direction: column; gap: 0.5rem; } .preview-form-container .preview-form-fields-container .form-content .group-box { width: 100%; } .preview-form-container .preview-form-fields-container .form-content .group-box .arr-dropdown-container { width: 100% !important; max-width: 100% !important; } .preview-form-container .preview-form-fields-container .form-content .group-box .field-label { color: #fcfcfd; } .preview-form-container .preview-form-fields-container .form-content .test-button { min-width: 13.25rem; margin-top: 0.5rem; } .preview-form-container .preview-form-fields-container .arrSelectedItems .arrSelectItemNames { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .preview-form-container .preview-form-fields-container .group-check-list { padding-top: 0rem !important; border-top: 0rem !important; height: 1.75rem !important; } .preview-form-container .group-item-field .MuiFilledInput-input { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .preview-form-container .group-item-field .arr-textfield--large .MuiInputLabel-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .create-edit-coding-form-container { display: flex; background-color: #182231; min-height: 37.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-coding-forms-container .grid-header { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0rem 0.5rem 1rem; } .manage-coding-forms-container .grid-header .arr-divider { width: 0.0625rem; height: 2rem; margin: 0rem 1rem; background-color: #263449; } .manage-coding-forms-container .grid-header .grid-pagination { flex: 1; } .manage-coding-forms-container .grid-header .grid-pagination .arr-pagination { background-color: transparent; padding-right: 0; } .manage-coding-forms-container .grid-header .grid-pagination .arr-pagination .per-page-select { background-color: transparent; } .manage-coding-forms-container .grid-header .grid-pagination .arr-pagination .pagination-controls .custom-pagination .page-button { background-color: transparent; } .manage-coding-forms-container .grid-header .grid-pagination .arr-pagination .pagination-controls .custom-pagination .page-button.active { background-color: rgba(84, 106, 140, 0.2); } .manage-coding-forms-container .grid-header .grid-pagination .arr-pagination .pagination-controls .custom-pagination .page-button:hover { background-color: rgba(84, 106, 140, 0.2); color: #a5c1ff; } .manage-coding-forms-container .grid-header .right-button-container { display: flex; justify-content: space-between; align-items: center; padding-right: 1rem; } .manage-coding-forms-container .grid-header .right-button-container .add-field-sort-icon { width: 1.1875rem; height: 0.875rem; } .manage-coding-forms-container .grid-main { padding-left: 2rem; border-bottom: 0.062rem solid #263449; } .manage-coding-forms-container .grid-main .coding-form-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.25rem; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid { height: 25.375rem; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root { height: 105%; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #121a25; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-filler { display: none; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-virtualScroller { max-height: 25.4375rem; overflow-y: auto; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; min-height: 22.5rem; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .user-grid-icon-button { padding: 0 1.125rem; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .more-option-header .MuiDataGrid-columnSeparator { display: none; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .no-project-data-found .no-project-text { margin-top: 2.1875rem; color: #fcfcfd; } .manage-coding-forms-container .grid-main .manage-coding-forms-grid .action-cell { text-overflow: clip; } .manage-coding-columns .arr-menu__item.arr-menu__custom-item .MuiMenuItem-root { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .main-container .header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #121a25; flex-direction: row; } .main-container .header-box .securityGroup-title { color: #fcfcfd; font-size: 1.75rem; } .main-container .header-box .action-buttons-box { display: flex; gap: 1rem; align-items: start; } .main-container .content-box { padding: 0; } .main-container .content-box .container-list { width: 100% !important; } .main-container .content-box .container-list .title-container { padding: 0rem; } .main-container .content-box .container-list .list-item .list-item-active { background-color: transparent !important; } .main-container .content-box .container-list .list-item .list-item-row .label-icon { width: 90%; } .main-container .content-box .tab-header { background-color: #121a25; } .main-container .content-box .tab-header .security-group-tabs { padding-left: 3rem; } .main-container .content-box .tab-header .security-group-tabs .security-group-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .main-container .content-box .tab-header .security-group-tabs .security-group-tab:disabled { color: #727882; } .main-container .content-box .tab-header .security-group-tabs .security-group-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .main-container .content-box .tab-header .list-item { padding: 0rem; background-color: #263449; } .main-container .content-box .tab-header .list-item .box-sub-heading { color: #fcfcfd; padding-left: 1rem; } .main-container .content-box .tab-header .list-item .list-item-row { height: 2.5rem; padding: 0.5rem 3rem; border-bottom: 0.062rem solid rgba(60, 79, 107, 0.4); } .main-container .content-box .tab-header .list-item .list-item-row .list-item-checkbox svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; } .main-container .content-box .tab-header .security-group-all-coding-form { background-color: #121a25; border-top: 0.062rem solid rgba(60, 79, 107, 0.4); } .main-container .content-box .tab-header .security-group-desc { padding: 0 3rem; padding-top: 2rem; color: #ccd5e3; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .main-container .content-box .tab-header .coding-form-order-sub-heading { color: #fcfcfd; padding: 1rem 3rem; } .main-container .right-tick-toast { height: 1.5rem; width: 1.5rem; padding: 0.5rem; margin-bottom: 3.25rem; } .main-container .right-tick-toast svg { color: #0c1119 !important; } .main-container .loading-overlay { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .productions-container .productions-header .display1_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .display1_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .display1_size.security-group-label { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .productions-container .productions-header .display2_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .display2_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .display2_size.security-group-label { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .productions-container .productions-header .display3_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .display3_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .display3_size.security-group-label { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .productions-container .productions-header .headline1_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .headline1_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .headline1_size.security-group-label { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .productions-container .productions-header .headline2_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .headline2_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .headline2_size.security-group-label { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .productions-container .productions-content .tabs-section .tabs-content .headline3_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .headline3_size.security-group-label, .productions-container .productions-header .title-text, .productions-container .productions-content .tabs-section .tabs-content .productions-header .tab-content.title-text, .productions-container .productions-header .productions-content .tabs-section .tabs-content .tab-content.title-text, .productions-container .productions-content .tabs-section .security-group-container .productions-header .security-group-label.title-text, .productions-container .productions-header .productions-content .tabs-section .security-group-container .security-group-label.title-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .productions-container .productions-header .subhead1_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .subhead1_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .subhead1_size.security-group-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .productions-container .productions-header .subhead2_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .subhead2_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .subhead2_size.security-group-label { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .productions-container .productions-header .subhead3_size.title-text, .productions-container .productions-content .tabs-section .security-group-container .subhead3_size.security-group-label, .productions-container .productions-content .tabs-section .tabs-content .tab-content { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .productions-container .productions-header .subhead4_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .subhead4_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .subhead4_size.security-group-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .productions-container .productions-header .subhead5_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .subhead5_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .subhead5_size.security-group-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .productions-container .productions-header .body1_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .body1_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .body1_size.security-group-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .productions-container .productions-header .body2_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .body2_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .body2_size.security-group-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .productions-container .productions-header .body3_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .body3_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .body3_size.security-group-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .productions-container .productions-header .body4_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .body4_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .body4_size.security-group-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .productions-container .productions-header .body5_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .body5_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .body5_size.security-group-label { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .productions-container .productions-header .label1_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .label1_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .label1_size.security-group-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .productions-container .productions-header .label2_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .label2_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .security-group-label { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .productions-container .productions-header .label3_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .label3_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .label3_size.security-group-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .productions-container .productions-header .label4_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .label4_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .label4_size.security-group-label { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .productions-container .productions-header .buttonLarge_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .buttonLarge_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .buttonLarge_size.security-group-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .productions-container .productions-header .buttonMedium_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .buttonMedium_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .buttonMedium_size.security-group-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .productions-container .productions-header .buttonSmall_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .buttonSmall_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .buttonSmall_size.security-group-label { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .productions-container .productions-header .buttonXS_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .buttonXS_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .buttonXS_size.security-group-label { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .productions-container .productions-header .profilePictureTextClientMedium_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .profilePictureTextClientMedium_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .profilePictureTextClientMedium_size.security-group-label { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .productions-container .productions-header .profilePictureTextSmall_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .profilePictureTextSmall_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .profilePictureTextSmall_size.security-group-label { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .productions-container .productions-header .toastMessageText_size.title-text, .productions-container .productions-content .tabs-section .tabs-content .toastMessageText_size.tab-content, .productions-container .productions-content .tabs-section .security-group-container .toastMessageText_size.security-group-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .productions-container { display: flex; flex-direction: column; height: 100%; background-color: #1f2b3d; } .productions-container .productions-header { display: flex; align-items: center; padding: 1rem 2rem; gap: 0.5rem; } .productions-container .productions-header .title-text { color: #fcfcfd; } .productions-container .productions-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .productions-container .productions-content { flex: 1; display: flex; flex-direction: column; } .productions-container .productions-content .tabs-section { background-color: #0c1119; padding: 0.5rem 0 0 1rem; display: flex; align-items: center; justify-content: space-between; } .productions-container .productions-content .tabs-section .tabs-content { flex: 1; } .productions-container .productions-content .tabs-section .tabs-content .tab-content { color: #ccd5e3; text-transform: none; } .productions-container .productions-content .tabs-section .tabs-content .tab-content.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .productions-container .productions-content .tabs-section .security-group-container { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; margin-right: 1rem; padding-bottom: 0.5rem; } .productions-container .productions-content .tabs-section .security-group-container .security-group-label { color: #fcfcfd; white-space: nowrap; font-weight: 400; line-height: 1.25rem; } .productions-container .productions-content .tabs-child { border-top: 0.062rem solid #263449; flex: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .view-template-container .view-template-header .view-template-title .display1_size.view-template-title-text { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .view-template-container .view-template-header .view-template-title .display2_size.view-template-title-text { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .view-template-container .view-template-header .view-template-title .display3_size.view-template-title-text { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .view-template-container .view-template-header .view-template-title .headline1_size.view-template-title-text { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .view-template-container .view-template-header .view-template-title .headline2_size.view-template-title-text { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .view-template-container .view-template-header .view-template-title .headline3_size.view-template-title-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .view-template-container .view-template-header .view-template-title .subhead1_size.view-template-title-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .view-template-container .view-template-header .view-template-title .subhead2_size.view-template-title-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .view-template-container .view-template-header .view-template-title .view-template-title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .view-template-container .view-template-header .view-template-title .subhead4_size.view-template-title-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .view-template-container .view-template-header .view-template-title .subhead5_size.view-template-title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .view-template-container .view-template-header .view-template-title .body1_size.view-template-title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .view-template-container .view-template-header .view-template-title .body2_size.view-template-title-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .view-template-container .view-template-header .view-template-title .body3_size.view-template-title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .view-template-container .view-template-header .view-template-title .body4_size.view-template-title-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .view-template-container .view-template-header .view-template-title .body5_size.view-template-title-text { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .view-template-container .view-template-header .view-template-title .label1_size.view-template-title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .view-template-container .view-template-header .view-template-title .label2_size.view-template-title-text { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .view-template-container .view-template-header .view-template-title .label3_size.view-template-title-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .view-template-container .view-template-header .view-template-title .label4_size.view-template-title-text { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .view-template-container .view-template-header .view-template-title .buttonLarge_size.view-template-title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .view-template-container .view-template-header .view-template-title .buttonMedium_size.view-template-title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .view-template-container .view-template-header .view-template-title .buttonSmall_size.view-template-title-text { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .view-template-container .view-template-header .view-template-title .buttonXS_size.view-template-title-text { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .view-template-container .view-template-header .view-template-title .profilePictureTextClientMedium_size.view-template-title-text { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .view-template-container .view-template-header .view-template-title .profilePictureTextSmall_size.view-template-title-text { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .view-template-container .view-template-header .view-template-title .toastMessageText_size.view-template-title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-template-container { background-color: #1f2b3d; } .view-template-container .view-template-header { background-color: #121a25; padding: 1.125rem 2rem; } .view-template-container .view-template-header .view-template-title { display: flex; align-items: center; gap: 0.5rem; } .view-template-container .view-template-header .view-template-title .view-template-title-text { color: #ccd5e3; text-transform: none; } .view-template-container .view-template-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-template-container .view-templates-grid { height: 100%; } .view-template-container .view-templates-grid .MuiDataGrid-root { height: 30rem; } .view-template-container .view-templates-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .view-template-container .view-templates-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .view-template-container .view-templates-grid .MuiDataGrid-root .no-grid-overlay { background-color: #182231; color: #a5b4cb; } .view-template-container .view-templates-grid .templates-grid-edit-icon { padding: 0rem 1.125rem; } .view-template-container .view-templates-grid .more-option-header .MuiDataGrid-columnSeparator { display: none; } .view-template-container .view-templates-grid .MuiDataGrid-filler { background-color: #121a25 !important; border: none !important; } .view-template-container .radio-group { padding: 0rem !important; margin-bottom: 0.25rem !important; } .arr-panel .view-template.arr-drawer__panel { background-color: #121a25; border-left: 0.062rem solid #5265ff; transition: transform 0.3s ease-in-out; } .arr-panel .view-template.arr-drawer__panel .arr-drawer__header { padding: 1.5rem 3rem; } .arr-panel .view-template.arr-drawer__panel .arr-drawer__content { background-color: #0c1119; overflow-y: hidden; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container { display: flex; flex-direction: column; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-header { display: flex; gap: 1rem; padding: 1.5rem 3rem; justify-content: space-between; background: #0c1119; align-items: center; flex-shrink: 0; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-header .view-template-panel-title { display: flex; align-items: center; justify-content: flex-start; align-items: end; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-header .view-template-panel-title .title { color: #fcfcfd; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-header .view-template-action-buttons { display: flex; gap: 1rem; align-items: end; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-header .view-template-action-buttons .MuiButton-icon .MuiSvgIcon-root { height: 1.5rem; width: 1.5rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tabs { background: #0c1119; padding: 0rem 3rem; border-bottom: 0.0625rem solid #182231; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tabs .MuiTab-root { min-height: auto; padding: 0.75rem 1rem; text-transform: none; color: #ccd5e3; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tabs .MuiTab-root.Mui-selected { color: #fcfcfd; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tabs .MuiTabs-indicator { background-color: #5265ff; height: 0.25rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content { height: calc(100vh - 225.6px); overflow-y: auto; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content::-webkit-scrollbar { width: 0.25rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content::-webkit-scrollbar-thumb:active { background: #546a8c; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .view-template-panel-tab-content { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components { padding: 0rem 0rem 1.5rem 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .custom-accordion-with-checkbox .accordion-section { border: none; border-radius: 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .custom-accordion-with-checkbox .accordion-section.Mui-expanded { border-top: 0.0625rem solid #3c4f6b; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root.Mui-disabled { background: #121a25; opacity: 1; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .custom-accordion-with-checkbox .accordion-section .accordion-header-content .MuiCheckbox-root.Mui-disabled .MuiSvgIcon-root rect { color: #424750; opacity: 0.2; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .dat-component { padding: 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .dat-component .dat-grid-dateformat { grid-column: 1; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .dat-component .dat-grid-field-delimiters { width: 94%; justify-items: normal; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .native-component .native-filetag-container { width: 94%; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .top-row-sections .first-half { flex: 1.4; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .top-row-sections .second-half { flex: 1; align-items: flex-end; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .branding-section .branding-content { flex-direction: column; gap: 2rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-tags-section { grid-template-columns: 1fr 1fr; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection { gap: 1rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group { flex: 1.5; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config { grid-template-columns: 1fr; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .placeholders-section .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-details .custom-native-docs-content { grid-template-columns: 1.4fr 1fr 1fr; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .placeholders-section .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-details .custom-native-docs-content .text-property-toolbar .text-property-toolbar-header .header-title { flex: 0.9; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .tiff-pdf-component .redactions-section .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-details .custom-redaction-text-content { grid-template-columns: 1.6fr 1.3fr 1fr; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .mp3-container .mp3-section .title-section { display: flex; gap: 0.25rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .production-components .mp3-container .mp3-redactions-row { flex: 1.5; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .numbering-sorting-form-section { padding: 0rem 0rem 1.5rem 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer { flex-direction: column; gap: 1.5rem; padding: 0rem 0rem 1.5rem 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .privGuardCard { min-height: auto; max-height: unset; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent { padding: 2rem 3rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .section { padding: 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .section:not(:first-child) { margin-top: 2rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .section .sectionHeading { color: #fcfcfd; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container { margin: 1rem 0rem 0rem 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container .rule-card .chipContainer { padding: 1rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container .rule-card .chipContainer .chip { margin: 0rem 0.25rem 0.25rem 0rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container .rule-card .chipContainer .chip.chip-v1 { border: none !important; background-color: rgba(66, 71, 80, 0.4) !important; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container .rule-card .chipContainer .chip.chip-v1.disabled .MuiChip-label { color: #727882; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .rules-container .rule-card .chipContainer .chip.chip-v1.disabled .MuiChip-label .MuiTypography-root { font-weight: 600; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .cardContent .arr-filter-chip-v1-v2-responsive .MuiChip-root { height: 2rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .rightPanel { padding: 0rem 3rem; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .rightPanel .matchedDocs .matchedDesc, .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .rightPanel .matchedDocs .placeholderText { max-width: max-content; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .rightPanel .matchedDocs .viewDocsLabel { color: #fcfcfd; } .arr-panel .view-template.arr-drawer__panel .view-template-panel-container .view-template-panel-content .privGuardContainer .rightPanel .optionalSection .sectionHeading { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .privGuardContainer { display: flex; gap: 1.25rem; } .privGuardCard { background-color: #182231; border-radius: 0.5rem; display: flex; flex: 2; flex-direction: column; min-height: 38.5rem; max-height: 73.25rem; /* remove rigid min-width so the card can shrink */ /* cap the width so adding rules doesn't expand the card beyond 798px */ box-sizing: border-box; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; } .privGuardCard::-webkit-scrollbar { width: 0.25rem; } .privGuardCard::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .privGuardCard::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.4); } .or-content { background-color: rgba(84, 106, 140, 0.0625); width: 1.125rem; } /* Top Header */ .cardHeader { position: sticky; top: 0rem; background-color: #1f2b3d; padding: 0.75rem 1rem; display: flex; justify-content: flex-start; align-items: center; text-align: left; z-index: 0.125rem; } .infoIcon { color: #89a6ff !important; padding-left: 0.03125rem !important; } /* Content Section */ .cardContent { background-color: #121a25; padding-left: 2.5rem !important; flex-grow: 0.0625rem; flex: 0.0625rem; overflow-y: auto; display: flex; flex-direction: column; gap: 1rem; text-align: left; scroll-behavior: smooth; } .cardContent::-webkit-scrollbar { width: 0.25rem; } .cardContent::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .cardContent::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.4); } .cardContent .section { border-radius: 0.5rem; padding: 0.75rem 1rem; background-color: transparent; text-align: left; } .cardContent .section .sectionHeading { margin-bottom: 0.75rem; } .cardContent .section .sectionText { color: #a5b4cb; max-width: 35.625rem; } .cardFooter { position: sticky; bottom: 0rem; background-color: #1f2b3d; padding: 0.75rem 1rem; display: flex; justify-content: flex-end; gap: 1rem; align-items: center; height: 4rem; z-index: 0.125rem; } .cardFooter .checkButton { background-color: #546a8c !important; text-transform: none !important; color: #89a6ff !important; } .cardFooter .addRuleButton { text-transform: none !important; background: #5265ff !important; } .rightPanel { flex: 0.0625rem; display: flex; flex-direction: column; gap: 1rem; } .rightPanel .matchedDocs, .rightPanel .optionalSection { background-color: #182231; padding: 1.25rem 3rem; border-radius: 0.5rem; text-align: left; } .rightPanel .matchedDocs { background-color: #182231; padding: 1.5rem 3rem; border-radius: 0.5rem; text-align: left; } .rightPanel .matchedDocs .matchedCount { color: #a5b4cb; margin-bottom: 0.5rem; text-align: left; } .rightPanel .matchedDocs .matchedText, .rightPanel .matchedDocs .matchedDesc, .rightPanel .matchedDocs .viewDocsLabel, .rightPanel .matchedDocs .viewDocsOption, .rightPanel .matchedDocs .placeholderText { display: block !important; text-align: left; } .rightPanel .matchedDocs .matchedText { color: #fcfcfd; margin-bottom: 0.5rem; } .rightPanel .matchedDocs .matchedDesc { color: #a5b4cb; max-width: 24rem; padding-bottom: 1rem; } .rightPanel .matchedDocs .placeholderText { color: #ccd5e3; max-width: 24rem; padding-top: 0.5rem; } .rightPanel .matchedDocs .viewDocsLabel { margin: 0.5rem 0rem 0.5rem 0rem; padding-bottom: 0.5rem; } .rightPanel .matchedDocs { /* Stack the view buttons vertically and keep alignment to the left */ } .rightPanel .matchedDocs .viewDocsOptionsContainer { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; margin-top: 0.25rem; } .rightPanel .matchedDocs .viewDocsOption { display: flex; margin: 0rem; color: #727882; cursor: pointer; text-transform: none; padding: 0rem; margin: 0.5rem 0 0.5rem 0; } .rightPanel .matchedDocs .viewDocsOption:hover { text-decoration: underline; } .rightPanel .dividerWithText { position: relative; text-align: center; display: flex; align-items: center; gap: 1rem; padding: 0rem 1rem; } .rightPanel .dividerWithText .divider { height: 0.0625rem; background: #3c4f6b; flex: 1; } .rightPanel .dividerWithText .dividerText { color: #a5b4cb; } .rightPanel .optionalSection .sectionHeading { margin-bottom: 0.5rem; text-align: left; } .rightPanel .optionalSection .sectionText { color: #a5b4cb; margin-bottom: 1rem; } .rightPanel .optionalSection .runCategorization { color: #89a6ff; text-transform: none; padding: 0rem 0rem 0rem; margin: 0.5rem 0rem 0rem; } .rightPanel .optionalSection .runCategorization.Mui-disabled { color: #727882; } .rules-container { display: flex; flex-direction: column; gap: 1rem; margin: 0.5rem; } .privileged-rule { display: flex; flex-direction: column; gap: 1rem; background-color: #0c1119; padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .title-section { display: flex; align-items: center; gap: 0.25rem; } .title-section .info-icon-button { color: #89a6ff; padding: 0rem; } .title-section .info-icon-button svg.filter-panel-info-icon { height: 1.25rem; width: 1.25rem; } .delete-btn { min-width: 2rem !important; height: 2rem !important; padding: 0rem !important; z-index: 1; } .accordion-toggle { background-color: rgba(84, 106, 140, 0.2) !important; padding: 0rem !important; margin-left: 0.5rem !important; border-radius: 0.25rem !important; } .rule-card { background-color: #182231; border-radius: 0.5rem; overflow: hidden; } .rule-card .accordheader { display: flex; justify-content: space-between; align-items: center; background-color: #1f2b3d; color: #fcfcfd; padding: 0.5rem 1rem; } .rule-card .insetButton { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; } .rule-card .insetButton .insertText { color: #fcfcfd; } .rule-card .chipContainer { border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; padding: 0.5rem 1rem; gap: 0.5rem; /* make chip container fluid so it doesn't force the parent wider */ box-sizing: border-box; width: 100%; max-width: 100%; min-height: 4rem; /* ensure border renders inside the accordion and content wraps */ overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; } .rule-card .chipContainer .chip { border-radius: 0.5rem; border: 0.0625rem solid #603e94; display: inline-flex; margin: 0rem 0.5rem 0.5rem; /* allow chip text to wrap instead of expanding the container */ white-space: normal; word-break: break-word; cursor: pointer; transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease; } .rule-card .chipContainer .chip:hover { /* subtle hover background and stronger border to indicate focus */ background-color: #603e94; border-color: #546a8c; color: #fcfcfd; } .rule-card .chipContainer { /* Operator variant (chip-v1) - slightly different hover styling */ } .rule-card .chipContainer .chip-v1 { cursor: pointer; transition: background-color 0.12s ease, color 0.12s ease; background-color: transparent; } .rule-card .chipContainer .chip-v1:hover { background-color: #603e94; color: #fcfcfd; } .rule-card { /* Prevent AccordionDetails from clipping child borders and allow visible overflow */ } .rule-card .MuiAccordionDetails-root { overflow: visible; padding: 0.5rem 1rem !important; } .rule-card .checkButton { background-color: #546a8c; border-radius: 0.5rem; text-transform: none !important; color: #89a6ff !important; margin-left: 0.5rem; } .rule-card .accordion { background-color: #182231; margin: 0rem !important; } .rule-card .accordion-arrow { color: #89a6ff; background-color: rgba(84, 106, 140, 0.0625); height: 2rem; width: 2rem; } .chipPopover { /* Fixed size as requested */ padding: 1rem; border: #3c4f6b; background-color: #121a25 !important; color: #fcfcfd !important; width: 20rem !important; height: 11.5rem !important; border-radius: 0.5rem !important; display: flex; flex-direction: column; /* Let inner textarea scroll while keeping buttons visible */ overflow: hidden; box-sizing: border-box; z-index: 20rem; margin: 0.625rem calc(0rem - 0.9375rem) !important; } .chipPopover::-webkit-scrollbar { width: 0.25rem; } .chipPopover::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .chipPopover::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.4); } .operatorPopover { padding: 1rem; border: #3c4f6b; background-color: #121a25 !important; color: #fcfcfd !important; width: 20rem !important; height: 11.5rem !important; border-radius: 0.5rem !important; display: flex; flex-direction: column; /* Let inner textarea scroll while keeping buttons visible */ overflow: hidden; box-sizing: border-box; z-index: 20rem; margin: 0.625rem calc(0rem - 0.1875rem) !important; } .operatorPopover::-webkit-scrollbar { width: 0.25rem; } .operatorPopover::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .operatorPopover::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.4); } .chipPopoverTop { margin: calc(0rem - 0.5rem) calc(0rem - 0.9375rem) !important; } .operatorPopoverTop { margin: calc(0rem - 0.5rem) calc(0rem - 0.1875rem) !important; } .popoverInputText { /* Make textarea fill available width */ width: 100%; height: 11.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: #fcfcfd !important; background-color: #121a25; border: 0.0625rem solid #3c4f6b; border-radius: 0.25rem; box-sizing: border-box; overflow-y: auto; resize: none; /* Scrollbar style */ } .popoverInputText::-webkit-scrollbar { width: 0.25rem; } .popoverInputText::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .popoverInputText::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.4); } .popoverInputText:focus { outline: none; border-color: #3c4f6b; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); } .popoverInputText::placeholder { color: rgba(0, 0, 0, 0.4); } .btnCancel { color: #89a6ff !important; text-transform: none !important; } .btnSave { background-color: #5265ff !important; text-transform: none !important; } /* Ensure popover actions sit at the bottom when chipPopover is fixed height */ .popoverActions { flex: 0rem 0rem auto; margin-top: 0.5rem; } .btn-content { display: flex; align-items: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-panel .arr-drawer__panel { background-color: #121a25; border-left: 0.062rem solid #5265ff; transition: transform 0.3s ease-in-out; } .arr-panel .arr-drawer__panel .add-tags-container { display: flex; flex-direction: column; height: 100vh; } .arr-panel .arr-drawer__panel .add-tags-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .arr-panel .arr-drawer__panel .add-tags-container .add-tags-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem; justify-content: space-between; background-color: #0c1119; align-items: center; flex-shrink: 0; } .arr-panel .arr-drawer__panel .add-tags-container .add-tags-header-box .title-box { display: flex; align-items: center; justify-content: flex-start; align-items: end; } .arr-panel .arr-drawer__panel .add-tags-container .add-tags-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .arr-panel .arr-drawer__panel .add-tags-container .add-tags-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section { flex: 0 1 auto; overflow-y: auto; overflow-x: hidden; min-height: 0; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section::-webkit-scrollbar { width: 0.25rem; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section::-webkit-scrollbar-thumb:active { background: #546a8c; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .tree-item-section { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .more-item-section { flex: 1; background-color: #0c1119; padding: 1.5rem 3rem; color: #fcfcfd; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .MuiTreeItem-content .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { border-radius: 0.25rem; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .MuiTreeItem-content .location-treeitem-label .location-treeitem .tree-checkbox .custom-text-style { color: #fcfcfd; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .MuiTreeItem-content .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { background: #182231; border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .arr-panel .arr-drawer__panel .add-tags-container .tags-tree-container .MuiTreeItem-content .location-treeitem-label .location-treeitem .MuiTypography-root { white-space: nowrap; } .arr-panel .arr-drawer__header { padding: 1rem 2rem 1rem 2rem; border-bottom: 0.062rem solid #263449; background-color: #0c1119; flex-shrink: 0; } .arr-panel .arr-drawer__close-button { width: 4.8125rem !important; } .arr-panel .arr-drawer__backdrop { background-color: rgba(12, 17, 25, 0.12); backdrop-filter: blur(0.25rem); } .tags-tree-container { overflow-y: auto; overflow-x: hidden; max-height: 100%; } .tags-tree-container .location-treeitem-label .location-treeitem .custom-text-style { color: #fcfcfd; } .tags-tree-container .location-treeitem-label .location-treeitem .MuiTypography-root { white-space: nowrap; } .tags-tree-container::-webkit-scrollbar { width: 0.25rem; } .tags-tree-container::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .tags-tree-container::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .tags-tree-container::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .tags-tree-container::-webkit-scrollbar-thumb:active { background: #546a8c; } .tags-tree-container { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .text-property-toolbar { display: flex; flex-direction: column; border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; } .text-property-toolbar .text-property-toolbar-header { min-height: 2rem; display: flex; justify-content: space-between; align-items: center; background-color: #263449; border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.5rem 0.75rem; } .text-property-toolbar .text-property-toolbar-header .header-title { color: #fcfcfd; } .text-property-toolbar .text-property-toolbar-header .text-styling { display: flex; gap: 0.25rem; } .text-property-toolbar .text-property-toolbar-header .text-styling .MuiFilledInput-root { background-color: #182231; } .text-property-toolbar .text-property-toolbar-header .text-styling .MuiSelect-select { padding-left: 0.5rem !important; padding-right: 0rem !important; border-radius: 0.25rem; } .text-property-toolbar .text-property-toolbar-header .insert-field-btn { padding: 0.5rem 1rem; } .text-property-toolbar .branding-text-input .branding-text-field { width: 100%; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root { padding: 0rem; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root .MuiOutlinedInput-notchedOutline { border-color: transparent; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline { border-color: transparent; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: transparent; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root input::placeholder, .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root textarea::placeholder { color: #ccd5e3; opacity: 1; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root.Mui-disabled input::placeholder, .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-root.Mui-disabled textarea::placeholder { color: #727882; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline { color: #ccd5e3; padding: 0.25rem 0.75rem; margin: 0.25rem; max-height: 15rem !important; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0rem; font-weight: 400; font-family: "Inter"; overflow-y: auto !important; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline.Mui-disabled { color: #727882; -webkit-text-fill-color: #727882; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline::-webkit-scrollbar { width: 0.3125rem; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline::-webkit-scrollbar-track { background: transparent; } .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-panel .arr-drawer__panel { border-left: none; } .arr-panel .arr-drawer__panel .insert-field-container { display: flex; flex-direction: column; height: 100vh; } .arr-panel .arr-drawer__panel .insert-field-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem; justify-content: space-between; background-color: #0c1119; align-items: center; flex-shrink: 0; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-header-box .title-box { display: flex; justify-content: flex-start; align-items: end; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-panel { padding: 1.5rem 3rem; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-panel .insert-field-content { display: flex; flex-direction: column; gap: 0.5rem; min-width: 25rem; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-panel .insert-field-content .select-option-text { color: #fcfcfd; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-panel .insert-field-content .insert-field-type-section .custom-radio-group { display: flex; gap: 0.75rem; color: #fcfcfd; } .arr-panel .arr-drawer__panel .insert-field-container .insert-field-panel .insert-field-content .insert-field-section { width: 56%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tags-section { display: flex; flex-direction: column; border-radius: 0.5rem; border: 0.0625rem solid #3c4f6b; } .tags-section .tags-header { display: flex; justify-content: space-between; align-items: center; background-color: #263449; border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.5rem 0.75rem; } .tags-section .tags-header .tags-label { color: #fcfcfd; } .tags-section .tags-header .add-tags-btn { padding: 0.5rem 1rem; } .tags-section .selected-tags-display { display: flex; flex-wrap: wrap; gap: 0.5rem; min-height: 3rem; padding: 0.5rem; margin: 0.25rem; max-height: 15rem; overflow-y: auto; } .tags-section .selected-tags-display::-webkit-scrollbar { width: 0.3125rem; } .tags-section .selected-tags-display::-webkit-scrollbar-track { background: transparent; } .tags-section .selected-tags-display::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .arr-filter-chip-v2-radius { border-radius: 0.5rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-placeholder-for-priv-docs-modal .toggle-option { margin-top: 0.5rem; } .arr-placeholder-for-priv-docs-modal .placeholder-config { padding: 0.75rem; background-color: #182231; border-radius: 0.5rem; margin-top: 1.5rem; } .arr-placeholder-for-priv-docs-modal .placeholder-config .text-property-toolbar { margin-top: 0.75rem; } .arr-placeholder-for-priv-docs-modal-footer { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.75rem; } .arr-placeholder-for-priv-docs-modal-footer button { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-production-form-section .new-production-form.production-components { background-color: #0c1119; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .expandable-container { width: 100%; } .expandable-header { display: flex; justify-content: flex-start; gap: 0.5rem; align-items: center; padding: 2rem 1rem; background: transparent; cursor: pointer; transition: color 0.2s, border-color 0.2s; font-family: Inter; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; text-align: center; vertical-align: middle; color: #89a6ff; width: 100%; border: none; } .expandable-header .expandable-title { font-size: 1rem; } .expandable-header .expandable-icon { display: flex; align-items: center; } .expandable-content { transition: max-height 0.3s ease; } .expandable-icon { display: flex; align-items: center; transition: transform 0.3s ease; } .expandable-icon.open { transform: rotate(180deg); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .filetype-selector { border-radius: 0.5rem; } .filetype-header { background-color: #3c4f6b; display: flex; justify-content: space-between; align-items: center; line-height: 2.25rem; padding: 0.5rem; } .filetype-header .filetype-title { color: #fcfcfd; } .selected-types { display: flex; flex-wrap: wrap; min-height: 5rem; margin: 0.25rem; max-height: 15rem; overflow-y: auto; } .selected-types .chip { border-radius: 0.5rem; margin: 0.75rem 0 0 0.75rem; border: 0.0625rem solid #603e94; } .selected-types::-webkit-scrollbar { width: 0.3125rem; } .selected-types::-webkit-scrollbar-track { background: transparent; } .selected-types::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .filetype-menu { background-color: #182231 !important; color: #fcfcfd !important; border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; padding: 0.75rem; width: 20rem; } .filetype-menu .MuiCheckbox-root { color: #89a6ff !important; } .filetype-menu .menu-content { display: flex; flex-direction: column; } .filetype-menu .filetype-list { max-height: 15rem; overflow-y: auto; margin-top: 0.25rem; } .filetype-menu .filetype-list::-webkit-scrollbar { width: 0.3125rem; } .filetype-menu .filetype-list::-webkit-scrollbar-track { background: transparent; } .filetype-menu .filetype-list::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .filetype-menu .filetype-list label { display: flex; align-items: center; font-size: 1rem; } .filetype-menu .menu-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 0.75rem; border-top: 0.0625rem solid #3c4f6b; margin-top: 0.5rem; } .capitalize-first { text-transform: none !important; /* make all lowercase first */ } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-translations-info-icon { color: #ffc37d; } .arr-translations-label { margin-bottom: 0.75rem; } .arr-translations-margin-left { margin-left: 1.5rem; } .arr-translations-note { width: 100%; margin-bottom: 2rem; } @media (min-width: 67.5rem) { .arr-translations-note { width: 36.25rem; } } .arr-translations-info-box { display: flex; gap: 0.5rem; margin-bottom: 2rem; width: 100%; } @media (min-width: 67.5rem) { .arr-translations-info-box { width: 36.25rem; } } .arr-translations-file-selector { width: 25.5rem; min-width: 25.5rem; height: 11.25rem; background-color: #182231; border-radius: 0.5rem; padding: 0.75rem; display: flex; flex-direction: column; box-sizing: border-box; flex: 0 0 auto; } .arr-translations-file-selector.native-fileType { border: 0rem; flex: 0 0 auto; } .arr-translations-file-selector .filetype-selector { width: 100%; height: 100%; background-color: transparent; display: flex; flex-direction: column; border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; overflow: hidden; } .arr-translations-file-selector .filetype-selector .filetype-header { padding: 0.5rem 0.75rem; } .arr-translations-file-selector .filetype-selector .filetype-header .arr-action-btn { background-color: #5265ff; } .arr-translations-file-selector .filetype-selector .selected-types { flex: 1; min-height: 0rem; max-height: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .mp3-container { padding-left: 1.5rem; border-radius: 0.75rem; display: flex; flex-direction: column; gap: 1.5rem; color: #ffffff; } .mp3-container .info-icon { font-size: 1.2rem; color: #ffc37d !important; font-family: 600 !important; margin-top: 14px; } .info-container { display: flex; align-items: top; gap: 0.5rem; } .info-icon { font-size: 1.2rem; color: #ffc37d; font-family: 600 !important; } .info-text { color: #ffc37d; font-size: 0.875rem !important; line-height: 1.4; width: 45%; font-family: Inter; font-style: normal; text-align: left; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.016rem; } .burn-redaction-container { display: flex; align-items: center; gap: 0.5rem; } .burn-redaction-toggle { display: flex; align-items: center; } .burn-redaction-label { font-size: 0.875rem; line-height: 1.4; font-weight: 600 !important; } .mp3-section { display: flex; flex-direction: column; gap: 0.75rem; } .mp3-section .tooltip-info-icon { color: #89a6ff; margin-top: 3px; width: 70%; } .mp3-section-title { font-family: Inter; font-weight: 600; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0rem; vertical-align: middle; font-weight: 600 !important; } .mp3-redactions-row { display: flex; flex: 1; } .radio .MuiFormControlLabel-root { margin-bottom: 0.75rem; } .mp3-redactions-container { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .mp3-redaction-style-row { flex: 1; align-items: flex-start; } .mp3-redaction-style-row { display: flex; gap: 1.5rem; font-size: 1rem; line-height: 1.4; justify-content: center; align-items: center; } .mp3-redaction-style-label { font-family: Inter; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0rem; vertical-align: middle; width: 7.75rem; } .load-file { display: flex; align-items: center; gap: 0.75rem; justify-content: flex-start; } .mp3-divider.MuiDivider-root { border-color: #3c4f6b !important; margin: 0 !important; padding: 0 !important; } .mp3-tags-box { width: 25rem; height: 10rem; margin-top: 0.5rem; opacity: 1; display: flex; flex-direction: column; gap: 0.75rem; border: 0.5rem; padding: 0.75rem; background-color: #182231; border-radius: 0.5rem; display: grid; transform: translateY(-1.25rem); animation: dropDown 0.3s ease forwards; } @keyframes dropDown { 0% { transform: translateY(-1.25rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .mp3-dropdown { min-width: 12rem; max-width: 16rem; margin: -0.625rem; } .tootip-wrapper { padding: 0.1875rem; } .mp3-section-label { font-weight: 600 !important; font-size: 0.875rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .display1_size.MuiTypography-root { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .display2_size.MuiTypography-root { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .display3_size.MuiTypography-root { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .headline1_size.MuiTypography-root { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .headline2_size.MuiTypography-root { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .headline3_size.MuiTypography-root { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .subhead1_size.MuiTypography-root { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .subhead2_size.MuiTypography-root { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .subhead3_size.MuiTypography-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .subhead4_size.MuiTypography-root { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .MuiTypography-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .body1_size.MuiTypography-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .body2_size.MuiTypography-root { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .body3_size.MuiTypography-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .body4_size.MuiTypography-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .body5_size.MuiTypography-root { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .label1_size.MuiTypography-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .label2_size.MuiTypography-root { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .label3_size.MuiTypography-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .label4_size.MuiTypography-root { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .buttonLarge_size.MuiTypography-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .buttonMedium_size.MuiTypography-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .buttonSmall_size.MuiTypography-root { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .buttonXS_size.MuiTypography-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .profilePictureTextClientMedium_size.MuiTypography-root { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .profilePictureTextSmall_size.MuiTypography-root { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .toastMessageText_size.MuiTypography-root { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tiff-pdf-component { color: #fcfcfd; max-width: 100%; overflow-x: hidden; } .tiff-pdf-component .MuiButton-root { padding: 0.5rem 1rem; } .tiff-pdf-component .MuiButton-root:focus, .tiff-pdf-component .MuiButton-root:focus-visible { outline: none; box-shadow: none; } .tiff-pdf-component .section-title { color: #fcfcfd; font-weight: 600; text-align: left; } .tiff-pdf-component .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.25rem; width: 1.25rem; } .tiff-pdf-component .info-icon-sm { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1rem; width: 1rem; } .tiff-pdf-component .section-header { display: flex; align-items: center; gap: 0.25rem; } .tiff-pdf-component .top-row-sections { display: flex; gap: 2rem; margin-bottom: 2rem; padding: 0rem 1.5rem; align-items: flex-start; } .tiff-pdf-component .top-row-sections .first-half { flex: 1; display: flex; flex-direction: column; gap: 1.5rem; justify-content: flex-start; } .tiff-pdf-component .top-row-sections .second-half { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; } .tiff-pdf-component .top-row-sections .second-half .second-first-half { display: flex; } .tiff-pdf-component .radio-disabled .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .arr-modal.select-document-modal .select-documents-content .selection-method-section .tiff-pdf-component .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .color-jpg-options .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .page-size-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .page-type-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .tiff-pdf-component .page-options-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1) { stroke: #424750; } .tiff-pdf-component .radio-disabled .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .arr-modal.select-document-modal .select-documents-content .selection-method-section .tiff-pdf-component .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .color-jpg-options .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .page-size-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .page-type-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .tiff-pdf-component .page-options-section .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2) { fill: rgba(66, 71, 80, 0.6); } .tiff-pdf-component .radio-disabled .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .arr-modal.select-document-modal .select-documents-content .selection-method-section .tiff-pdf-component .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .color-jpg-options .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .page-size-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .page-type-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .tiff-pdf-component .page-options-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1) { stroke: currentColor; fill: rgba(66, 71, 80, 0.6); } .tiff-pdf-component .radio-disabled .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .arr-modal.select-document-modal .select-documents-content .selection-method-section .tiff-pdf-component .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .color-jpg-options .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .page-size-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .page-type-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .tiff-pdf-component .page-options-section .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2) { fill: #898e97; } .tiff-pdf-component .page-options-section { margin-bottom: 0rem; } .tiff-pdf-component .page-options-section .section-header { margin-bottom: 0.5rem; } .tiff-pdf-component .page-options-section .custom-radio-group { display: grid; grid-template-columns: 1fr 2fr; } .tiff-pdf-component .page-options-section .custom-radio-group .radio-text { color: #fcfcfd; } .tiff-pdf-component .page-options-section .page-options-radio-group { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 1.5rem; flex-wrap: wrap; max-width: 100%; } .tiff-pdf-component .page-options-section .page-options-radio-group .MuiFormControlLabel-root { margin-bottom: 0rem; margin-left: 0rem; justify-content: flex-start; } .tiff-pdf-component .page-options-section .page-options-radio-group .MuiFormControlLabel-root .MuiFormControlLabel-label { text-align: left; } .tiff-pdf-component .page-options-section .page-options-radio-group .MuiFormControlLabel-root .MuiRadio-root { color: rgba(255, 255, 255, 0.5); } .tiff-pdf-component .page-options-section .page-options-radio-group .MuiFormControlLabel-root .MuiRadio-root.Mui-checked { color: #5265ff; } .tiff-pdf-component .page-type-section { margin-bottom: 0rem; } .tiff-pdf-component .page-type-section .section-title { margin-bottom: 0.5rem; } .tiff-pdf-component .page-type-section .custom-radio-group { display: grid; grid-template-columns: 1fr 2fr; } .tiff-pdf-component .page-type-section .custom-radio-group .radio-text { color: #fcfcfd; } .tiff-pdf-component .page-type-section .page-type-radio-group { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 1.5rem; flex-wrap: wrap; max-width: 100%; } .tiff-pdf-component .page-type-section .page-type-radio-group .MuiFormControlLabel-root { margin-bottom: 0rem; margin-left: 0rem; justify-content: flex-start; } .tiff-pdf-component .page-type-section .page-type-radio-group .MuiFormControlLabel-root .MuiFormControlLabel-label { text-align: left; } .tiff-pdf-component .page-type-section .page-type-radio-group .MuiFormControlLabel-root .MuiRadio-root { color: rgba(255, 255, 255, 0.5); } .tiff-pdf-component .page-type-section .page-type-radio-group .MuiFormControlLabel-root .MuiRadio-root.Mui-checked { color: #5265ff; } .tiff-pdf-component .page-size-section { margin-bottom: 0rem; } .tiff-pdf-component .page-size-section .section-title { margin-bottom: 0.5rem; } .tiff-pdf-component .page-size-section .custom-radio-group { display: grid; grid-template-columns: 1fr 2fr; } .tiff-pdf-component .page-size-section .custom-radio-group .radio-text { color: #fcfcfd; } .tiff-pdf-component .page-size-section .page-size-radio-group { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 1.5rem; flex-wrap: wrap; max-width: 100%; } .tiff-pdf-component .page-size-section .page-size-radio-group .MuiFormControlLabel-root { margin-bottom: 0rem; margin-left: 0rem; justify-content: flex-start; } .tiff-pdf-component .page-size-section .page-size-radio-group .MuiFormControlLabel-root .MuiFormControlLabel-label { text-align: left; } .tiff-pdf-component .page-size-section .page-size-radio-group .MuiFormControlLabel-root .MuiRadio-root { color: rgba(255, 255, 255, 0.5); } .tiff-pdf-component .page-size-section .page-size-radio-group .MuiFormControlLabel-root .MuiRadio-root.Mui-checked { color: #5265ff; } .tiff-pdf-component .rotation-section { margin-bottom: 0rem; display: block; } .tiff-pdf-component .rotation-section .section-title { margin-bottom: 0.5rem; display: block; } .tiff-pdf-component .rotation-section .rotation-dropdown { min-width: 200px; max-width: 300px; display: block; } .tiff-pdf-component .rotation-section .rotation-dropdown .MuiSelect-root { color: #ffffff; background-color: #182231; border: 0.0625rem solid #263449; border-radius: 0.25rem; } .tiff-pdf-component .rotation-section .rotation-dropdown .MuiSelect-root:hover { border-color: rgba(255, 255, 255, 0.6); } .tiff-pdf-component .rotation-section .rotation-dropdown .MuiSelect-root:focus { border-color: #5265ff; } .tiff-pdf-component .rotation-section .rotation-dropdown .MuiSelect-icon { color: #ffffff; } .tiff-pdf-component .toggle-switches-section { padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; } .tiff-pdf-component .toggle-option { display: flex; align-items: center; gap: 0.25rem; } .tiff-pdf-component .toggle-option.flex-end { align-items: flex-end; } .tiff-pdf-component .toggle-option .tooltip-bottom-margin { margin-bottom: 0.25rem; } .tiff-pdf-component .toggle-option .MuiFormControlLabel-root { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0rem; } .tiff-pdf-component .toggle-option .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #fcfcfd; margin-left: 1rem; text-align: left; } .tiff-pdf-component .toggle-option .MuiFormControlLabel-root .MuiFormControlLabel-label .MuiBox-root { display: flex; align-items: center; gap: 0.5rem; } .tiff-pdf-component .toggle-option .MuiFormControlLabel-root .arr-switch-wrapper { margin: 0rem; flex-shrink: 0; } .tiff-pdf-component .toggle-option .MuiFormControlLabel-root .arr-switch-wrapper .MuiSwitch-root { margin: 0rem; } .tiff-pdf-component .color-jpg-options { margin-top: 0.5rem; margin-left: 4.5rem; } .tiff-pdf-component .color-jpg-options .custom-radio-group { gap: 4rem; } .tiff-pdf-component .color-jpg-options .custom-radio-group .radio-text { color: #fcfcfd; } .tiff-pdf-component .color-jpg-options .color-jpg-radio-group { display: flex; flex-direction: row; align-items: flex-start; gap: 1.5rem; } .tiff-pdf-component .color-jpg-options .color-jpg-radio-group .MuiFormControlLabel-root { margin-bottom: 0rem; margin-left: 0rem; justify-content: flex-start; } .tiff-pdf-component .color-jpg-options .color-jpg-radio-group .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #ffffff; text-align: left; } .tiff-pdf-component .color-jpg-options .color-jpg-radio-group .MuiFormControlLabel-root .MuiRadio-root { color: rgba(255, 255, 255, 0.5); } .tiff-pdf-component .color-jpg-options .color-jpg-radio-group .MuiFormControlLabel-root .MuiRadio-root.Mui-checked { color: #5265ff; } .tiff-pdf-component .color-jpg-options .selected-items-chips { margin-top: 1rem; margin-left: 0rem; display: flex; flex-wrap: wrap; gap: 0.5rem; } .tiff-pdf-component .color-jpg-options .selected-items-chips .arr-filter-chip-v1 { margin-right: 0.5rem; } .tiff-pdf-component .color-jpg-options .selected-items-chips .arr-filter-chip-v1 .arr-filter-chip-filter-selection-continer .typo-text, .tiff-pdf-component .color-jpg-options .selected-items-chips .arr-filter-chip-v1 .arr-filter-chip-filter-selection-continer .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .MuiTypography-root, .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .tiff-pdf-component .color-jpg-options .selected-items-chips .arr-filter-chip-v1 .arr-filter-chip-filter-selection-continer .MuiTypography-root { color: #ffffff; } .tiff-pdf-component .section-divider { border: 0.09375rem solid #3c4f6b; } .tiff-pdf-component .main-section-header { display: flex; align-items: center; gap: 0.25rem; background-color: #1f2b3d; padding: 1rem 1.5rem; } .tiff-pdf-component .branding-section .branding-content { display: flex; gap: 3rem; padding: 2rem 1.5rem; } .tiff-pdf-component .branding-section .branding-content .branding-left-column { flex: 1; min-width: 0rem; display: flex; flex-direction: column; gap: 2rem; } .tiff-pdf-component .branding-section .branding-content .branding-right-column { flex: 1; min-width: 0rem; } .tiff-pdf-component .branding-section .custom-branding-section { text-align: left; display: flex; flex-direction: column; gap: 1rem; } .tiff-pdf-component .branding-section .custom-branding-section .custom-section-header { text-align: left; display: flex; gap: 0.25rem; align-items: center; } .tiff-pdf-component .branding-section .custom-branding-section .custom-section-header .branding-section-title { color: #fcfcfd; } .tiff-pdf-component .branding-section .custom-branding-section .custom-section-header .branding-section-position-title { color: #a5b4cb; } .tiff-pdf-component .branding-section .custom-branding-section .add-custom-branding-btn { padding: 0.5rem 1rem; width: max-content; } .tiff-pdf-component .branding-section .default-branding-section .branding-section-title { margin-bottom: 1rem; color: #fcfcfd; text-align: left; } .tiff-pdf-component .branding-section .default-branding-section .branding-section-position-title { color: #a5b4cb; } .tiff-pdf-component .branding-section .default-branding-section .branding-controls .text-property-toolbar { min-height: 11.875rem; } .tiff-pdf-component .branding-section .default-branding-section .branding-controls .text-property-toolbar .branding-text-input .branding-text-field .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline { height: unset !important; min-height: 7.875rem; } .tiff-pdf-component .placeholders-section .placeholders-content { display: flex; flex-direction: column; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem 1.5rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option.last-option { padding: 2rem 1.5rem 0rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholders-description { color: #a5b4cb; text-align: left; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config { display: grid; gap: 0.75rem; grid-template-columns: 2fr 1fr; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config { padding: 0.75rem; background-color: #182231; border-radius: 0.5rem; display: grid; gap: 0.75rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row { display: flex; gap: 0.75rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row .config-field { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row .config-field .tags-section { flex: 1; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row .config-field .tags-section .selected-tags-display { flex: 1; min-height: 3.375rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row .config-field .text-property-toolbar { flex: 1; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .placeholder-config .config .config-row .config-field .field-label { color: #fcfcfd; font-weight: 500; margin-bottom: 0.25rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .natively-produced-description { color: #a5b4cb; text-align: left; margin-left: 4.5rem; } .tiff-pdf-component .placeholders-section .placeholders-content .placeholder-option .native-docs-list { display: flex; flex-direction: column; gap: 1rem; } .tiff-pdf-component .placeholders-section .placeholders-content .add-native-placeholder-btn-section { display: flex; justify-content: flex-start; } .tiff-pdf-component .placeholders-section .placeholders-content .add-native-placeholder-btn-section .add-custom-branding-btn { padding: 0.5rem 1rem; } .tiff-pdf-component .redactions-section .redactions-content { display: flex; flex-direction: column; } .tiff-pdf-component .redactions-section .redactions-content .redaction-option { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem 1.5rem; } .tiff-pdf-component .redactions-section .redactions-content .redaction-option.last-option { padding: 2rem 1.5rem 0rem; } .tiff-pdf-component .redactions-section .redactions-content .redaction-option .redactions-description { color: #a5b4cb; text-align: left; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section { display: flex; flex-direction: column; gap: 1.5rem; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .section-subtitle { text-align: left; color: #fcfcfd; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection { display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group { flex: 1; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group { display: flex; flex-direction: column; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-type-radio-group .custom-radio-group .radio-text { color: #fcfcfd; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-style-dropdown { flex: 1; display: flex; gap: 1.5rem; align-items: center; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-style-dropdown .dropdown-title { color: #ccd5e3; white-space: nowrap; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-type-selection .redaction-style-dropdown .arr-dropdown-container--medium { min-width: 12rem; max-width: 16rem; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-tags-section { display: grid; grid-template-columns: 1fr 1fr 1fr; } .tiff-pdf-component .redactions-section .redactions-content .specify-redactions-section .redaction-tags-section .tags-config { padding: 0.75rem; background-color: #182231; border-radius: 0.5rem; display: grid; gap: 0.75rem; } .tiff-pdf-component .redactions-section .redactions-content .redaction-text-section { text-align: left; display: flex; flex-direction: column; gap: 1rem; } .tiff-pdf-component .redactions-section .redactions-content .redaction-text-section .section-subtitle { color: #fcfcfd; } .tiff-pdf-component .redactions-section .redactions-content .redaction-text-section .default-redaction-text { color: #fcfcfd; } .tiff-pdf-component .redactions-section .redactions-content .redaction-text-section .add-redaction-data .info-icon-sm { margin-left: 0.25rem; } .tiff-pdf-component .redactions-section .redactions-content .load-file-type-section { display: flex; gap: 1.5rem; align-items: center; } .tiff-pdf-component .redactions-section .redactions-content .load-file-type-section .field-label { white-space: nowrap; color: #ccd5e3; } .tiff-pdf-component .redactions-section .redactions-content .load-file-type-section .arr-dropdown-container--medium { max-width: 20rem; } .tiff-pdf-component .redactions-section .redactions-content .slip-sheets-section { padding: 0.75rem; background-color: #182231; border-radius: 0.5rem; } .tiff-pdf-component .select-documents-content { margin-top: 1rem; } .tiff-pdf-component .select-documents-content .MuiFormControlLabel-root { margin-left: 0 !important; margin-right: 0 !important; } .tiff-pdf-component .select-documents-content .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; } .tiff-pdf-component .select-documents-content * .MuiFormControlLabel-label { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; } .tiff-pdf-component .select-documents-content .selection-method-section { margin-top: 10px; margin-bottom: 10px; } .tiff-pdf-component .select-documents-content .selection-method-section .selection-method-radio .arr-radio { margin-top: 10px; margin-bottom: 10px; } .tiff-pdf-component .select-documents-content .selection-method-section .selection-method-radio .arr-radio .MuiFormGroup-root { flex-direction: row; gap: 2rem; } .tiff-pdf-component .select-documents-content .selection-method-section .selection-method-radio .arr-radio .MuiFormControlLabel-root { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .tiff-pdf-component .select-documents-content .selection-method-section .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; } .tiff-pdf-component .select-documents-content .selection-method-section .select-documents-content .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; } .tiff-pdf-component .select-documents-content .document-selection-section { margin-left: 2.5rem; margin-top: 0.75rem; } .tiff-pdf-component .arr-modal .select-documents-content .MuiFormControlLabel-label { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; } .tiff-pdf-component .arr-modal .select-documents-content .selection-method-section { margin-top: 10px; margin-bottom: 10px; } .tiff-pdf-component .arr-modal .select-documents-content .selection-method-section .selection-method-radio .arr-radio { margin-top: 10px; margin-bottom: 10px; } .tiff-pdf-component .arr-modal .select-documents-content .selection-method-section .selection-method-radio .arr-radio .MuiFormGroup-root { flex-direction: row; align-items: center; gap: 1.5rem; } .tiff-pdf-component .arr-modal .select-documents-content .selection-method-section .selection-method-radio .arr-radio .MuiFormControlLabel-root { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .tiff-pdf-component .arr-modal .select-documents-content .document-selection-section { margin-left: 2.5rem; margin-top: 0.75rem; } .tiff-pdf-component .arr-filter-chip-v2-radius { border-radius: 0.5rem !important; } .arr-modal.select-document-modal .document-header-title { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content { display: flex; flex-direction: column; gap: 0.5rem; min-width: 25rem; } .arr-modal.select-document-modal .select-documents-content .select-option-text { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group { gap: 2rem; } .arr-modal.select-document-modal .select-documents-content .selection-method-section .custom-radio-group .radio-text { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags { background-color: #182231; max-height: 18.75rem; overflow-y: auto; border-radius: 0.25rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags * { font-size: 0.875rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiTreeItem-content .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { color: #fcfcfd; border: 0.0625rem solid #0c1119; border-radius: 0.25rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiTreeItem-content .location-treeitem-label .location-treeitem .MuiTypography-root { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiTreeItem-content .location-treeitem-label .location-treeitem .MuiTypography-root.Mui-checked { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiTreeItem-label { font-size: 0.875rem; font-weight: 400; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiCheckbox-root { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags .MuiCheckbox-root.Mui-checked { color: #fcfcfd; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags::-webkit-scrollbar { width: 0.25rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags::-webkit-scrollbar-thumb:active { background: #546a8c; } .arr-modal.select-document-modal .select-documents-content .document-selection-section.tags { scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item { display: flex; gap: 0.25rem; align-items: center; } .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox { display: flex; gap: 1rem; margin-right: 0rem; } .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .MuiCheckbox-root { padding: 0rem; } .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .redaction-flyout-more-item .more-item-checkbox .MuiTypography-root { color: #fcfcfd; } .arr-panel .arr-drawer__panel .add-tags-container .more-item-section .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.2rem; width: 1.2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-branding-accordion-wrapper { color: #ffffff; } .custom-branding-accordion-wrapper .custom-branding-header-wrapper { position: relative; } .custom-branding-accordion-wrapper .delete-btn { position: absolute; top: 0.5rem; right: 3.4rem; min-width: 2rem; height: 2rem; padding: 0rem; z-index: 1; } .custom-branding-accordion-wrapper .custom-branding-accordion { background-color: #182231; border-radius: 0.5rem !important; box-shadow: none; } .custom-branding-accordion-wrapper .custom-branding-accordion:before { display: none; } .custom-branding-accordion-wrapper .custom-branding-accordion.Mui-expanded { margin: 0rem 0rem 1rem 0rem; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary { background-color: #1f2b3d; border-radius: 0.5rem; padding: 0rem 0.75rem; height: 0rem; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary.Mui-expanded { height: 0rem; min-height: 3rem; border-radius: 0.5rem 0.5rem 0rem 0rem; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary .MuiAccordionSummary-content { margin: 1rem 0; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary .MuiAccordionSummary-content.Mui-expanded { margin: 1rem 0; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary .MuiAccordionSummary-expandIconWrapper { color: #ffffff; border-radius: 0.25rem; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-accordion-summary .custom-branding-title { color: #fcfcfd; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-details { padding: 0.75rem; background-color: #182231; border-radius: 0rem 0rem 0.5rem 0.5rem; } .custom-branding-accordion-wrapper .custom-branding-accordion .custom-branding-details .custom-branding-content { display: flex; flex-direction: column; gap: 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-native-docs-accordion-wrapper { color: #ffffff; } .custom-native-docs-accordion-wrapper .custom-native-docs-header-wrapper { position: relative; } .custom-native-docs-accordion-wrapper .delete-btn { position: absolute; top: 0.5rem; right: 3.4rem; min-width: 2rem; height: 2rem; padding: 0rem; z-index: 1; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion { background-color: #182231; border-radius: 0.5rem !important; box-shadow: none; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion:before { display: none; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary { background-color: #1f2b3d; border-radius: 0.5rem; padding: 0rem 0.75rem; height: 0rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary.Mui-expanded { height: 0rem; min-height: 3rem; border-radius: 0.5rem 0.5rem 0rem 0rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary .MuiAccordionSummary-content { margin: 1rem 0rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary .MuiAccordionSummary-content.Mui-expanded { margin: 1rem 0rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary .MuiAccordionSummary-expandIconWrapper { color: #ffffff; border-radius: 0.25rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-accordion-summary .custom-native-docs-title { color: #ffffff; font-weight: 500; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-details { padding: 0.75rem; background-color: #182231; border-radius: 0rem 0rem 0.5rem 0.5rem; } .custom-native-docs-accordion-wrapper .custom-native-docs-accordion .custom-native-docs-details .custom-native-docs-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-file-type-selector { display: flex; flex-direction: column; border-radius: 0.5rem; border: 0.0625rem solid #3c4f6b; } .custom-file-type-selector .file-type-selector-header { display: flex; justify-content: space-between; align-items: center; background-color: #263449; border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.5rem 0.75rem; } .custom-file-type-selector .file-type-selector-header .file-type-selector-label { color: #ffffff; } .custom-file-type-selector .file-type-selector-header .add-file-type-selector-btn { padding: 0.5rem 1rem; } .custom-file-type-selector .selected-file-type-selector-display { display: flex; flex-wrap: wrap; gap: 0.5rem; min-height: 3rem; padding: 0.75rem; margin: 0.25rem; max-height: 15rem; overflow-y: auto; } .custom-file-type-selector .selected-file-type-selector-display::-webkit-scrollbar { width: 0.25rem; } .custom-file-type-selector .selected-file-type-selector-display::-webkit-scrollbar-track { background: transparent; margin: 0.25rem 0.25rem; } .custom-file-type-selector .selected-file-type-selector-display::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .custom-filetype-menu { background-color: #121a25 !important; color: #fcfcfd !important; border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; padding: 0.75rem; width: 20rem; } .custom-filetype-menu .MuiCheckbox-root { color: #89a6ff !important; } .custom-filetype-menu .menu-content { display: flex; flex-direction: column; } .custom-filetype-menu .menu-content .select-all.MuiFormControlLabel-root { border-bottom: 0.0625rem solid #263449; padding-bottom: 1rem; } .custom-filetype-menu .menu-content .select-all.MuiFormControlLabel-root .MuiCheckbox-root { padding: 0rem 0.5rem; } .custom-filetype-menu .menu-content .filetype-list { max-height: 20rem; overflow-y: auto; margin-top: 0.25rem; } .custom-filetype-menu .menu-content .filetype-list::-webkit-scrollbar { width: 0.3125rem; } .custom-filetype-menu .menu-content .filetype-list::-webkit-scrollbar-track { background: transparent; } .custom-filetype-menu .menu-content .filetype-list::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .custom-filetype-menu .menu-content .filetype-list label { display: flex; align-items: center; font-size: 1rem; } .custom-filetype-menu .menu-content .menu-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 0.75rem; border-top: 0.0625rem solid #263449; margin-top: 0.5rem; } .arr-filter-chip-v2-radius { border-radius: 0.5rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-redaction-text-accordion-wrapper { color: #ffffff; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-header-wrapper { position: relative; } .custom-redaction-text-accordion-wrapper .delete-btn { position: absolute; top: 0.5rem; right: 3.4rem; min-width: 2rem; height: 2rem; padding: 0rem; z-index: 1; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion { background-color: #182231; border-radius: 0.5rem !important; box-shadow: none; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion:before { display: none; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary { background-color: #1f2b3d; border-radius: 0.5rem; padding: 0rem 0.75rem; height: 0rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary.Mui-expanded { height: 0rem; min-height: 3rem; border-radius: 0.5rem 0.5rem 0rem 0rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary .MuiAccordionSummary-content { margin: 1rem 0rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary .MuiAccordionSummary-content.Mui-expanded { margin: 1rem 0rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary .MuiAccordionSummary-expandIconWrapper { color: #ffffff; border-radius: 0.25rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-accordion-summary .custom-redaction-text-title { color: #ffffff; font-weight: 500; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-details { padding: 0.75rem; background-color: #182231; border-radius: 0rem 0rem 0.5rem 0.5rem; } .custom-redaction-text-accordion-wrapper .custom-redaction-text-accordion .custom-redaction-text-details .custom-redaction-text-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .branding-location-section .branding-location-title { margin-bottom: 1rem; color: #ffffff; text-align: left; } .branding-location-section .branding-location-grid { display: flex; flex-direction: column; gap: 1.5rem; padding: 1rem; border-radius: 0.5rem; border: 0.0625rem solid #3c4f6b; } .branding-location-section .branding-location-grid .branding-row { display: flex; align-items: center; gap: 0.5rem; justify-content: space-between; } .branding-location-section .branding-location-grid .branding-row .btn-full-expanded { flex: 1; } .branding-location-section .branding-location-grid .branding-row .btn-half-expanded { flex: 3; } .branding-location-section .branding-location-grid .branding-row .btn-expand { min-width: unset; width: 2rem; } .branding-location-section .branding-location-grid .branding-row .line { flex-grow: 1; border: 0.0625rem solid #8c9eba; } .branding-location-section .branding-location-grid .branding-row.expanded-row { display: flex; justify-content: space-around; padding: 0rem 3rem; } .branding-location-section .branding-location-grid .branding-row .expanded-spacer { width: 2.5rem; } .branding-location-section .branding-location-grid .branding-row .MuiButton-root:focus { outline: none; } .branding-location-section .branding-location-grid .location-display .location-box { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 1.5rem; border: 0.0625rem dashed #8c9eba; border-radius: 0.5rem; min-height: 8rem; justify-content: center; background-color: #182231; padding: 1.25rem; } .branding-location-section .branding-location-grid .location-display .location-box .location-label { color: #a5b4cb; } .branding-location-section .branding-location-grid .location-display .location-box .location-text { color: #fcfcfd; } .branding-location-section .branding-location-grid .location-display .location-box .reset-btn { margin-top: 0.5rem; } .branding-location-section .branding-location-grid .branding-location-btn { text-transform: none; transition: all 0.2s ease; } .branding-location-section .branding-location-grid .branding-location-btn.has-content-unsaved { outline: 0.125rem solid #fcfcfd !important; border: 0.0625rem solid #121a25 !important; } .branding-location-section .branding-location-grid .branding-location-btn.saved.selected { outline: 0.125rem solid #fcfcfd !important; border: 0.0625rem solid #121a25 !important; } .branding-location-btn { min-width: 3.75rem; font-size: 0.875rem; padding: 0.5rem 1rem; } .branding-location-btn.MuiButton-contained { background-color: #5265ff; color: #ffffff; } .branding-location-btn.MuiButton-contained:hover { background-color: #6e87ff; } .branding-location-btn.MuiButton-outlined { border-color: rgba(255, 255, 255, 0.5); color: #ffffff; } .branding-location-btn.MuiButton-outlined:hover { border-color: #a5b4cb; background-color: #1f2b3d; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .dat-component { padding: 1rem 2.5rem; color: #fcfcfd; /* ============= Grid Layout ============= */ } .dat-component .dat-grid { display: grid; grid-template-columns: 3fr 1fr; gap: 1.5rem 0rem; margin-bottom: 1.5rem; } .dat-component .dat-grid-encoding .dat-grid-encoding-header .typo-text { font-size: 1rem; } .dat-component .dat-grid-encoding .dat-grid-encoding-header { margin-bottom: 1.5rem; text-align: left; } .dat-component .dat-grid-encoding .MuiTypography-root { width: max-content; } .dat-component .dat-grid-encoding { grid-column: 1; flex-direction: column; } .dat-component .dat-grid-encoding .arr-dropdown-container { width: 20rem; } .dat-component .dat-grid-dateformat .dat-grid-date-header { margin-bottom: 1.5rem; text-align: left; } .dat-component .dat-grid-dateformat { grid-column: 2; flex-direction: column; align-items: flex-start; text-align: left; } .dat-component .dat-grid-dateformat .dat-date-format { margin-top: 0.5rem; } .dat-component .dat-grid-dateformat .dat-date-format .arr-dropdown-container { width: 20rem; } .dat-component .dat-grid-field-delimiters-header .typo-text { font-size: 1rem; } .dat-component .dat-grid-field-delimiters-header { grid-column: 1/span 3; margin-top: 1.5rem; margin-bottom: -0.5rem; text-align: left; } .dat-component .dat-grid-field-delimiters { width: max-content; grid-column: 1/span 2 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 2rem; margin-top: 0.25rem; justify-items: start; } .dat-component .dat-grid-field-delimiters .dat-delimiter-inline { display: flex; align-items: center; min-width: 0; } .dat-component .dat-grid-field-delimiters .dat-delimiter-inline .typo-text { white-space: nowrap; min-width: 7.5rem; text-align: left; font-weight: normal; } .dat-component .dat-grid-field-delimiters .dat-delimiter-inline .arr-dropdown-container { flex: 1; width: 20rem; margin-right: 0.5rem; } .dat-component .dat-grid-field-delimiters:nth-child(odd) { grid-column: 1; } .dat-component .dat-radio-group { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 2.4375rem; margin-top: 0.5rem; } .dat-component .dat-radio-group .arr-radio { width: auto; } .dat-component .dat-radio-group .dat-radio-label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; } .dat-component .dat-radio-group .dat-radio-label input[type=radio] { accent-color: #89a6ff; width: 1.2rem; height: 1.2rem; } .dat-component .dat-radio-group .dat-radio-label.selected span { color: #89a6ff; } .dat-component .dat-radio-group .dat-radio-label span { font-size: 1rem; color: #fcfcfd; } .dat-component { /* ============= Table Section ============= */ } .dat-component .dat-field-mapping .subhead2_size { text-align: left; margin-bottom: 1rem; font-size: 1rem; } .dat-component .dat-field-mapping .arr-datagrid-pro { height: auto; overflow: visible !important; max-height: none !important; } .dat-component .dat-field-mapping .arr-datagrid-pro .MuiDataGrid-mainContent { border: 0.062rem solid #3c4f6b; border-radius: 0.3rem; } .dat-component .dat-field-mapping .arr-datagrid-pro .MuiDataGrid-mainContent .arr-dropdown-selected { color: #fcfcfd; } .dat-component .dat-field-mapping .arr-datagrid-pro .MuiDataGrid-scrollbar { display: none; } .dat-component .dat-field-mapping .arr-datagrid-pro .MuiDataGrid-overlayWrapperInner { display: none; } .dat-component .dat-field-mapping .dat-grid-table { display: flex; flex-direction: column; gap: 1rem; } .dat-component .dat-field-mapping .dat-grid-table .dat-grid-sourceField { display: flex; margin-right: auto; flex-direction: column; } .dat-component .dat-field-mapping .dat-grid-table .dat-grid-sourceField .arr-filter-chip-v1-selection-block { display: flex; flex-wrap: wrap; } .dat-component .dat-field-mapping .dat-grid-table .dat-grid-sourceField .arr-filter-chip-v1-selection-block .arr-filter-chip-v1 { margin: 0.5rem; min-width: min-content; max-width: fit-content; border-radius: 0.5rem; font-size: 0.75rem; margin-left: unset; } .dat-component .dat-field-mapping .dat-grid-table .dat-add-btn-container { display: flex; justify-content: flex-end; } .dat-component .dat-field-mapping .dat-grid-table .arr-datagrid { height: auto !important; overflow: visible !important; max-height: none !important; } .dat-component .dat-field-mapping { margin-top: 2.5rem; } .dat-component .dat-field-mapping .MuiDataGrid-root { height: auto !important; overflow: visible !important; max-height: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeaders { height: auto; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-footerContainer { display: none; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader { border-bottom: none !important; border-top: none !important; color: #a5b4cb; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { place-self: center; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader:last-child { border-right: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader .scrubHeader span { text-align: left; font-size: 0.875rem; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader .scrubHeader { display: flex; flex-direction: column; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader .scrubHeader .scrubTag { font-size: 0.75rem; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-columnHeader:focus { outline: none; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-filler, .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { display: none; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-virtualScrollerRenderZone { overflow: visible !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row { border-top: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row { max-height: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { place-content: center; line-height: normal; overflow: visible !important; white-space: normal !important; display: flex; align-items: center; border-right: 0.062rem solid #263449 !important; border-top: none !important; height: auto !important; padding: 0.5rem 0.75rem !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .arr-textfield-wrapper { width: inherit; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiFormControl-root .MuiFormLabel-root { color: #fcfcfd; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiDataGrid-rowReorderCell { margin-top: auto; margin-bottom: auto; display: flex; align-items: center; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiButtonBase-root { margin-right: auto; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiButtonBase-root .MuiButton-startIcon { background-color: rgba(82, 101, 255, 0.12); border-radius: 0.1875rem; margin: auto; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiCheckbox-root { margin-right: auto; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .arr-checkbox .MuiSvgIcon-root { color: #5265ff; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiInputBase-input { font-size: 0.75rem; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:last-child { border-right: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiButtonBase-root:focus { outline: none; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell .MuiSvgIcon-root { color: #89a6ff; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:focus-within { outline: none; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-main { border: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-container--top { border-bottom: none !important; } .dat-component .dat-field-mapping .MuiDataGrid-root .MuiDataGrid-container--bottom { border-top: none !important; } .dat-component .dat-tags-row .MuiDataGrid-cell .arr-textfield-wrapper, .dat-component .dat-tags-row .MuiDataGrid-cell .MuiFormControl-root, .dat-component .dat-tags-row .MuiDataGrid-cell .MuiButtonBase-root, .dat-component .dat-tags-row .MuiDataGrid-cell .dat-delete-btn, .dat-component .dat-tags-row .MuiDataGrid-cell .MuiCheckbox-root { margin-bottom: auto; } .dat-component .dat-tags-row .MuiDataGrid-rowReorderCell { display: flex !important; place-content: initial !important; align-items: flex-start !important; justify-content: flex-start !important; padding-top: 0 !important; margin-top: 0 !important; margin-bottom: auto !important; height: 100% !important; } .dat-component .dat-tags-row .MuiDataGrid-rowReorderCell .MuiButtonBase-root { margin: 0 !important; align-self: flex-start !important; padding-top: 0 !important; } .dat-component .dat-tags-row .MuiDataGrid-rowReorderCell .MuiSvgIcon-root { vertical-align: top !important; } .dat-component .dat-info-icon { font-size: 1rem; margin-left: 0.25rem; vertical-align: middle; color: #89a6ff; cursor: pointer; } .dat-delete-modal .MuiTypography-body1 { color: #fcfcfd !important; font-family: Reckless !important; font-size: 1.5rem !important; font-weight: 400 !important; } .dat-delete-modal .modal-title-row .typo-text { color: #ccd5e3 !important; font-family: Inter !important; font-size: 1rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .produce-native-files { border-radius: 0.5rem; color: #fcfcfd; max-width: 48.75rem; text-align: left; line-height: 2.25rem; } .produce-native-files .produce-header { display: flex; align-items: center; justify-content: flex-start; gap: 0.75rem; margin-bottom: 0.75rem; } .produce-native-files .produce-header .produce-title { font-weight: 600; color: 1rem; } .produce-native-files .produce-header .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1rem; width: 1rem; } .produce-native-files .produce-description { display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.875rem; color: #a5b4cb; margin-bottom: 0.5rem; max-width: 43.375rem; white-space: normal; text-align: left; } .native-filetag-container { background-color: #182231; display: flex; width: 58%; padding: 0.75rem; gap: 0.75rem; border-radius: 0.5rem; } .native-fileType { flex: 1; border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; } .native-section { display: flex; align-items: center; gap: 0.5rem; margin: 1.5rem 0rem; } .native-section .section-title { color: #fcfcfd; } .native-section .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1rem; width: 1rem; } .native-radio-group { display: flex; align-items: center; gap: 5rem; } .native-radio-group .MuiTypography-root { font-size: 0.875rem !important; line-height: 1.125rem !important; } .native-radio-group .section-title { gap: 0.5rem; color: #fcfcfd; } .native-radio-group .section-title .MuiFormGroup-root { column-gap: 50px; } .native-note { color: #a5b4cb; color: #a5b4cb; margin: 1.5rem 0.75rem 0.75rem 0rem; max-width: 36.25rem; text-align: left; } .native-toggle { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.125rem; } .native-toggle .toggle-text { color: #fcfcfd; } .native-toggle .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1rem; width: 1rem; } .native-divider { border: 0.09375rem solid #3c4f6b; border-width: 0.125rem !important; margin: 2rem 0rem !important; border-color: #3c4f6b !important; } .tag-files { display: flex; align-items: center; justify-content: flex-start; gap: 0.375rem; margin: 1.5rem 0rem; } .tag-files .heading { color: #fcfcfd; } .filetype-selector { border-radius: 0.5rem; } .filetype-header { background-color: #263449; display: flex; justify-content: space-between; align-items: center; line-height: 2.25rem; padding: 0.5rem; border-radius: 0.375rem 0.375rem 0 0; } .filetype-header .filetype-title { color: #fcfcfd; } .selected-types { display: flex; flex-wrap: wrap; min-height: 5rem; margin: 0.25rem; max-height: 15rem; overflow-y: auto; } .selected-types .chip { border-radius: 0.5rem; margin: 0.75rem 0 0 0.75rem; border: 0.0625rem solid #603e94; } .selected-types::-webkit-scrollbar { width: 0.3125rem; } .selected-types::-webkit-scrollbar-track { background: transparent; } .selected-types::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-text-encoding .info-icon { color: #89a6ff; cursor: pointer; height: 1.125rem; width: 1.125rem; display: block; } .arr-text-encoding .info-icon-sm { color: #89a6ff; cursor: pointer; height: 1rem; width: 1rem; display: block; } .arr-text-encoding { margin: 0rem 1.5rem; } .arr-text-encoding-format__wrapper { margin: 1.5rem 0rem; } .arr-text-encoding-info-points { padding-left: 1rem; margin-bottom: 2rem; } .arr-text-encoding .MuiDivider-root { border-bottom: solid 0.125rem #3c4f6b; margin-bottom: 2rem; } .arr-text-ocr__wrapper { margin-top: 2rem; gap: 0.25rem !important; align-items: center; } .arr-text-large-txt-files, .arr-text-produce-load-file { margin-top: 2rem; } .arr-text-large-txt-files .toggle-text, .arr-text-produce-load-file .toggle-text { gap: 0.25rem !important; align-items: center; } .text-component-modal .modal-actions .button-row { display: flex; flex-direction: column; gap: 1rem; width: 100%; } .text-component-modal .modal-actions .button-row button { width: 100%; } .text-component-modal .modal-actions .button-row .aur-button--secondary.MuiButton-root { color: #89a6ff !important; } .text-component-modal .modal-actions .button-row .aur-button--secondary.MuiButton-root:hover { color: #a5c1ff !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .numbering-sorting-form-section .numbering-sorting-container .display1_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .display1_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .display1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .display1_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .display1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .display1_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display1_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display1_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .display1_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .display1_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .display1_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .display1_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display1_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display1_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display1_size.table-body-cell { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .numbering-sorting-form-section .numbering-sorting-container .display2_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .display2_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .display2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .display2_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .display2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .display2_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display2_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display2_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .display2_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .display2_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .display2_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .display2_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display2_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display2_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display2_size.table-body-cell { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .numbering-sorting-form-section .numbering-sorting-container .display3_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .display3_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .display3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .display3_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .display3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .display3_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display3_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .display3_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .display3_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .display3_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .display3_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .display3_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display3_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display3_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .display3_size.table-body-cell { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .numbering-sorting-form-section .numbering-sorting-container .headline1_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .headline1_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .headline1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .headline1_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .headline1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .headline1_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline1_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline1_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .headline1_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .headline1_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .headline1_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .headline1_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline1_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline1_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline1_size.table-body-cell { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .numbering-sorting-form-section .numbering-sorting-container .headline2_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .headline2_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .headline2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .headline2_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .headline2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .headline2_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline2_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline2_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .headline2_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .headline2_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .headline2_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .headline2_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline2_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline2_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline2_size.table-body-cell { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .numbering-sorting-form-section .numbering-sorting-container .headline3_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .headline3_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .headline3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .headline3_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .headline3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .headline3_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline3_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .headline3_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .headline3_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .headline3_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .headline3_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .headline3_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline3_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline3_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .headline3_size.table-body-cell { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .numbering-sorting-form-section .numbering-sorting-container .subhead1_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .subhead1_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .subhead1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .subhead1_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .subhead1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .subhead1_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead1_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead1_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .subhead1_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .subhead1_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .subhead1_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .subhead1_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead1_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead1_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead1_size.table-body-cell { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .subhead2_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .subhead2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .subhead2_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .subhead2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .subhead2_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead2_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead2_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .subhead2_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .subhead2_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .subhead2_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .subhead2_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead2_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead2_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead2_size.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-title.title-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .table-cell.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.title-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .empty-cell.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.title-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .table-body-cell.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.title-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .numbering-sorting-form-section .numbering-sorting-container .subhead3_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .subhead3_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .subhead3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .subhead3_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .subhead3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .subhead3_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead3_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead3_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .subhead3_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .subhead3_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .subhead3_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .subhead3_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead3_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead3_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead3_size.table-body-cell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .numbering-sorting-form-section .numbering-sorting-container .subhead4_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .subhead4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .subhead4_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .subhead4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .subhead4_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead4_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead4_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .subhead4_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .subhead4_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .subhead4_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .subhead4_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead4_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead4_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead4_size.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .level-container .level-label-container .bates-sub-bates-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .level-label-container .metadata-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .level-label-container .metadata-sub-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .level-container .level-label-container .sort-text.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.level-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .numbering-sorting-form-section .numbering-sorting-container .subhead5_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .subhead5_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .subhead5_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .subhead5_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .subhead5_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .subhead5_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead5_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .subhead5_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .subhead5_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .subhead5_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .subhead5_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .subhead5_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead5_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead5_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .subhead5_size.table-body-cell { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .numbering-sorting-form-section .numbering-sorting-container .body1_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .body1_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .body1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .body1_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .body1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .body1_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body1_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body1_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .body1_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .body1_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .body1_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .body1_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body1_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body1_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body1_size.table-body-cell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .numbering-sorting-form-section .numbering-sorting-container .body2_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .body2_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .body2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .body2_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .body2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .body2_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body2_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body2_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .body2_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .body2_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .body2_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .body2_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body2_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body2_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body2_size.table-body-cell { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .numbering-sorting-form-section .numbering-sorting-container .body3_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .body3_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .body3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .body3_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .body3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .body3_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body3_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body3_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .body3_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .body3_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .body3_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .body3_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body3_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body3_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body3_size.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .typo-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .title-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .level-container .document-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .document-grid-container .document-sub-container .document-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .level-container .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .encoding-options-text .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .level-container .bates-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .metadata-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .metadata-sub-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .level-container .sort-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .level-container .MuiFormControlLabel-label.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .families-container .MuiFormControlLabel-label.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .level-container .keep-docs-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .families-container .families-sub-container .keep-docs-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .level-container .custom-sort-title.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-sort .custom-sort-upload .custom-sort-title.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .table-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .empty-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .table-body-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .typo-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .title-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .document-grid-container .document-sub-container .level-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .level-container .level-label-container .level-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .document-grid-container .document-sub-container .radio-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .level-container .radio-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .document-grid-container .document-sub-container .radio-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .encoding-options-text .radio-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .document-grid-container .document-sub-container .bates-sub-bates-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .document-grid-container .document-sub-container .metadata-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .document-grid-container .document-sub-container .metadata-sub-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .document-grid-container .document-sub-container .sort-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .document-grid-container .document-sub-container .MuiFormControlLabel-label.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .families-container .MuiFormControlLabel-label.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .document-grid-container .document-sub-container .keep-docs-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .families-container .families-sub-container .keep-docs-text.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .document-grid-container .document-sub-container .custom-sort-title.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .custom-sort .custom-sort-upload .custom-sort-title.document-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .table-cell.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.document-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .empty-cell.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.document-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .table-body-cell.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .typo-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .title-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .encoding-options-text .level-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .level-container .level-label-container .level-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .encoding-options-text .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .level-container .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .encoding-options-text .document-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .document-grid-container .document-sub-container .document-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .encoding-options-text .bates-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .bates-grid-container .bates-sub-container .bates-sub-bates-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .encoding-options-text .metadata-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .metadata-grid-container .metadata-sub-container .metadata-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .encoding-options-text .metadata-sub-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .metadata-grid-container .metadata-sub-container .metadata-sub-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .encoding-options-text .sort-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .sorting-container .sort-grid-container .sort-sub-container .sort-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .encoding-options-text .MuiFormControlLabel-label.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .families-container .MuiFormControlLabel-label.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .encoding-options-text .keep-docs-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .families-container .families-sub-container .keep-docs-text.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .encoding-options-text .custom-sort-title.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .custom-sort .custom-sort-upload .custom-sort-title.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .table-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .empty-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.radio-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .table-body-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .typo-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .title-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .bates-grid-container .bates-sub-container .level-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .level-container .level-label-container .level-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .bates-grid-container .bates-sub-container .radio-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .level-container .radio-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .bates-grid-container .bates-sub-container .document-sub-bates-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .document-grid-container .document-sub-container .document-sub-bates-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .bates-grid-container .bates-sub-container .radio-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .encoding-options-text .radio-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .bates-grid-container .bates-sub-container .metadata-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .metadata-grid-container .metadata-sub-container .metadata-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .bates-grid-container .bates-sub-container .metadata-sub-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .bates-grid-container .bates-sub-container .sort-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .bates-grid-container .bates-sub-container .MuiFormControlLabel-label.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .families-container .MuiFormControlLabel-label.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .bates-grid-container .bates-sub-container .keep-docs-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .families-container .families-sub-container .keep-docs-text.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .bates-grid-container .bates-sub-container .custom-sort-title.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .custom-sort .custom-sort-upload .custom-sort-title.bates-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .table-cell.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.bates-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .empty-cell.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.bates-sub-bates-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .table-body-cell.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .typo-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .title-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .metadata-grid-container .metadata-sub-container .level-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .level-label-container .level-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .metadata-grid-container .metadata-sub-container .radio-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .radio-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .document-sub-bates-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .document-grid-container .document-sub-container .document-sub-bates-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .metadata-grid-container .metadata-sub-container .radio-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .encoding-options-text .radio-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .metadata-grid-container .metadata-sub-container .bates-sub-bates-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .sort-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .metadata-grid-container .metadata-sub-container .MuiFormControlLabel-label.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .MuiFormControlLabel-label.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .keep-docs-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .families-sub-container .keep-docs-text.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort-title.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort .custom-sort-upload .custom-sort-title.metadata-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .table-cell.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.metadata-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .empty-cell.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.metadata-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .table-body-cell.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .typo-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .title-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .encoding-container .metadata-grid-container .metadata-sub-container .level-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .level-label-container .level-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .encoding-container .metadata-grid-container .metadata-sub-container .radio-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .level-container .radio-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .document-sub-bates-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .document-grid-container .document-sub-container .document-sub-bates-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .metadata-grid-container .metadata-sub-container .radio-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .encoding-options-text .radio-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .metadata-grid-container .metadata-sub-container .bates-sub-bates-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .sort-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .metadata-grid-container .metadata-sub-container .MuiFormControlLabel-label.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .MuiFormControlLabel-label.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .keep-docs-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .families-sub-container .keep-docs-text.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort-title.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort .custom-sort-upload .custom-sort-title.metadata-sub-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .table-cell.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.metadata-sub-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .empty-cell.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.metadata-sub-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .table-body-cell.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .typo-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .title-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .sorting-container .sort-grid-container .sort-sub-container .level-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .level-container .level-label-container .level-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .sorting-container .sort-grid-container .sort-sub-container .radio-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .level-container .radio-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .sorting-container .sort-grid-container .sort-sub-container .document-sub-bates-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .document-grid-container .document-sub-container .document-sub-bates-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .sorting-container .sort-grid-container .sort-sub-container .radio-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .encoding-options-text .radio-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .sorting-container .sort-grid-container .sort-sub-container .bates-sub-bates-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .sorting-container .sort-grid-container .sort-sub-container .metadata-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .sorting-container .sort-grid-container .sort-sub-container .metadata-sub-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .sorting-container .sort-grid-container .sort-sub-container .MuiFormControlLabel-label.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .families-container .MuiFormControlLabel-label.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .sorting-container .sort-grid-container .sort-sub-container .keep-docs-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .families-container .families-sub-container .keep-docs-text.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .sorting-container .sort-grid-container .sort-sub-container .custom-sort-title.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .custom-sort .custom-sort-upload .custom-sort-title.sort-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .table-cell.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.sort-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .empty-cell.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.sort-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .table-body-cell.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .typo-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .title-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .families-container .level-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .level-container .level-label-container .level-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .families-container .radio-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .level-container .radio-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .families-container .document-sub-bates-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .document-grid-container .document-sub-container .document-sub-bates-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .families-container .radio-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .encoding-options-text .radio-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .families-container .bates-sub-bates-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .metadata-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .metadata-sub-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .families-container .sort-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .families-container .custom-sort-title.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .custom-sort .custom-sort-upload .custom-sort-title.MuiFormControlLabel-label, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .table-cell.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.MuiFormControlLabel-label, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .empty-cell.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.MuiFormControlLabel-label, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .table-body-cell.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .typo-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .title-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .families-container .families-sub-container .level-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .level-container .level-label-container .level-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .families-container .families-sub-container .radio-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .level-container .radio-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .families-container .families-sub-container .document-sub-bates-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .document-grid-container .document-sub-container .document-sub-bates-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .families-container .families-sub-container .radio-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .encoding-options-text .radio-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .families-container .families-sub-container .bates-sub-bates-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .families-sub-container .metadata-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .families-container .families-sub-container .metadata-sub-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .families-container .families-sub-container .sort-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .sorting-container .sort-grid-container .sort-sub-container .sort-text.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .MuiFormControlLabel-label.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .families-container .families-sub-container .custom-sort-title.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .custom-sort .custom-sort-upload .custom-sort-title.keep-docs-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .table-cell.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.keep-docs-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .empty-cell.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.keep-docs-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .table-body-cell.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.keep-docs-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .typo-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .title-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .title-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .level-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .document-sub-bates-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .bates-sub-bates-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-sub-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .sort-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .MuiFormControlLabel-label.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .keep-docs-text.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text.empty-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .numbering-sorting-form-section__modal-container .modal-child-container .child-table .custom-sort-title.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-title.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .typo-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .title-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .title-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .level-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .document-sub-bates-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .bates-sub-bates-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-sub-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .sort-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .MuiFormControlLabel-label.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .keep-docs-text.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .numbering-sorting-form-section__modal-container .modal-child-container .child-table .custom-sort-title.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-title.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell.table-body-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .numbering-sorting-form-section .numbering-sorting-container .body4_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .body4_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .body4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .body4_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .body4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .body4_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body4_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body4_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .body4_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .body4_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .body4_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .body4_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body4_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body4_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body4_size.table-body-cell { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .numbering-sorting-form-section .numbering-sorting-container .body5_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .body5_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .body5_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .body5_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .body5_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .body5_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body5_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .body5_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .body5_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .body5_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .body5_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .body5_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body5_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body5_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .body5_size.table-body-cell { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .numbering-sorting-form-section .numbering-sorting-container .label1_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .label1_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .label1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .label1_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .label1_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .label1_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label1_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label1_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .label1_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .label1_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .label1_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .label1_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label1_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label1_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label1_size.table-body-cell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .numbering-sorting-form-section .numbering-sorting-container .label2_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .label2_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .label2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .label2_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .label2_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .label2_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label2_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label2_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .label2_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .label2_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .label2_size.keep-docs-text, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label2_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label2_size.table-body-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .custom-sort .custom-sort-upload .bates-sub-bates-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort .custom-sort-upload .metadata-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .custom-sort .custom-sort-upload .metadata-sub-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .custom-sort .custom-sort-upload .sort-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .sorting-container .sort-grid-container .sort-sub-container .sort-text.custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-title, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .level-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .document-sub-bates-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .numbering-sorting-form-section__modal-container .modal-child-container .child-table .radio-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .bates-sub-bates-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .metadata-sub-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .sort-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .MuiFormControlLabel-label.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label.table-cell, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .numbering-sorting-form-section__modal-container .modal-child-container .child-table .keep-docs-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .numbering-sorting-form-section .numbering-sorting-container .label3_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .label3_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .label3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .label3_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .label3_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .label3_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label3_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label3_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .label3_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .label3_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .label3_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .label3_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label3_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label3_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label3_size.table-body-cell { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .numbering-sorting-form-section .numbering-sorting-container .label4_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .label4_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .label4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .label4_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .label4_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .label4_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label4_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .label4_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .label4_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .label4_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .label4_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .label4_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label4_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label4_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .label4_size.table-body-cell { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .numbering-sorting-form-section .numbering-sorting-container .buttonLarge_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .buttonLarge_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .buttonLarge_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .buttonLarge_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .buttonLarge_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .buttonLarge_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonLarge_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonLarge_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .buttonLarge_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .buttonLarge_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .buttonLarge_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .buttonLarge_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonLarge_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonLarge_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonLarge_size.table-body-cell { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .numbering-sorting-form-section .numbering-sorting-container .buttonMedium_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .buttonMedium_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .buttonMedium_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .buttonMedium_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .buttonMedium_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .buttonMedium_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonMedium_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonMedium_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .buttonMedium_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .buttonMedium_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .buttonMedium_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .buttonMedium_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonMedium_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonMedium_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonMedium_size.table-body-cell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .numbering-sorting-form-section .numbering-sorting-container .buttonSmall_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .buttonSmall_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .buttonSmall_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .buttonSmall_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .buttonSmall_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .buttonSmall_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonSmall_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonSmall_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .buttonSmall_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .buttonSmall_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .buttonSmall_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .buttonSmall_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonSmall_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonSmall_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonSmall_size.table-body-cell { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .numbering-sorting-form-section .numbering-sorting-container .buttonXS_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .buttonXS_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .buttonXS_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .buttonXS_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .buttonXS_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .buttonXS_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonXS_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .buttonXS_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .buttonXS_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .buttonXS_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .buttonXS_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .buttonXS_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonXS_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonXS_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .buttonXS_size.table-body-cell { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .numbering-sorting-form-section .numbering-sorting-container .profilePictureTextClientMedium_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .profilePictureTextClientMedium_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .profilePictureTextClientMedium_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .profilePictureTextClientMedium_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .profilePictureTextClientMedium_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .profilePictureTextClientMedium_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .profilePictureTextClientMedium_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .profilePictureTextClientMedium_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .profilePictureTextClientMedium_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .profilePictureTextClientMedium_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .profilePictureTextClientMedium_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .profilePictureTextClientMedium_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextClientMedium_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextClientMedium_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextClientMedium_size.table-body-cell { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .numbering-sorting-form-section .numbering-sorting-container .profilePictureTextSmall_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .profilePictureTextSmall_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .profilePictureTextSmall_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .profilePictureTextSmall_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .profilePictureTextSmall_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .profilePictureTextSmall_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .profilePictureTextSmall_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .profilePictureTextSmall_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .profilePictureTextSmall_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .profilePictureTextSmall_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .profilePictureTextSmall_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .profilePictureTextSmall_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextSmall_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextSmall_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .profilePictureTextSmall_size.table-body-cell { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .numbering-sorting-form-section .numbering-sorting-container .toastMessageText_size.title-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .toastMessageText_size.level-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .toastMessageText_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .toastMessageText_size.document-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .toastMessageText_size.radio-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .toastMessageText_size.bates-sub-bates-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .toastMessageText_size.metadata-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .toastMessageText_size.metadata-sub-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .toastMessageText_size.sort-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .toastMessageText_size.MuiFormControlLabel-label, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .toastMessageText_size.keep-docs-text, .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .toastMessageText_size.custom-sort-title, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .toastMessageText_size.table-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .toastMessageText_size.empty-cell, .numbering-sorting-form-section__modal-container .modal-child-container .child-table .toastMessageText_size.table-body-cell { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .numbering-sorting-form-section { display: flex; flex-direction: column; gap: 0.75rem; } .numbering-sorting-form-section .radio-disabled .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1), .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(1) { stroke: #424750; } .numbering-sorting-form-section .radio-disabled .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2), .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group .MuiButtonBase-root.Mui-disabled svg rect:nth-of-type(2) { fill: rgba(66, 71, 80, 0.6); } .numbering-sorting-form-section .radio-disabled .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1), .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(1) { stroke: currentColor; fill: rgba(66, 71, 80, 0.6); } .numbering-sorting-form-section .radio-disabled .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2), .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group .MuiButtonBase-root.Mui-disabled.Mui-checked svg rect:nth-of-type(2) { fill: #898e97; } .numbering-sorting-form-section .numbering-sorting-container { border-radius: 0rem 0rem 0.5rem 0.5rem; background-color: #121a25; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-header { background-color: #1f2b3d; padding: 1rem; text-align: left; border-radius: 0.5rem 0.5rem 0rem 0rem; border-top: 0.125rem solid #3c4f6b; } .numbering-sorting-form-section .numbering-sorting-container .title-text { color: #fcfcfd; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body { display: flex; flex-direction: column; gap: 2rem; padding: 2rem 3rem; border-radius: 0rem 0rem 0.5rem 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container { display: flex; flex-direction: row; align-items: center; gap: 0.25rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .level-text { color: #fcfcfd; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .level-label-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.25rem; width: 1.25rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group { gap: 3rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .custom-radio-group .custom-radio-label { padding: 0rem !important; padding-left: 0.25rem !important; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .level-container .radio-text { color: #fcfcfd; padding-left: 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .divider { border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: #3c4f6b; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container { width: max-content; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 3rem; justify-items: start; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container { display: flex; align-items: center; min-width: 0rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container .document-sub-container .document-sub-bates-text { color: #ccd5e3; min-width: 7.5rem; max-width: 7.5rem; text-align: left; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .document-grid-container:nth-child(odd) { grid-column: 1; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container { gap: 1.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text { display: flex; flex-direction: row; align-items: center; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .radio-text { color: #fcfcfd; padding-left: 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .encoding-options-text .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1.125rem; height: 1.125rem; margin-left: 0.25rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container { width: max-content; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 3rem; justify-items: start; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container { display: flex; align-items: center; min-width: 0rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .bates-sub-bates-text { color: #ccd5e3; min-width: 7.5rem; max-width: 7.5rem; text-align: left; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .bates-grid-container .bates-sub-container .text-input-max { width: 16.25rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 0.75rem 3rem; justify-items: start; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container { display: flex; align-items: center; min-width: 0rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-text { color: #ccd5e3; min-width: 7.5rem; max-width: 7.5rem; text-align: left; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .encoding-container .metadata-grid-container .metadata-sub-container .metadata-sub-text { color: #ccd5e3; min-width: 5rem; max-width: 5rem; text-align: left; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container { width: max-content; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 3rem; justify-items: start; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container { display: flex; align-items: center; min-width: 0rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sorting-container .sort-grid-container .sort-sub-container .sort-text { color: #ccd5e3; min-width: 7.5rem; max-width: 7.5rem; text-align: left; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container { display: flex; flex-direction: row; align-items: flex-start; gap: 4rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .MuiFormControlLabel-label { color: #fcfcfd; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container { display: flex; flex-direction: row; align-items: center; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .families-container .families-sub-container .keep-docs-text { color: #fcfcfd; margin-right: 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort { display: flex; flex-direction: row; align-items: flex-start; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-title { color: #a5b4cb; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-file { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-file .custom-sort-file-text { color: #fcfcfd; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .custom-sort .custom-sort-upload .custom-sort-file .delete-button { background: none; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .select-tags { background-color: #182231; border-radius: 0.5rem; padding: 0.75rem; } .numbering-sorting-form-section .numbering-sorting-container .numbering-sorting-body .sort-helper-text { color: #a5b4cb; } .numbering-sorting-form-section__modal-container .modal-title-row { align-items: center; } .numbering-sorting-form-section__modal-container .modal-title-row .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.25rem; margin-left: 0.25rem; } .numbering-sorting-form-section__modal-container .modal-child-container { display: flex; flex-direction: column; gap: 1.5rem; } .numbering-sorting-form-section__modal-container .modal-child-container .child-header { display: flex; flex-direction: column; gap: 0.25rem; } .numbering-sorting-form-section__modal-container .modal-child-container .bates-modal-title { color: #a5b4cb; } .numbering-sorting-form-section__modal-container .modal-child-container .bates-production-name { color: #fcfcfd; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table { border-radius: 0.5rem; overflow: hidden; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-header { background-color: #121a25; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-cell { color: #a5b4cb; border-bottom: 0.062rem solid #3c4f6b; position: relative; width: 50%; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table .border-right:after { content: ""; position: absolute; right: 0rem; top: 0.5rem; bottom: 0.5rem; width: 0.0625rem; background: #3c4f6b; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table .empty-cell { color: #a5b4cb; border-bottom: none; background-color: #182231; padding: 3rem 4rem; } .numbering-sorting-form-section__modal-container .modal-child-container .child-table .table-body-cell { color: #fcfcfd; border-bottom: 0.062rem solid #3c4f6b; background-color: #182231; padding: 0.5rem 1rem; } .tooltip-popup.number-sorting .tooltip-popup-title-container { text-transform: uppercase; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .productions-details-container .select-production .display1_size.title-text, .productions-details-container .display1_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .display1_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .display1_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .display1_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .display1_size.empty-text, .productions-details-container__set-modal-container .display1_size.radio-text { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .productions-details-container .select-production .display2_size.title-text, .productions-details-container .display2_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .display2_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .display2_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .display2_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .display2_size.empty-text, .productions-details-container__set-modal-container .display2_size.radio-text { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .productions-details-container .select-production .display3_size.title-text, .productions-details-container .display3_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .display3_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .display3_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .display3_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .display3_size.empty-text, .productions-details-container__set-modal-container .display3_size.radio-text { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .productions-details-container .select-production .headline1_size.title-text, .productions-details-container .headline1_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline1_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .headline1_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline1_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .headline1_size.empty-text, .productions-details-container__set-modal-container .headline1_size.radio-text { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .productions-details-container .select-production .headline2_size.title-text, .productions-details-container .headline2_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline2_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .headline2_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline2_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .headline2_size.empty-text, .productions-details-container__set-modal-container .headline2_size.radio-text { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .productions-details-container .select-production .headline3_size.title-text, .productions-details-container .headline3_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline3_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .headline3_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .headline3_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .headline3_size.empty-text, .productions-details-container__set-modal-container .headline3_size.radio-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .productions-details-container .select-production .subhead1_size.title-text, .productions-details-container .subhead1_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead1_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .subhead1_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead1_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .subhead1_size.empty-text, .productions-details-container__set-modal-container .subhead1_size.radio-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .productions-details-container .select-production .subhead2_size.title-text, .productions-details-container .subhead2_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .subhead2_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead2_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .subhead2_size.empty-text, .productions-details-container__set-modal-container .subhead2_size.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .total-sub-text.total-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .productions-details-container .select-production .subhead3_size.title-text, .productions-details-container .subhead3_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead3_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .subhead3_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead3_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .subhead3_size.empty-text, .productions-details-container__set-modal-container .subhead3_size.radio-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .productions-details-container .select-production .subhead4_size.title-text, .productions-details-container .subhead4_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead4_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .subhead4_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead4_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .subhead4_size.empty-text, .productions-details-container__set-modal-container .subhead4_size.radio-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .productions-details-container .subhead5_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead5_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .subhead5_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .subhead5_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .subhead5_size.empty-text, .productions-details-container__set-modal-container .subhead5_size.radio-text, .productions-details-container .select-production .title-text, .productions-details-container .productions-details .productions-add-container .productions-total .select-production .total-text.title-text, .productions-details-container .select-production .productions-details .productions-add-container .productions-total .total-text.title-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .select-production .total-sub-text.title-text, .productions-details-container .select-production .productions-details .productions-add-container .productions-total .total-text .total-sub-text.title-text, .productions-details-container .productions-details .productions-add-container .productions-total .select-production .total-docs.title-text, .productions-details-container .select-production .productions-details .productions-add-container .productions-total .total-docs.title-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .select-production .empty-text.title-text, .productions-details-container .select-production .productions-details .productions-card-container .productions-empty-container .empty-text.title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .productions-details-container .select-production .body1_size.title-text, .productions-details-container .body1_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .body1_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .body1_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .body1_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .body1_size.empty-text, .productions-details-container__set-modal-container .body1_size.radio-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .productions-details-container .select-production .body2_size.title-text, .productions-details-container .body2_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .body2_size.total-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .body2_size.empty-text, .productions-details-container__set-modal-container .body2_size.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-docs { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .productions-details-container .select-production .body3_size.title-text, .productions-details-container .body3_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .body3_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .body3_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .body3_size.total-docs, .productions-details-container__set-modal-container .body3_size.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .productions-card-container .productions-empty-container .total-sub-text.empty-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .productions-add-container .productions-total .total-text .total-sub-text.empty-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .empty-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .productions-details-container .select-production .body4_size.title-text, .productions-details-container .body4_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .body4_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .body4_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .body4_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .body4_size.empty-text, .productions-details-container__set-modal-container .body4_size.radio-text, .productions-details-container .typo-text.select-production__meta-text, .productions-details-container .select-production .title-text.select-production__meta-text, .productions-details-container .select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .total-sub-text.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-docs.select-production__meta-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .empty-text.select-production__meta-text, .productions-details-container__set-modal-container .productions-details-container .radio-text.select-production__meta-text, .productions-details-container .productions-details-container__set-modal-container .radio-text.select-production__meta-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .productions-details-container .select-production .body5_size.title-text, .productions-details-container .body5_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .body5_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .body5_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .body5_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .body5_size.empty-text, .productions-details-container__set-modal-container .body5_size.radio-text { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .productions-details-container .select-production .label1_size.title-text, .productions-details-container .label1_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .label1_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .label1_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .label1_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .label1_size.empty-text, .productions-details-container .select-production .productions-details-container__set-modal-container .title-text.radio-text, .productions-details-container__set-modal-container .productions-details-container .select-production .title-text.radio-text, .productions-details-container .productions-details-container__set-modal-container .select-production__meta-text.radio-text, .productions-details-container__set-modal-container .productions-details-container .select-production__meta-text.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .productions-details-container__set-modal-container .total-text.radio-text, .productions-details-container__set-modal-container .productions-details-container .productions-details .productions-add-container .productions-total .total-text.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .productions-details-container__set-modal-container .total-sub-text.radio-text, .productions-details-container__set-modal-container .productions-details-container .productions-details .productions-add-container .productions-total .total-text .total-sub-text.radio-text, .productions-details-container .productions-details .productions-add-container .productions-total .productions-details-container__set-modal-container .total-docs.radio-text, .productions-details-container__set-modal-container .productions-details-container .productions-details .productions-add-container .productions-total .total-docs.radio-text, .productions-details-container .productions-details .productions-card-container .productions-empty-container .productions-details-container__set-modal-container .empty-text.radio-text, .productions-details-container__set-modal-container .productions-details-container .productions-details .productions-card-container .productions-empty-container .empty-text.radio-text, .productions-details-container__set-modal-container .radio-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .productions-details-container .select-production .label2_size.title-text, .productions-details-container .label2_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .label2_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .label2_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .label2_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .label2_size.empty-text, .productions-details-container__set-modal-container .label2_size.radio-text { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .productions-details-container .select-production .label3_size.title-text, .productions-details-container .label3_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .label3_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .label3_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .label3_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .label3_size.empty-text, .productions-details-container__set-modal-container .label3_size.radio-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .productions-details-container .select-production .label4_size.title-text, .productions-details-container .label4_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .label4_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .label4_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .label4_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .label4_size.empty-text, .productions-details-container__set-modal-container .label4_size.radio-text { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .productions-details-container .select-production .buttonLarge_size.title-text, .productions-details-container .buttonLarge_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonLarge_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .buttonLarge_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonLarge_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .buttonLarge_size.empty-text, .productions-details-container__set-modal-container .buttonLarge_size.radio-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .productions-details-container .select-production .buttonMedium_size.title-text, .productions-details-container .buttonMedium_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonMedium_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .buttonMedium_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonMedium_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .buttonMedium_size.empty-text, .productions-details-container__set-modal-container .buttonMedium_size.radio-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .productions-details-container .select-production .buttonSmall_size.title-text, .productions-details-container .buttonSmall_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonSmall_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .buttonSmall_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonSmall_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .buttonSmall_size.empty-text, .productions-details-container__set-modal-container .buttonSmall_size.radio-text { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .productions-details-container .select-production .buttonXS_size.title-text, .productions-details-container .buttonXS_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonXS_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .buttonXS_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .buttonXS_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .buttonXS_size.empty-text, .productions-details-container__set-modal-container .buttonXS_size.radio-text { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .productions-details-container .select-production .profilePictureTextClientMedium_size.title-text, .productions-details-container .profilePictureTextClientMedium_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .profilePictureTextClientMedium_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .profilePictureTextClientMedium_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .profilePictureTextClientMedium_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .profilePictureTextClientMedium_size.empty-text, .productions-details-container__set-modal-container .profilePictureTextClientMedium_size.radio-text { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .productions-details-container .select-production .profilePictureTextSmall_size.title-text, .productions-details-container .profilePictureTextSmall_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .profilePictureTextSmall_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .profilePictureTextSmall_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .profilePictureTextSmall_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .profilePictureTextSmall_size.empty-text, .productions-details-container__set-modal-container .profilePictureTextSmall_size.radio-text { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .productions-details-container .select-production .toastMessageText_size.title-text, .productions-details-container .toastMessageText_size.select-production__meta-text, .productions-details-container .productions-details .productions-add-container .productions-total .toastMessageText_size.total-text, .productions-details-container .productions-details .productions-add-container .productions-total .total-text .toastMessageText_size.total-sub-text, .productions-details-container .productions-details .productions-add-container .productions-total .toastMessageText_size.total-docs, .productions-details-container .productions-details .productions-card-container .productions-empty-container .toastMessageText_size.empty-text, .productions-details-container__set-modal-container .toastMessageText_size.radio-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .productions-details-container { display: flex; flex-direction: column; height: 100%; background-color: #1f2b3d; } .productions-details-container .select-production { padding: 2rem; background-color: #0c1119; display: flex; flex-direction: column; align-items: flex-start; } .productions-details-container .select-production .title-text { color: #fcfcfd; } .productions-details-container .select-production .select-production-dropdown { display: flex; margin-top: 0.75rem; align-items: center; } .productions-details-container .select-production .select-production-dropdown .custom-button { margin-left: 0.75rem; } .productions-details-container .select-production .select-production-dropdown .custom-button .MuiButton-startIcon svg { font-size: 1.5rem; fill: #ffffff; } .productions-details-container .select-production .select-production-dropdown .select-production-actions { display: flex; gap: 0.625rem; margin-left: 0.75rem; } .productions-details-container .select-production .select-production-dropdown .select-production-actions .icon-button { width: 2.5rem; height: 2.5rem; padding: 0.25rem; border-radius: 0.25rem; } .productions-details-container .select-production .select-production-dropdown .select-production-actions .icon-button svg { width: 1.5rem; height: 1.5rem; } .productions-details-container .select-production__meta { width: 25rem; min-height: 1.875rem; padding: 0.5rem 1rem 0.25rem 1rem; display: flex; align-items: center; gap: 0.25rem; background-color: transparent; border-radius: 0.125rem; box-sizing: border-box; } .productions-details-container .select-production__meta-text { font-family: Inter; font-weight: 400; color: #a5b4cb; opacity: 1; letter-spacing: 0rem; line-height: 1.125rem; } .productions-details-container .productions-details { display: flex; background-color: #182231; padding: 1.5rem 2rem; flex-direction: column; } .productions-details-container .productions-details .productions-add-container { display: flex; flex-direction: row; justify-content: space-between; } .productions-details-container .productions-details .productions-add-container .productions-total { display: flex; flex-direction: column; align-items: flex-start; } .productions-details-container .productions-details .productions-add-container .productions-total .total-text { color: #fcfcfd; } .productions-details-container .productions-details .productions-add-container .productions-total .total-text .total-sub-text { color: #a5b4cb; margin-left: 0.5rem; } .productions-details-container .productions-details .productions-add-container .productions-total .total-docs { color: #ccd5e3; margin-top: 0.5rem; } .productions-details-container .productions-details .add-production-buttons { display: flex; gap: 1rem; } .productions-details-container .productions-details .add-production-buttons .custom-button { margin-left: 0.75rem; } .productions-details-container .productions-details .add-production-buttons .custom-button .MuiButton-startIcon svg { font-size: 1.5rem; fill: #ffffff; } .productions-details-container .productions-details .productions-filters { display: flex; flex-direction: row; padding: 1.5rem 0rem; gap: 1rem; } .productions-details-container .productions-details .productions-card-container .productions-empty-container { background-color: #1f2b3d; min-height: 16.25rem; align-items: center; justify-content: center; display: flex; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .productions-details-container .productions-details .productions-card-container .productions-empty-container .empty-text { color: #a5b4cb; } .productions-details-container .productions-details .productions-card-container .loadMore { margin-top: 1.5rem; } .productions-details-container__set-modal-container .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(0.7rem, 0.4375rem) !important; } .productions-details-container__set-modal-container .custom-radio-group { gap: 0.5rem; margin-bottom: 1rem; } .productions-details-container__set-modal-container .custom-radio-group .custom-radio-label { padding: 0rem !important; padding-left: 0.25rem !important; } .productions-details-container__set-modal-container .radio-text { color: #fcfcfd; padding-left: 0.5rem; } .delete-set-modal__message { width: 30rem; gap: 1rem; font-family: var(--font-family-supporting); font-weight: 400; font-style: normal; font-size: var(--font-size-body2); line-height: var(--font-line-height-body2); letter-spacing: var(--font-letter-spacing-paragraph); color: #ccd5e3; margin: 0; display: flex; align-items: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-ingestion-header { display: flex; justify-content: space-between; align-items: center; background-color: #1f2b3d; padding: 0.375rem 2rem; flex-wrap: wrap; } .view-ingestion-header .view-ingestion-title { display: flex; align-items: center; gap: 0.5rem; } .view-ingestion-header .view-ingestion-title .view-ingestion-title-text { color: #fcfcfd; } .view-ingestion-header .view-ingestion-title .view-ingestion-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-ingestion-header .view-ingestion-button-section { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 48rem) { .view-ingestion-header { flex-direction: column; align-items: flex-start; padding: 0.75rem 1rem; } .view-ingestion-header .view-ingestion-title { margin-bottom: 0.75rem; } .view-ingestion-header .view-ingestion-button-section { width: 100%; justify-content: flex-start; gap: 1rem; } } .ingestion-info-icon { color: #89a6ff; flex-shrink: 0; display: block; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-ingestionSummary-header { display: flex; justify-content: space-between; align-items: center; background-color: #1f2b3d; padding: 1rem 2rem; } .view-ingestionSummary-header .view-ingestion-title { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 0.5rem; } .view-ingestionSummary-header .view-ingestion-title .view-user-title-text { color: #fcfcfd; } @media (max-width: 48rem) { .view-ingestionSummary-header { flex-direction: column; align-items: flex-start; padding: 0.75rem 1rem; } .view-ingestionSummary-header .view-ingestion-title { margin-bottom: 0.75rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .ingestion-header { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; padding: 0.5rem 2rem; background-color: #1f2b3d; } .ingestion-header .arr-dropdown-container .MuiFilledInput-root { background-color: #1f2b3d !important; } .ingestion-header .ingestion-search { width: 21rem; flex: 1 1 auto; } .ingestion-header .ingestion-search .search-input { width: 100%; } .ingestion-header .ingestion-search .MuiFilledInput-root { background-color: #1f2b3d; display: flex; align-items: center; } .ingestion-header .ingestion-search .MuiInputBase-input { padding: 0.75rem 1rem; line-height: normal; height: 100%; display: flex; align-items: center; } .ingestion-header .ingestion-search .MuiInputBase-input::placeholder { color: #a5b4cb; letter-spacing: 0rem; } .ingestion-header .ingestion-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; } .ingestion-header .checkbox-section { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; flex: 1 1 auto; } .ingestion-header .checkbox-section .MuiFormControlLabel-root { margin-left: 0rem !important; margin-right: 0.0625rem !important; } .ingestion-header .checkbox-section .checkbox-label { font-size: 0.95rem; } @media (max-width: 48rem) { .ingestion-header { flex-direction: column; align-items: stretch; gap: 1rem; padding: 0.75rem 1rem; } .ingestion-header .ingestion-search, .ingestion-header .ingestion-filters { width: 100%; } .ingestion-header .checkbox-section { flex-direction: row; justify-content: flex-start; } } @media (max-width: 30rem) { .ingestion-header { padding: 0.5rem 0.75rem; } .ingestion-header .checkbox-section { flex-direction: column; align-items: flex-start; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .ingestion-arr-feature-card { background-color: #0c1119 !important; color: #fcfcfd !important; border: 0.062rem solid #263449; border-radius: 0.5rem !important; min-height: 19.9375rem; } .ingestion-arr-feature-card .action-dropbox { background-color: #121a25 !important; } .ingestion-arr-feature-card .no-bg-icon { background-color: transparent !important; box-shadow: none !important; border: none; color: #c4d9ff; } .ingestion-arr-feature-card .no-bg-icon:hover, .ingestion-arr-feature-card .no-bg-icon:focus, .ingestion-arr-feature-card .no-bg-icon:active { background-color: #121a25 !important; box-shadow: none !important; } .ingestion-arr-feature-card__header { padding-bottom: 0rem !important; } .ingestion-arr-feature-card__header .MuiCardHeader-content { min-width: 0rem !important; text-align: left; } .ingestion-arr-feature-card__label--primary { margin-bottom: 0.75rem !important; } .ingestion-arr-feature-card__label--secondary { margin-bottom: 0.625rem !important; } .ingestion-arr-feature-card__label--tertiary { margin-bottom: 0.5rem !important; } .ingestion-arr-feature-card__label--progress-status { margin-bottom: 0.25rem !important; } .ingestion-arr-feature-card__content { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; margin: 0.75rem 0rem; } .ingestion-arr-feature-card__meta-data-box { flex: calc(33.33% - 1rem); min-width: 0rem !important; } .ingestion-arr-feature-card__bates { min-width: 0rem !important; display: flex; flex-direction: column; gap: 0.25rem; flex: 60%; } .ingestion-arr-feature-card__bates-box { background-color: #121a25; color: #fcfcfd; text-align: start; padding: 0.5rem; } .ingestion-arr-feature-card__bates-box :first-child { margin-bottom: 0.25rem; } .ingestion-arr-feature-card .MuiCardContent-root { padding-top: 0rem; padding-bottom: 1rem !important; text-align: left; } .ingestion-arr-feature-card .MuiDivider-root { border-bottom-color: #263449 !important; } .ingestion-arr-feature-card__last-modified { margin: 0.75rem 0rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .IngetiontileContainer { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; padding-top: 0.3125rem; padding-left: 2rem; padding-bottom: 2rem; } .IngetiontileContainer .IngestiontileWrapper { flex: 0 0 19.375rem; width: 19.375rem; height: 19.9375rem; overflow: hidden; } .IngetionloadMoreContainer { padding-bottom: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .ingestion-detail { background-color: #121a25; min-height: 100vh; } .ingestion-detail .pl-null { padding-left: 0; } .ingestion-detail .info-icon { color: #89a6ff; } .ingestion-detail .ingestion-header { background-color: #0c1119; display: flex; justify-content: space-between; align-items: center; padding: 0 3rem; min-height: 4.5rem; } .ingestion-detail .ingestion-header .title { color: #fcfcfd; font-size: 1.5rem; font-weight: 400; font-family: Reckless; } .ingestion-detail .ingestion-process-section { border-top: 1px solid #3c4f6b; } .ingestion-detail .details-section { padding: 3rem; border-radius: 0.5rem; margin-bottom: 1rem; padding-bottom: 0; } .ingestion-detail .details-section .section-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; font-family: Inter; color: #fcfcfd; } .ingestion-detail .details-section .detail-row { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 0.875rem; font-family: Inter; } .ingestion-detail .details-section .detail-row .detail-label { width: 13.5rem; color: #a5b4cb; } .ingestion-detail .details-section .detail-row .detail-value { flex: 1; color: #fcfcfd; line-break: anywhere; } .ingestion-detail .history-section { padding: 3rem; padding-top: 0; } .ingestion-detail .history-section .details-section { padding-left: 0; } .ingestion-detail .history-section .MuiDataGrid-footerContainer { display: none; } .ingestion-detail .history-section .process-section-grid-cataloging .arr-datagrid { height: 7rem; } .ingestion-detail .history-section .process-section-grid-cataloging .arr-datagrid .ingestion-errors-cell { cursor: pointer; text-decoration: underline; } .ingestion-detail .history-section .process-section-grid-cataloging .arr-datagrid .ingestion-errors-cell:hover { text-decoration: none; } .ingestion-detail .history-section .process-section-grid-copying .arr-datagrid { height: 33rem; } .ingestion-detail .history-section .process-section-grid-copying .arr-datagrid .ingestion-errors-cell { cursor: pointer; text-decoration: underline; } .ingestion-detail .history-section .process-section-grid-copying .arr-datagrid .ingestion-errors-cell:hover { text-decoration: none; } .ingestion-detail .section-header { padding-top: 2rem; border-top: 1px solid #3c4f6b; } .ingestion-detail .error-count { font-size: 0.875rem; color: #89a6ff; cursor: pointer; text-decoration: none; transition: color 0.3s, text-decoration 0.3s; } .ingestion-detail .error-count:hover { text-decoration: underline; } .action-dropdown-menubox .MuiMenu-paper { margin-top: 1rem; background-color: #121a25; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } /* ============================ Ingestion Errors Modal (MUI overrides) ============================ */ .ingestion-errors-modal .MuiDialog-paper { width: 90rem !important; max-width: 90rem !important; max-height: 52.25rem; margin: 0 auto; border-radius: 1.5rem; padding-bottom: 0 !important; background-color: #0c1119; box-sizing: border-box; overflow: hidden; } .ingestion-errors-modal .modal-header-title { padding: 0 2rem; } .ingestion-errors-modal .modal-header-title .title-container { gap: 0.25rem; } .ingestion-errors-modal .modal-header-title .title-container .error-list-info-icon { color: #89a6ff; cursor: pointer; } .ingestion-errors-modal .modal-header-title .title-container .heading-title-text { color: #fcfcfd; } .ingestion-errors-modal { /* modal heading color using checkbox-label-text */ } .ingestion-errors-modal .modal-content .desc-text-color { color: #fcfcfd !important; } .ingestion-errors-modal .modal-content p { padding: 0 2rem; } .ingestion-errors-modal .MuiDialogContent-root { padding-bottom: 0 !important; } .ingestion-errors-modal .MuiFormControlLabel-root.Mui-disabled .MuiFormControlLabel-label, .ingestion-errors-modal .ingestion-checkbox .MuiFormControlLabel-root.Mui-disabled .MuiFormControlLabel-label { color: #fcfcfd !important; opacity: 1 !important; } /* ============================ Ingestion errors container ============================ */ .ingestion-errors-container { display: flex; flex-direction: column; gap: 0 !important; /* direct padding value (compact) */ padding: 2rem; padding-bottom: 0 !important; height: 100%; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #5265ff #0c1119; } .ingestion-errors-container .ingestion-errors-grid { max-height: 52.25rem; height: 30rem; } .ingestion-errors-container .ingestion-errors-grid .MuiDataGrid-cell.MuiDataGrid-cellEmpty { display: none; } .ingestion-errors-container .ingestion-errors-grid .MuiDataGrid-cell--withRightBorder { border-right: 0.062rem solid #263449; } .ingestion-errors-container .ingestion-errors-grid .MuiDataGrid-row .MuiDataGrid-cell { border-bottom: 0.062rem solid #263449; } .ingestion-errors-container .ingestion-errors-grid { /* hide separator from last header cell */ } .ingestion-errors-container .ingestion-errors-grid .last-column .MuiDataGrid-columnSeparator { display: none; } .ingestion-errors-container { /* ---------- Footer Layout ---------- */ } .ingestion-errors-container .ingestion-errors-footer { flex-shrink: 0; display: flex; justify-content: flex-start; align-items: center; /* REMOVE TOP MARGIN ABOVE FOOTER */ margin-top: 0 !important; gap: 1rem; margin-bottom: 0 !important; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination { display: flex; justify-content: flex-start; flex: 0 0 auto; background-color: transparent; padding-right: 0; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination .per-page-select { background-color: transparent; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination .custom-pagination .page-button { background-color: transparent; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination .custom-pagination .page-button.active { color: #89a6ff; background-color: rgba(84, 106, 140, 0.2) !important; } .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; flex-wrap: wrap; margin-left: auto; width: max-content; } .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons .export-btn, .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons .done-btn { background-color: #5265ff; color: #ffffff; } .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons .export-btn:hover, .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons .done-btn:hover { background-color: #6e87ff; } /* ============================ Responsive Layout ============================ */ @media (max-width: 67.5rem) { .arr-modal.ingestion-errors-modal .MuiDialog-paper { width: 47.5rem !important; max-width: 47.5rem !important; height: 39.375rem !important; } .ingestion-errors-container { padding: 1.5rem; } } @media (max-width: 37.5rem) { .ingestion-errors-container .ingestion-errors-footer { flex-direction: column; align-items: flex-start; /* Keep footer tight in responsive too */ margin-top: 0 !important; gap: 1.5rem; margin-bottom: 0 !important; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination { justify-content: flex-start; width: 100%; background-color: transparent; padding-right: 0; } .ingestion-errors-container .ingestion-errors-footer .arr-pagination .per-page-select { background-color: transparent; } .ingestion-errors-container .ingestion-errors-footer .ingestion-errors-buttons { justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-left: 0; gap: 1rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-ingestion { display: flex; flex-direction: column; background-color: #1f2b3d; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis !important; min-height: 28.125rem; } .view-ingestion .widget-section { display: flex; flex-direction: column; padding: 0rem 2rem 1rem 2rem; } .view-ingestion .widget-section .refresh-text { margin-top: 1.5rem; text-align: left; } .view-ingestion .widget-section .Ingestion-widgets { display: flex; flex-direction: row; height: 31.125rem; margin-top: 1rem; } .view-ingestion .widget-section .Ingestion-widgets .left-widget, .view-ingestion .widget-section .Ingestion-widgets .center-widget, .view-ingestion .widget-section .Ingestion-widgets .right-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; } .view-ingestion .widget-section .Ingestion-widgets .center-widget { margin-left: 0.5rem; margin-right: 0.5rem; } @media (max-width: 48rem) { .view-ingestion .widget-section .Ingestion-widgets { flex-direction: column; height: auto; } .view-ingestion .widget-section .Ingestion-widgets .left-widget, .view-ingestion .widget-section .Ingestion-widgets .center-widget, .view-ingestion .widget-section .Ingestion-widgets .right-widget { margin: 0.5rem 0rem; } .view-ingestion .widget-section .Ingestion-widgets .center-widget { margin: 0.5rem 0rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .review-manager-dashboard { display: flex; flex-direction: column; background-color: #1f2b3d; } .review-manager-dashboard .widget-section { display: flex; flex-direction: column; padding: 0rem 2rem 1rem 2rem; } .review-manager-dashboard .widget-section .refresh-text { margin-top: 1.5rem; text-align: left; } .review-manager-dashboard .widget-section .widgets { height: 31.125rem; margin-top: 1rem; } .review-manager-dashboard .widget-section .widgets .widgets-loading-grid { display: contents; } .review-manager-dashboard .widget-section .widgets .left-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; } .review-manager-dashboard .widget-section .widgets .center-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; margin-left: 0.5rem; margin-right: 0.5rem; } .review-manager-dashboard .widget-section .widgets .right-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; } .review-manager-dashboard .grid-section { display: flex; flex-direction: column; background-color: #0c1119; margin-top: 1rem; } .widget-swap-modal .widget-grid { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; } .widget-swap-modal .modal-container { display: flex; gap: 2rem; padding-top: 5.125rem; padding-bottom: 5.125rem; justify-content: center; flex-wrap: wrap; background-color: #182231; } .widget-swap-modal .widget-button { width: 12.5rem; height: 7.25rem; border-radius: 0.5rem; background: radial-gradient(circle at left, #326478, #3b3a6c); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .widget-swap-modal .widget-button-disabled { width: 12.5rem; height: 7.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 0.5rem; background-color: #263449; color: #727882; } .widget-swap-modal .text-color { color: #fcfcfd; } .widget-swap-modal .widget-button-color { color: #fcfcfd; margin-top: 1rem; } .widget-swap-modal .widget-button-color-disabled { color: #727882; margin-top: 1rem; } .widget-swap-modal .widget-button:hover { background: radial-gradient(circle at left, #482a5d, #68459b); } .widget-swap-modal .widget-button.unselected { background: #1f2b3d; } .widget-swap-modal .custom-text-color { color: #fcfcfd; padding-bottom: 1rem; padding-left: 2rem; } .widget-swap-modal .modal-paper { border-radius: 1.5rem; padding: 0; padding-top: 2rem; padding-bottom: 1rem; background-color: #0c1119; border: 0.062rem solid #5265ff; width: 52.5rem; max-width: 52.5rem; max-height: 40rem; } .widget-swap-modal .modal-content { padding: 0rem; padding-top: 1rem !important; } .widget-swap-modal .modal-actions { padding: 0rem; padding-top: 1rem; } .widget-swap-modal .modal-actions .button-row { display: flex; gap: 1rem; justify-content: flex-end; padding-right: 3rem; } .widget-swap-modal .modal-actions .button-row button { flex: none; width: auto; height: 2.5rem; border-radius: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .review-rate-root { text-align: left; display: flex; flex: 1; height: 100%; flex-direction: column; } .review-rate-root .review-rate-chat { height: 100%; margin-right: -0.375rem; margin-left: -0.75rem; margin-top: 1.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .end-to-end-root { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .end-to-end-root .funnel-chart-container { flex: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .tagging-root .tagging-table .table-container .display1_size.table-header, .tagging-root .tagging-table .table-container .display1_size.table-row { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .tagging-root .tagging-table .table-container .display2_size.table-header, .tagging-root .tagging-table .table-container .display2_size.table-row { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .tagging-root .tagging-table .table-container .display3_size.table-header, .tagging-root .tagging-table .table-container .display3_size.table-row { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .tagging-root .tagging-table .table-container .headline1_size.table-header, .tagging-root .tagging-table .table-container .headline1_size.table-row { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .tagging-root .tagging-table .table-container .headline2_size.table-header, .tagging-root .tagging-table .table-container .headline2_size.table-row { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .tagging-root .tagging-table .table-container .headline3_size.table-header, .tagging-root .tagging-table .table-container .headline3_size.table-row { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .tagging-root .tagging-table .table-container .subhead1_size.table-header, .tagging-root .tagging-table .table-container .subhead1_size.table-row { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .tagging-root .tagging-table .table-container .subhead2_size.table-header, .tagging-root .tagging-table .table-container .subhead2_size.table-row { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .tagging-root .tagging-table .table-container .subhead3_size.table-header, .tagging-root .tagging-table .table-container .subhead3_size.table-row { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .tagging-root .tagging-table .table-container .subhead4_size.table-header, .tagging-root .tagging-table .table-container .subhead4_size.table-row { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .tagging-root .tagging-table .table-container .subhead5_size.table-header, .tagging-root .tagging-table .table-container .subhead5_size.table-row { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .tagging-root .tagging-table .table-container .body1_size.table-header, .tagging-root .tagging-table .table-container .body1_size.table-row { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .tagging-root .tagging-table .table-container .body2_size.table-header, .tagging-root .tagging-table .table-container .body2_size.table-row { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .tagging-root .tagging-table .table-container .body3_size.table-header, .tagging-root .tagging-table .table-container .body3_size.table-row { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .tagging-root .tagging-table .table-container .body4_size.table-header, .tagging-root .tagging-table .table-container .table-row { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .tagging-root .tagging-table .table-container .body5_size.table-header, .tagging-root .tagging-table .table-container .body5_size.table-row { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .tagging-root .tagging-table .table-container .label1_size.table-header, .tagging-root .tagging-table .table-container .label1_size.table-row { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .tagging-root .tagging-table .table-container .label2_size.table-header, .tagging-root .tagging-table .table-container .label2_size.table-row { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .tagging-root .tagging-table .table-container .label3_size.table-header, .tagging-root .tagging-table .table-container .label3_size.table-row { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .tagging-root .tagging-table .table-container .label4_size.table-row, .tagging-root .tagging-table .table-container .table-header { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .tagging-root .tagging-table .table-container .buttonLarge_size.table-header, .tagging-root .tagging-table .table-container .buttonLarge_size.table-row { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .tagging-root .tagging-table .table-container .buttonMedium_size.table-header, .tagging-root .tagging-table .table-container .buttonMedium_size.table-row { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .tagging-root .tagging-table .table-container .buttonSmall_size.table-header, .tagging-root .tagging-table .table-container .buttonSmall_size.table-row { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .tagging-root .tagging-table .table-container .buttonXS_size.table-header, .tagging-root .tagging-table .table-container .buttonXS_size.table-row { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .tagging-root .tagging-table .table-container .profilePictureTextClientMedium_size.table-header, .tagging-root .tagging-table .table-container .profilePictureTextClientMedium_size.table-row { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .tagging-root .tagging-table .table-container .profilePictureTextSmall_size.table-header, .tagging-root .tagging-table .table-container .profilePictureTextSmall_size.table-row { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .tagging-root .tagging-table .table-container .toastMessageText_size.table-header, .tagging-root .tagging-table .table-container .toastMessageText_size.table-row { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tagging-root { text-align: left; } .tagging-root .summary-row { display: flex; justify-content: flex-start; } .tagging-root .summary-row .summary-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; width: 50%; } .tagging-root .summary-row .summary-item p.zero-count { color: #727882 !important; } .tagging-root .tagging-table { margin-top: 1.5rem; } .tagging-root .tagging-table .table-container { margin-top: 0.5rem; } .tagging-root .tagging-table .table-container .table-header { color: #a5b4cb; border-bottom: 0.062rem solid #263449; background-color: #1f2b3d; padding: 0.5rem; } .tagging-root .tagging-table .table-container .table-row { color: #fcfcfd; border-bottom: 0.062rem solid #263449; padding: 0.5rem; } .tagging-root .tagging-table .table-container .table-row-zero-state { height: 1.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .customize-tag-widget-container .tree-loading { margin-top: 1.5rem; } .customize-tag-widget-container .content-box .custom-tagging-banner .arr-banner--info { background-color: #182231; color: #fcfcfd; } .customize-tag-widget-container .content-box .custom-tagging-banner .arr-banner { padding: 1rem 3rem; } .customize-tag-widget-container .content-box .custom-tagging-tree-view { margin-left: 3rem; margin-right: 1rem; } .customize-tag-widget-container .content-box .custom-tagging-tree-view .label-container { color: #fcfcfd; } .customize-tag-widget-container .content-box .custom-tagging-tree-view .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } .customize-tag-widget-container .content-box .custom-tagging-tree-view .MuiTreeItem-content { border-bottom: 0.0625rem solid rgba(60, 79, 107, 0.4); } .customize-tag-widget-container .content-box .custom-tagging-tree-view .MuiTreeItem-content.Mui-selected { background-color: #3847a8 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .header-box { display: flex; padding: 1.5rem 3rem 1rem 3rem; justify-content: space-between; background-color: #0c1119; flex-direction: column; height: 4rem; } .header-box .title { color: #a5b4cb; } .header-box .title-box { display: flex; justify-content: space-between; align-items: center; } .header-box .title-box .title { color: #fcfcfd; } .header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .assignment-container { display: flex; flex-direction: column; background-color: #0c1119; padding-left: 2rem; border-top: 0.0625rem solid #263449; } .assignment-container .velocity-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .assignment-container .wrap-text { text-wrap: wrap; text-align: left; } .assignment-container .arr-datagrid .MuiDataGrid-overlayWrapper { height: unset; } .assignment-container .arr-datagrid .MuiDataGrid-overlayWrapperInner { min-height: 15rem !important; max-height: 15rem !important; } .assignment-container .arr-datagrid .MuiDataGrid-columnHeaders { max-height: 4rem !important; min-height: 4rem !important; justify-content: center; } .assignment-container .arr-datagrid .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; padding-top: 4rem; height: 100%; } .assignment-container .arr-datagrid .no-project-data-found .no-project-text { margin-top: 2.1875rem; color: #fcfcfd; } .assignment-container .assignment-header { display: flex; justify-content: flex-start; gap: 0.5rem; align-items: center; padding: 1.625rem 0rem 1.625rem 2rem; border-bottom: 0.0625rem solid #263449; } .assignment-container .assignment-header .header_text { color: #fcfcfd; } .assignment-container .velocity { display: flex; align-items: center; justify-content: flex-start; gap: 0.625rem; } .assignment-container .view-assignments { background-color: transparent; } .assignment-container .progress-bar { width: 80%; } .assignment-container .assignment-level { display: flex; flex-direction: column; } .assignment-container .assignment-name-text { color: #89a6ff; cursor: pointer; text-decoration: underline; } .assignment-container .assignment-name-subtext { display: flex; align-items: center; } .assignment-container .full-box { width: 100%; } .assignment-container .progress-box { display: flex; align-items: center; justify-content: space-between; } .assignment-container .info-assignment-button { margin-left: 0.25rem; } .assignment-container .icon-button.MuiIconButton-sizeSmall { width: 1rem !important; height: 1rem !important; } .assignment-container .icon-button.MuiIconButton-sizeSmall svg { width: 1rem !important; height: 1rem !important; } .assignment-container .arr-datagrid .MuiDataGrid-row { display: flex; align-items: center; box-sizing: border-box; } .assignment-container .arr-datagrid .MuiDataGrid-row .MuiDataGrid-cell { background-color: #182231; border-bottom: 0.062rem solid #263449; padding: 0.5rem 1rem; height: 3.25rem !important; } .no-data-found { display: flex; flex-direction: column; align-items: center; padding-top: 10rem; height: 100%; color: #fcfcfd; background-color: #182231; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .reviewer-productivity-root .overall-container .overall-data-header .display1_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .display1_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .display1_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .display1_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .display1_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display1_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display1_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .display1_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display1_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display1_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display1_size.column-warning { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .reviewer-productivity-root .overall-container .overall-data-header .display2_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .display2_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .display2_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .display2_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .display2_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display2_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display2_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .display2_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display2_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display2_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display2_size.column-warning { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .reviewer-productivity-root .overall-container .overall-data-header .display3_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .display3_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .display3_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .display3_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .display3_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display3_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .display3_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .display3_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display3_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display3_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .display3_size.column-warning { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .reviewer-productivity-root .overall-container .overall-data-header .headline1_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .headline1_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .headline1_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .headline1_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .headline1_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline1_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline1_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .headline1_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline1_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline1_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline1_size.column-warning { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .reviewer-productivity-root .overall-container .overall-data-header .headline2_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .headline2_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .headline2_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .headline2_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .headline2_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline2_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline2_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .headline2_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline2_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline2_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline2_size.column-warning { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .reviewer-productivity-root .overall-container .overall-data-header .headline3_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .headline3_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .headline3_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .headline3_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .headline3_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline3_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .headline3_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .headline3_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline3_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline3_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .headline3_size.column-warning { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .reviewer-productivity-root .overall-container .overall-data-header .subhead1_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .subhead1_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .subhead1_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .subhead1_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .subhead1_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead1_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead1_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .subhead1_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead1_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead1_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead1_size.column-warning { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .reviewer-productivity-root .overall-container .overall-data-header .subhead2_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .subhead2_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .subhead2_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .subhead2_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .subhead2_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead2_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead2_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .subhead2_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead2_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead2_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead2_size.column-warning { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .reviewer-productivity-root .overall-container .overall-data-header .subhead3_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .subhead3_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .subhead3_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .subhead3_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .subhead3_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead3_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead3_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .subhead3_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead3_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead3_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead3_size.column-warning { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .reviewer-productivity-root .overall-container .overall-data-header .subhead4_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .subhead4_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .subhead4_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .subhead4_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .subhead4_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead4_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead4_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .subhead4_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead4_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead4_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead4_size.column-warning { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .reviewer-productivity-root .overall-container .overall-data-header .subhead5_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .subhead5_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .subhead5_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .subhead5_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .subhead5_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead5_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .subhead5_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .subhead5_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead5_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead5_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .subhead5_size.column-warning { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .reviewer-productivity-root .overall-container .overall-data-header .body1_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .body1_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .body1_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .body1_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .body1_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body1_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body1_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .body1_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body1_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body1_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body1_size.column-warning { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .reviewer-productivity-root .overall-container .overall-data-header .body2_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .body2_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .body2_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .body2_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .body2_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body2_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body2_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .body2_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body2_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body2_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body2_size.column-warning { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .reviewer-productivity-root .overall-container .overall-data-header .body3_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .body3_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .body3_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .body3_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .body3_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body3_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body3_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .body3_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body3_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body3_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body3_size.column-warning { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .reviewer-productivity-root .overall-container .overall-data-header .body4_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .body4_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .body4_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .body4_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body4_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body4_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .body4_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body4_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body4_size.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .reviewer-productivity-root .overall-container .overall-data-header .body5_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .body5_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .body5_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .body5_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .body5_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body5_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .body5_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .body5_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body5_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body5_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .body5_size.column-warning { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .reviewer-productivity-root .overall-container .overall-data-header .label1_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .label1_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .label1_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .label1_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .label1_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label1_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label1_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .label1_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label1_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label1_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label1_size.column-warning { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .reviewer-productivity-root .overall-container .overall-data-header .label2_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .label2_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .label2_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .label2_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .label2_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label2_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label2_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .label2_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label2_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label2_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label2_size.column-warning { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .reviewer-productivity-root .overall-container .overall-data-header .label3_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .label3_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .label3_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .label3_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .label3_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label3_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .label3_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .label3_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label3_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label3_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label3_size.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .typo-text.column-completed, .reviewer-productivity-root .overall-container .overall-data-header .overall-data-row .overall-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .overall-data-header .overall-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-header .overall-data-row .top-reviewer-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .overall-data-header .top-reviewer-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .column-text.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .column-completed, .reviewer-productivity-root .overall-container .overall-data-row .column-warning.column-completed, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-container .overall-data-row .overall-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .top-reviewer-header .overall-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-container .overall-data-row .top-reviewer-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .top-reviewer-header .top-reviewer-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-row .reviewer-name.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-name.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-text.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-text.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-warning.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-warning.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .typo-text.column-warning, .reviewer-productivity-root .overall-container .overall-data-header .overall-data-row .overall-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .overall-data-header .overall-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-header .overall-data-row .top-reviewer-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .overall-data-header .top-reviewer-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .column-text.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .column-completed.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-container .overall-data-row .overall-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .top-reviewer-header .overall-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-container .overall-data-row .top-reviewer-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .top-reviewer-header .top-reviewer-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-row .reviewer-name.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-name.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-text.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-text.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-completed.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-completed.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-warning, .reviewer-productivity-root .top-reviewer-container .typo-text.reviewer-name, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .overall-table-header.reviewer-name, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-header .overall-table-header.reviewer-name, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .top-reviewer-table-header.reviewer-name, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-header .top-reviewer-table-header.reviewer-name, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .column-text.reviewer-name, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-row .column-text.reviewer-name, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .column-completed.reviewer-name, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-row .column-completed.reviewer-name, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .column-warning.reviewer-name, .reviewer-productivity-root .top-reviewer-container .overall-container .overall-data-row .column-warning.reviewer-name, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-table-header.reviewer-name, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .top-reviewer-table-header.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-text.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-completed.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-warning.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .typo-text.column-completed, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .reviewer-data-row .overall-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-header .overall-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .reviewer-data-row .top-reviewer-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-header .top-reviewer-table-header.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-text.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-text.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-completed, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-warning.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-warning.column-completed, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .reviewer-data-row .overall-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .top-reviewer-header .overall-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .reviewer-data-row .top-reviewer-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .top-reviewer-header .top-reviewer-table-header.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .reviewer-name.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-text.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-warning.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .typo-text.column-warning, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .reviewer-data-row .overall-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-header .overall-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-container .reviewer-data-row .top-reviewer-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-header .top-reviewer-table-header.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-text.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-text.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-completed.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-completed.column-warning, .reviewer-productivity-root .overall-container .overall-data-row .top-reviewer-container .reviewer-data-row .column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .overall-container .overall-data-row .column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .reviewer-data-row .overall-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .top-reviewer-header .overall-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .reviewer-data-row .top-reviewer-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .top-reviewer-header .top-reviewer-table-header.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .reviewer-name.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-text.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-completed.column-warning, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-warning { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .reviewer-productivity-root .overall-container .overall-data-row .label4_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .label4_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .label4_size.column-warning, .reviewer-productivity-root .top-reviewer-container .label4_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label4_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label4_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .label4_size.column-warning, .reviewer-productivity-root .overall-container .overall-data-header .overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .top-reviewer-table-header { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .reviewer-productivity-root .overall-container .overall-data-header .buttonLarge_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .buttonLarge_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .buttonLarge_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .buttonLarge_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .buttonLarge_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonLarge_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonLarge_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .buttonLarge_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonLarge_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonLarge_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonLarge_size.column-warning { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .reviewer-productivity-root .overall-container .overall-data-header .buttonMedium_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .buttonMedium_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .buttonMedium_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .buttonMedium_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .buttonMedium_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonMedium_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonMedium_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .buttonMedium_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonMedium_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonMedium_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonMedium_size.column-warning { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .reviewer-productivity-root .overall-container .overall-data-header .buttonSmall_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .buttonSmall_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .buttonSmall_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .buttonSmall_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .buttonSmall_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonSmall_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonSmall_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .buttonSmall_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonSmall_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonSmall_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonSmall_size.column-warning { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .reviewer-productivity-root .overall-container .overall-data-header .buttonXS_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .buttonXS_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .buttonXS_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .buttonXS_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .buttonXS_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonXS_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .buttonXS_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .buttonXS_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonXS_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonXS_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .buttonXS_size.column-warning { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .reviewer-productivity-root .overall-container .overall-data-header .profilePictureTextClientMedium_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .profilePictureTextClientMedium_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextClientMedium_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextClientMedium_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextClientMedium_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .profilePictureTextClientMedium_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .profilePictureTextClientMedium_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .profilePictureTextClientMedium_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextClientMedium_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextClientMedium_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextClientMedium_size.column-warning { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .reviewer-productivity-root .overall-container .overall-data-header .profilePictureTextSmall_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .profilePictureTextSmall_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextSmall_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextSmall_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .profilePictureTextSmall_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .profilePictureTextSmall_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .profilePictureTextSmall_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .profilePictureTextSmall_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextSmall_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextSmall_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .profilePictureTextSmall_size.column-warning { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .reviewer-productivity-root .overall-container .overall-data-header .toastMessageText_size.overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .toastMessageText_size.top-reviewer-table-header, .reviewer-productivity-root .overall-container .overall-data-row .toastMessageText_size.column-text, .reviewer-productivity-root .overall-container .overall-data-row .toastMessageText_size.column-completed, .reviewer-productivity-root .overall-container .overall-data-row .toastMessageText_size.column-warning, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .toastMessageText_size.overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .toastMessageText_size.top-reviewer-table-header, .reviewer-productivity-root .top-reviewer-container .toastMessageText_size.reviewer-name, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .toastMessageText_size.column-text, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .toastMessageText_size.column-completed, .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .toastMessageText_size.column-warning { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-productivity-root { text-align: left; } .reviewer-productivity-root .overall-container .overall-text { margin-bottom: 0.5rem; } .reviewer-productivity-root .overall-container .overall-data-header { display: flex; background-color: #1f2b3d; } .reviewer-productivity-root .overall-container .overall-data-header .overall-table-header, .reviewer-productivity-root .overall-container .overall-data-header .top-reviewer-table-header { color: #a5b4cb; padding: 0.5rem; } .reviewer-productivity-root .overall-container .overall-data-row { display: flex; border-bottom: 0.062rem solid #263449; } .reviewer-productivity-root .overall-container .overall-data-row .column-text { color: #fcfcfd; padding: 0.5rem; } .reviewer-productivity-root .overall-container .overall-data-row .column-completed { color: #7ddfbb; } .reviewer-productivity-root .overall-container .overall-data-row .column-warning { color: #ffc37d; } .reviewer-productivity-root .overall-container .show-empty-row { padding-bottom: 2.125rem; border-bottom: none; } .reviewer-productivity-root .top-reviewer-container { margin-top: 1.5rem; } .reviewer-productivity-root .top-reviewer-container .reviewer-text { margin-bottom: 0.5rem; } .reviewer-productivity-root .top-reviewer-container .top-reviewer-header { display: flex; background-color: #1f2b3d; } .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .overall-table-header, .reviewer-productivity-root .top-reviewer-container .top-reviewer-header .top-reviewer-table-header { color: #a5b4cb; padding: 0.5rem; } .reviewer-productivity-root .top-reviewer-container .reviewer-name { color: #fcfcfd; padding-top: 1rem; } .reviewer-productivity-root .top-reviewer-container .reviewer-data-row { display: flex; border-bottom: 0.062rem solid #263449; } .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-text { color: #fcfcfd; padding: 0.5rem; } .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-completed { color: #7ddfbb; } .reviewer-productivity-root .top-reviewer-container .reviewer-data-row .column-warning { color: #ffc37d; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .customize-reviewer-productivity-widget-container .content-box { background-color: #121a25; color: #fcfcfd; padding: 2rem 3rem; } .customize-reviewer-productivity-widget-container .content-box .MuiTreeItem-content { border: none; height: 2rem !important; } .customize-reviewer-productivity-widget-container .content-box .label-container { color: #fcfcfd; } .customize-reviewer-productivity-widget-container .content-box .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .customize-reviewer-productivity-widget-container .content-box .date-range-section .arr-field-popover-date-filter { max-width: 17.0625rem; } .customize-reviewer-productivity-widget-container .content-box .small-box { display: flex; gap: 1rem; margin-bottom: 1.5rem; margin-top: 0.5rem; } .customize-reviewer-productivity-widget-container .content-box .date-picker-gap { gap: 0.75rem; } .customize-reviewer-productivity-widget-container .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } .customize-reviewer-productivity-widget-container .date-separator { font-family: "Inter"; font-weight: 400; font-style: "Regular"; font-size: 0.75rem; line-height: 1rem; color: #fcfcfd; } .customize-reviewer-productivity-widget-container .separator-container { display: flex; align-items: center; justify-content: center; } .customize-reviewer-productivity-widget-container .date-range-customize .MuiInputBase-root .MuiFilledInput-input { font-family: "Inter"; font-weight: 400; font-style: "Regular"; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; vertical-align: middle; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-section .arr-checkbox-list > .arr-checkbox-label { display: none; } .reviewer-section .arr-checkbox-row .MuiTypography-root { font-family: "Inter"; font-weight: 400; font-style: "Regular"; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0; } .reviewer-section { margin-bottom: 2rem; } .reviewer-section .u-mb-1 { margin-bottom: 1rem; } .reviewer-section .reviewers-radio-group { padding-left: 1rem; padding-top: 0.5rem; } .reviewer-section .reviewers-radio-group .radio-ctrl-col { color: #5265ff; } .reviewer-section .reviewers-radio-group .MuiFormGroup-root { flex-direction: column; gap: 1rem; } .reviewer-section .reviewers-radio-group .arr-radio--large .radio-icon { width: 1.25rem; height: 1.25rem; } .reviewer-section .reviewers-selection .arr-checkbox-row.selected { background-color: transparent; } .reviewer-section .reviewers-selection { margin-left: 1.5rem; margin-top: 0.5rem; } .reviewer-section .reviewers-selection .label { height: 2rem; } .reviewer-section .reviewers-selection .arr-checkbox-list { gap: 0.5rem; } .reviewer-section .reviewers-selection .arr-checkbox-children { gap: 0.25rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .reviewer-progress-root .reviewer-table .table-container .display1_size.table-header, .reviewer-progress-root .reviewer-table .table-container .display1_size.table-row, .reviewer-progress-root .reviewer-table .table-container .display1_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .display1_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .display1_size.table-column-todo { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .reviewer-progress-root .reviewer-table .table-container .display2_size.table-header, .reviewer-progress-root .reviewer-table .table-container .display2_size.table-row, .reviewer-progress-root .reviewer-table .table-container .display2_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .display2_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .display2_size.table-column-todo { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .reviewer-progress-root .reviewer-table .table-container .display3_size.table-header, .reviewer-progress-root .reviewer-table .table-container .display3_size.table-row, .reviewer-progress-root .reviewer-table .table-container .display3_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .display3_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .display3_size.table-column-todo { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .reviewer-progress-root .reviewer-table .table-container .headline1_size.table-header, .reviewer-progress-root .reviewer-table .table-container .headline1_size.table-row, .reviewer-progress-root .reviewer-table .table-container .headline1_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .headline1_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .headline1_size.table-column-todo { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .reviewer-progress-root .reviewer-table .table-container .headline2_size.table-header, .reviewer-progress-root .reviewer-table .table-container .headline2_size.table-row, .reviewer-progress-root .reviewer-table .table-container .headline2_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .headline2_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .headline2_size.table-column-todo { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .reviewer-progress-root .reviewer-table .table-container .headline3_size.table-header, .reviewer-progress-root .reviewer-table .table-container .headline3_size.table-row, .reviewer-progress-root .reviewer-table .table-container .headline3_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .headline3_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .headline3_size.table-column-todo { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .reviewer-progress-root .reviewer-table .table-container .subhead1_size.table-header, .reviewer-progress-root .reviewer-table .table-container .subhead1_size.table-row, .reviewer-progress-root .reviewer-table .table-container .subhead1_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .subhead1_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .subhead1_size.table-column-todo { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .reviewer-progress-root .reviewer-table .table-container .subhead2_size.table-header, .reviewer-progress-root .reviewer-table .table-container .subhead2_size.table-row, .reviewer-progress-root .reviewer-table .table-container .subhead2_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .subhead2_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .subhead2_size.table-column-todo { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .reviewer-progress-root .reviewer-table .table-container .subhead3_size.table-header, .reviewer-progress-root .reviewer-table .table-container .subhead3_size.table-row, .reviewer-progress-root .reviewer-table .table-container .subhead3_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .subhead3_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .subhead3_size.table-column-todo { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .reviewer-progress-root .reviewer-table .table-container .subhead4_size.table-header, .reviewer-progress-root .reviewer-table .table-container .subhead4_size.table-row, .reviewer-progress-root .reviewer-table .table-container .subhead4_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .subhead4_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .subhead4_size.table-column-todo { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .reviewer-progress-root .reviewer-table .table-container .subhead5_size.table-header, .reviewer-progress-root .reviewer-table .table-container .subhead5_size.table-row, .reviewer-progress-root .reviewer-table .table-container .subhead5_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .subhead5_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .subhead5_size.table-column-todo { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .reviewer-progress-root .reviewer-table .table-container .body1_size.table-header, .reviewer-progress-root .reviewer-table .table-container .body1_size.table-row, .reviewer-progress-root .reviewer-table .table-container .body1_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .body1_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .body1_size.table-column-todo { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .reviewer-progress-root .reviewer-table .table-container .body2_size.table-header, .reviewer-progress-root .reviewer-table .table-container .body2_size.table-row, .reviewer-progress-root .reviewer-table .table-container .body2_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .body2_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .body2_size.table-column-todo { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .reviewer-progress-root .reviewer-table .table-container .body3_size.table-header, .reviewer-progress-root .reviewer-table .table-container .body3_size.table-row, .reviewer-progress-root .reviewer-table .table-container .body3_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .body3_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .body3_size.table-column-todo { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .reviewer-progress-root .reviewer-table .table-container .body4_size.table-header, .reviewer-progress-root .reviewer-table .table-container .body4_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .body4_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .body4_size.table-column-todo, .reviewer-progress-root .reviewer-table .table-container .table-row { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .reviewer-progress-root .reviewer-table .table-container .body5_size.table-header, .reviewer-progress-root .reviewer-table .table-container .body5_size.table-row, .reviewer-progress-root .reviewer-table .table-container .body5_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .body5_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .body5_size.table-column-todo { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .reviewer-progress-root .reviewer-table .table-container .label1_size.table-header, .reviewer-progress-root .reviewer-table .table-container .label1_size.table-row, .reviewer-progress-root .reviewer-table .table-container .label1_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .label1_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .label1_size.table-column-todo { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .reviewer-progress-root .reviewer-table .table-container .label2_size.table-header, .reviewer-progress-root .reviewer-table .table-container .label2_size.table-row, .reviewer-progress-root .reviewer-table .table-container .label2_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .label2_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .label2_size.table-column-todo { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .reviewer-progress-root .reviewer-table .table-container .label3_size.table-header, .reviewer-progress-root .reviewer-table .table-container .label3_size.table-row, .reviewer-progress-root .reviewer-table .table-container .table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .table-column-completed, .reviewer-progress-root .reviewer-table .table-container .table-column-todo { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .reviewer-progress-root .reviewer-table .table-container .label4_size.table-row, .reviewer-progress-root .reviewer-table .table-container .label4_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .label4_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .label4_size.table-column-todo, .reviewer-progress-root .reviewer-table .table-container .table-header { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .reviewer-progress-root .reviewer-table .table-container .buttonLarge_size.table-header, .reviewer-progress-root .reviewer-table .table-container .buttonLarge_size.table-row, .reviewer-progress-root .reviewer-table .table-container .buttonLarge_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .buttonLarge_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .buttonLarge_size.table-column-todo { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .reviewer-progress-root .reviewer-table .table-container .buttonMedium_size.table-header, .reviewer-progress-root .reviewer-table .table-container .buttonMedium_size.table-row, .reviewer-progress-root .reviewer-table .table-container .buttonMedium_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .buttonMedium_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .buttonMedium_size.table-column-todo { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .reviewer-progress-root .reviewer-table .table-container .buttonSmall_size.table-header, .reviewer-progress-root .reviewer-table .table-container .buttonSmall_size.table-row, .reviewer-progress-root .reviewer-table .table-container .buttonSmall_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .buttonSmall_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .buttonSmall_size.table-column-todo { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .reviewer-progress-root .reviewer-table .table-container .buttonXS_size.table-header, .reviewer-progress-root .reviewer-table .table-container .buttonXS_size.table-row, .reviewer-progress-root .reviewer-table .table-container .buttonXS_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .buttonXS_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .buttonXS_size.table-column-todo { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextClientMedium_size.table-header, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextClientMedium_size.table-row, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextClientMedium_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextClientMedium_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextClientMedium_size.table-column-todo { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextSmall_size.table-header, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextSmall_size.table-row, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextSmall_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextSmall_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .profilePictureTextSmall_size.table-column-todo { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .reviewer-progress-root .reviewer-table .table-container .toastMessageText_size.table-header, .reviewer-progress-root .reviewer-table .table-container .toastMessageText_size.table-row, .reviewer-progress-root .reviewer-table .table-container .toastMessageText_size.table-column-distributed, .reviewer-progress-root .reviewer-table .table-container .toastMessageText_size.table-column-completed, .reviewer-progress-root .reviewer-table .table-container .toastMessageText_size.table-column-todo { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-progress-root { text-align: left; } .reviewer-progress-root .reviewer-table { margin-top: 1.5rem; } .reviewer-progress-root .reviewer-table .table-container { margin-top: 0.5rem; } .reviewer-progress-root .reviewer-table .table-container .table-header { color: #a5b4cb; border-bottom: 0.062rem solid #263449; background-color: #1f2b3d; padding: 0.5rem; } .reviewer-progress-root .reviewer-table .table-container .table-row { color: #fcfcfd; border-bottom: 0.062rem solid #263449; padding: 0.5rem; } .reviewer-progress-root .reviewer-table .table-container .table-column-distributed { color: #ccd5e3; } .reviewer-progress-root .reviewer-table .table-container .table-column-completed { color: #7ddfbb; } .reviewer-progress-root .reviewer-table .table-container .table-column-todo { color: #ffc37d; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .customize-reviewer-progress-widget-container .content-box { background-color: #121a25; color: #fcfcfd; padding: 2rem 3rem; } .customize-reviewer-progress-widget-container .content-box .MuiTreeItem-content { border: none; height: 2rem !important; } .customize-reviewer-progress-widget-container .content-box .label-container { color: #fcfcfd; } .customize-reviewer-progress-widget-container .content-box .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .customize-reviewer-progress-widget-container .content-box .treeViewWrap { display: flex; gap: 1rem; margin-bottom: 1.5rem; margin-top: 0.5rem; } .customize-reviewer-progress-widget-container .content-box .treeViewWrap .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .total-progress-root { display: flex; flex-direction: column; } .total-progress-root .progress-completed { background-color: #7ddfbb; } .total-progress-root .progress-distributed { background-color: #6e87ff; } .total-progress-root .progress-notDistributed { background-color: #c4aaeb; } .total-progress-root .progress-labels { display: flex; flex-direction: row; } .total-progress-root .progress-parameter { display: flex; flex-direction: row; align-items: center; width: fit-content; } .total-progress-root .progress-parameter .color-box { height: 1rem; width: 1rem; } .total-progress-root .overall-progress { margin-top: 1.5rem; display: flex; flex-direction: column; } .total-progress-root .review-stage { margin-top: 3rem; } .total-progress-root .review-stage .review-stage-text { margin-top: 0.5rem; margin-bottom: 1.5rem; } .total-progress-root .review-stage .review-stage-text .stage-text-color { color: #ccd5e3; } .total-progress-root .fit-content { width: fit-content; } .total-progress-root .empty-progress { width: 100%; height: 0.625rem; background-color: #344660; margin-top: 0.5rem; } .total-progress-root .progress-section { display: flex; flex: 1; margin-top: 0.5rem; } .total-progress-root .progress-section .section { display: flex; flex-direction: column; position: relative; } .total-progress-root .progress-section .section .bar { height: 0.625rem; } .total-progress-root .progress-section .leftBorder { border-left: 0.062rem solid #0c1119; } .total-progress-root .progress-section .label { position: absolute; top: 100%; white-space: nowrap; max-width: 6.25rem; text-align: center; transform: translateX(-50%); } .total-progress-root .progress-section .label-left { left: 0; transform: none; text-align: left; } .total-progress-root .progress-section .label-center { left: 50%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .review-dashboard .arr-datagrid { height: 100% !important; } .review-dashboard .arr-datagrid-no-data { height: 31rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .domain-admin-dashboard { display: flex; flex-direction: column; background-color: #1f2b3d; } .domain-admin-dashboard .widget-section { display: flex; flex-direction: column; padding: 0rem 2rem 1rem 2rem; } .domain-admin-dashboard .widget-section .refresh-text { margin-top: 1.5rem; text-align: left; } .domain-admin-dashboard .widget-section .widgets { height: 31.125rem; margin-top: 1rem; } .domain-admin-dashboard .widget-section .widgets .left-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; } .domain-admin-dashboard .widget-section .widgets .center-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; margin-left: 0.5rem; margin-right: 0.5rem; } .domain-admin-dashboard .widget-section .widgets .right-widget { background-color: #1f2b3d; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex: 1; } .domain-admin-dashboard .grid-section { display: flex; flex-direction: column; background-color: #0c1119; margin-top: 1rem; } .domain-admin-dashboard .grid-section .filter-div { height: 4.5rem; display: flex; flex-direction: row; align-items: center; padding: 0rem 2rem; justify-content: space-between; } .domain-admin-dashboard .grid-section .filter-div .left-toggle-div { display: flex; flex-direction: row; align-items: center; } .domain-admin-dashboard .grid-section .filter-div .search-box-div { display: flex; width: 26rem; align-items: center; } .domain-admin-dashboard .grid-section .filter-div .search-box-div .search-box { width: 100%; } .domain-admin-dashboard .grid-section .filter-div .search-box-div .MuiFilledInput-root { background-color: #1f2b3d; } .domain-admin-dashboard .grid-section .filter-div .search-box-div .MuiInputBase-input::placeholder { color: #a5b4cb; letter-spacing: 0rem; } .domain-admin-dashboard .grid-section .filter-div .right-div { display: flex; flex-direction: row; align-items: center; } .domain-admin-dashboard .grid-section .filter-div .right-div .arr-divider { width: 0.0625rem; height: 2rem; margin: 0rem 1rem; background-color: #263449; } .domain-admin-dashboard .grid-section .filter-div .right-div .add-icon { width: 0.625rem; height: 0.625rem; } .domain-admin-dashboard .grid-section .filter-div .right-div .upload-icon { width: 0.875rem; height: 1.0625rem; color: #89a6ff; } .domain-admin-dashboard .grid-section .filter-div .right-div .save-icon { width: 1.125rem; height: 1.125rem; color: #89a6ff; } .domain-admin-dashboard .grid-section .filter-div .right-div .add-field-sort-icon { width: 1.1875rem; height: 0.875rem; color: #89a6ff; } .domain-admin-dashboard .grid-section .filter-div .right-div .save-icon-btn { margin: 0rem 0.25rem; } .domain-admin-dashboard .grid-section .grid-main { padding-left: 2rem; border-top: 0.062rem solid #182231; border-bottom: 0.062rem solid #182231; scrollbar-width: thin !important; scrollbar-color: #546a8c transparent !important; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .grid-header { display: flex; align-items: center; line-height: 0; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .grid-header .wrap-text { text-wrap: wrap; text-align: left; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .info-icon { color: #89a6ff; height: 1rem; width: 1rem; margin-left: 0.0625rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { height: 1rem; background-color: #1f2b3d; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal .MuiDataGrid-scrollbarContent { width: 12000px; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { height: 1rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background: #1f2b3d; height: 1rem; padding: 0.375rem 0.1875rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { border-radius: 1.5rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-button:start:increment, .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-button:end:decrement { display: none; width: 0; height: 0; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-row--lastVisible { margin-bottom: 1rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-withBorderColor { border: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .no-project-data-found .no-project-text { margin-top: 2.1875rem; color: #fcfcfd; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { display: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-row { max-height: 3.5rem !important; min-height: 3.5rem !important; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-scrollbarFiller { display: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-filler { display: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cellEmpty { padding: 0rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-row--lastVisible { margin-bottom: 1rem; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-cell { max-height: 3.5rem !important; min-height: 3.5rem !important; line-height: 3.5rem !important; display: flex; align-items: center; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { max-height: 4rem !important; min-height: 4rem !important; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { display: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler { display: none; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .MuiDataGrid-root .MuiDataGrid-columnHeader { max-height: 4rem !important; min-height: 4rem !important; display: flex; align-items: center; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .project-name-text { color: #89a6ff; align-self: center; } .domain-admin-dashboard .grid-section .grid-main .domain-admin-dashboard-grid .utc-time-text { color: #a5b4cb; } .domain-admin-column-switcher .column-option-container { padding-top: 0.1875rem; padding-bottom: 0.1875rem; display: flex; align-items: center; flex-direction: row; } .domain-admin-column-switcher .wrap-text { white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .domain-admin-column-switcher .arr-menu__item.arr-menu__custom-item { justify-content: flex-start; } .domain-admin-column-switcher .MuiMenu-paper { overflow: scroll; scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .domain-admin-column-switcher .MuiMenu-paper .MuiPickersYear-yearButton { font-size: 0.75rem; padding: 0.25rem; text-align: center; border-radius: 0.5rem !important; } .domain-admin-column-switcher .MuiMenu-paper::-webkit-scrollbar { width: 0.25rem; } .domain-admin-column-switcher .MuiMenu-paper::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; transition: background-color 0.3s; } .domain-admin-column-switcher .MuiMenu-paper::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .domain-admin-column-switcher .MuiMenu-paper::-webkit-scrollbar-track { background: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .active-projects-root { display: flex; flex-direction: column; background: transparent; } .active-projects-root .summary-row { display: flex; justify-content: flex-start; gap: 2.5rem; margin-bottom: 1.5rem; } .active-projects-root .summary-row .summary-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .active-projects-root .table-header { display: flex; justify-content: flex-start; padding: 0.5rem; } .active-projects-root .table-header .table-header-data { width: 50%; text-align: left; } .active-projects-root .table-row { display: flex; justify-content: flex-start; height: 3rem; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; } .active-projects-root .table-row .project-name { flex: 1; color: #89a6ff; word-wrap: break-word; text-align: left; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; cursor: pointer; } .active-projects-root .table-row .project-link { flex: 1; display: flex; align-items: flex-start; } .active-projects-root .table-row .project-link .link-button { padding: 0; } .active-projects-root .table-row.row-alt { background-color: #182231; height: 3.25rem; align-items: center; } .active-projects-root .activity-col { display: flex; flex: 1; flex-direction: column; align-items: flex-start; text-align: left; justify-content: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .active-project-utilization-widget { display: flex; flex-direction: column; background: transparent; } .active-project-utilization-widget .summary-data { display: flex; justify-content: flex-start; gap: 2.5rem; margin-bottom: 1.5rem; } .active-project-utilization-widget .summary-data .total-gb-box { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .active-project-utilization-widget .summary-data .total-gb-box .heading-text { color: #ccd5e3; } .active-project-utilization-widget .summary-data .summary-detail-box { display: flex; flex-direction: column; gap: 0.75rem; } .active-project-utilization-widget .summary-data .summary-detail-box .details { display: flex; flex-direction: row; align-items: center; } .active-project-utilization-widget .summary-data .summary-detail-box .details .detail-data-text { margin-left: 0.25rem; } .active-project-utilization-widget .table-header { display: flex; justify-content: flex-start; padding: 0.5rem; margin-top: 1.5rem; } .active-project-utilization-widget .table-header .active-project-header { width: 68%; } .active-project-utilization-widget .table-header .table-header-data { text-align: left; } .active-project-utilization-widget .table-row { display: flex; justify-content: flex-start; height: 2.25rem; align-items: center; } .active-project-utilization-widget .table-row .project-name { word-wrap: break-word; text-align: left; width: 65%; align-items: center; color: #89a6ff; margin-left: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; cursor: pointer; } .active-project-utilization-widget .table-row.row-alt { background-color: #182231; height: 2.25rem; align-items: center; } .active-project-utilization-widget .activity-col { display: flex; flex-direction: column; align-items: flex-start; text-align: left; justify-content: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .users-in-active-projects-root { display: flex; flex-direction: column; background: transparent; } .users-in-active-projects-root .summary-row { display: flex; justify-content: flex-start; gap: 2.5rem; margin-bottom: 1.5rem; } .users-in-active-projects-root .summary-row .summary-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .users-in-active-projects-root .summary-row .summary-item .heading-text { color: #ccd5e3; } .users-in-active-projects-root .table-header { display: flex; justify-content: flex-start; padding: 0.5rem; } .users-in-active-projects-root .table-header .project-header { width: 68%; } .users-in-active-projects-root .table-header .table-header-data { text-align: left; } .users-in-active-projects-root .table-row { display: flex; justify-content: flex-start; height: 2.25rem; align-items: center; } .users-in-active-projects-root .table-row .project-name { word-wrap: break-word; text-align: left; width: 65%; align-items: center; margin-left: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .users-in-active-projects-root .table-row.row-alt { background-color: #182231; height: 2.25rem; align-items: center; } .users-in-active-projects-root .users-col { display: flex; flex-direction: column; align-items: flex-start; text-align: left; justify-content: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-explorer-header { display: flex; left: 4.5rem; height: 3.3125rem; padding-top: 1rem; padding-right: 2rem; padding-bottom: 0rem; padding-left: 2rem; } .doc-explorer-header .headline { font-size: 1.5rem; font-size: 1.5rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0.03125rem; } .doc-explorer-header .headline .info-icon-button { bottom: 0.15rem; padding: 0rem; margin: 0rem 0.5rem; } .doc-explorer-header .headline .info-icon-button .info-icon { color: #89a6ff; height: 2rem; width: 1.5rem; } .preline-text { white-space: pre-line; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .expandable-tree-view { position: relative; border-radius: 0.125rem; overflow: hidden; display: flex; flex-direction: column; height: 100%; max-height: 100vh; } .expandable-tree-view .tree-content-wrapper { flex: 1 1 auto; padding-right: 0.45rem; position: relative; overflow: hidden; } .expandable-tree-view .tree-content { height: 100%; width: 100%; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; } .expandable-tree-view .tree-content .location-treeitem-label { min-width: 0rem; display: block !important; } .expandable-tree-view .tree-content .location-treeitem-label .location-treeitem { min-width: 0rem; } .expandable-tree-view .tree-content .label-container { min-width: 0rem; overflow: hidden; align-items: center; } .expandable-tree-view .tree-content .label-container > * { min-width: 0rem; display: flex; align-items: center; flex: 1 1 auto; } .expandable-tree-view .tree-content .label-container .typo-text { flex: 1 1 auto; min-width: 0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .expandable-tree-view .tree-content .full-width-text { min-width: 0rem; overflow: hidden; } .expandable-tree-view .tree-content .lazy-child .MuiTreeItem-content { display: none; } .expandable-tree-view .tree-content .lazy-child .MuiTreeItem-group { display: none; } .expandable-tree-view .tree-content::-webkit-scrollbar { width: 0.875rem; } .expandable-tree-view .tree-content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .expandable-tree-view .tree-content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .expandable-tree-view .tree-content::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .expandable-tree-view .resize-handle { position: absolute; top: 0rem; right: 0rem; width: 0.4375rem; height: 100%; cursor: col-resize; display: flex; align-items: center; justify-content: center; background-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-doc-explorer { display: flex; flex-direction: column; flex: 1; background-color: #182231; overflow: hidden; height: 100%; } .view-doc-explorer .tree-view-section { display: flex; flex-direction: column; flex: 1; max-height: 100%; } .view-doc-explorer .tree-view-section .expandable-tree-view { min-height: 100%; max-height: 100vh; flex-grow: 0; } .view-doc-explorer .view-doc-header { flex-shrink: 0; } .view-doc-explorer .view-doc-divider { background-color: #3c4f6b; flex-shrink: 0; } .view-doc-explorer .view-doc-explorer-content { display: flex; flex: 1; } .view-doc-explorer .view-doc-explorer-filter-table-section { width: 100%; overflow-x: auto; } .view-doc-explorer .view-doc-explorer-filter-table-section .view-doc-explorer-filter { padding: 0.5rem; } .doc-list-modal .doc-list-checkbox-modal { padding: 1rem 0rem 0rem 1rem; } .doc-list-modal .arr-radio .MuiFormControlLabel-label { color: #ffffff; } .doc-list-modal .doc-list-radio-btn .MuiFormControlLabel-root { margin-right: 3rem; } :root:has(.view-doc-explorer)::-webkit-scrollbar { width: 0.625rem; } :root:has(.view-doc-explorer)::-webkit-scrollbar-track { background-color: #182231; } :root:has(.view-doc-explorer)::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } :root:has(.view-doc-explorer)::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-explorer-filter-accordion { width: 100%; } .doc-explorer-filter-accordion .accordion-summary-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .doc-explorer-filter-accordion .title-section { display: flex; align-items: center; gap: 0.5rem; } .doc-explorer-filter-accordion .title-section .title { color: #ffffff; } .doc-explorer-filter-accordion .expand-icon-text-section { display: flex; align-items: center; padding-right: 0.75rem; } .doc-explorer-filter-accordion .expand-icon-text-section .title { color: #89a6ff; } .doc-explorer-filter-accordion .expand-icon { color: #89a6ff; } .doc-explorer-filter-accordion .info-icon-button { padding: 0rem; } .doc-explorer-filter-accordion .info-icon-button .info-icon { color: #89a6ff; height: 1.25rem; width: 1.25rem; } .doc-explorer-filter-accordion .MuiPaper-root.MuiPaper-elevation { background-color: #121a25; padding: 0.75rem; border-radius: 0.5rem; } .doc-explorer-filter-accordion .accordion-body .parent-filter-container { display: flex; flex-wrap: wrap; gap: 0.5rem; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .filter-divider { background-color: #3c4f6b; height: 0.03125rem; margin-top: 0.625rem; margin-bottom: 16px; flex-shrink: 0; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section { display: flex; justify-content: space-between; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section .active-filter-section-button { display: flex; gap: 0.5rem; align-items: center; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-header-section .title { color: #ffffff; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section { display: flex; flex-wrap: wrap; gap: 0.5rem; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter .arr-filter-chip-filter-selection-continer { overflow-wrap: anywhere; cursor: pointer; } .doc-explorer-filter-accordion .accordion-body .sub-filter-container .active-filter-section .active-filter-filter-section .active-filter.arr-filter-chip-v1-v2-responsive:hover { background-color: #603e94; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .filter-selection-modal { width: 20rem; background-color: #121a25 !important; border-radius: 0.5rem !important; border: 0.0625rem solid #3c4f6b; padding: 1rem; margin: 0.125rem 0rem; } .filter-selection-modal .modal-header { display: flex; justify-content: space-between; align-items: center; } .filter-selection-modal .modal-header .title { color: #ffffff; } .filter-selection-modal .modal-header .close-icon { color: #89a6ff; } .filter-selection-modal .primary-selection { margin-top: 1rem; } .filter-selection-modal .primary-selection .radio-button-container { padding-left: 0.25rem; display: flex; gap: 1rem; } .filter-selection-modal .primary-selection .radio-button-container .radio-button .MuiTypography-root.MuiFormControlLabel-label { color: #ffffff; } .filter-selection-modal .secondery-selection { margin-top: 1rem; } .filter-selection-modal .secondery-selection .multi-date-container { display: flex; flex-direction: column; gap: 1rem; } .filter-selection-modal .modal-submit { margin-top: 1rem; display: flex; width: 100%; justify-content: flex-end; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-explorer-data-grid .row-family .MuiDataGrid-cell { background-color: #121a25 !important; border-bottom: unset !important; } .doc-explorer-data-grid .row-separator .MuiDataGrid-cell { border-bottom: 0.062rem solid #263449 !important; } .doc-explorer-data-grid .id-cell-preview { padding: 0rem; } .doc-explorer-data-grid .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-explorer-data-grid .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .doc-explorer-data-grid .last-column .MuiDataGrid-columnSeparator { display: none; } .doc-explorer-data-grid .MuiDataGrid-virtualScrollerRenderZone { padding-top: 3.625rem; } .doc-explorer-data-grid .doc-id-cell { color: #89a6ff; } .doc-explorer-data-grid .cell-content { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5rem; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .doc-explorer-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .doc-explorer-data-grid .MuiDataGrid-columnHeader:focus-within { outline: none !important; } .doc-explorer-data-grid .MuiDataGrid-cell:focus { outline: none !important; } .doc-explorer-data-grid .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.75rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-explorer.table-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; background-color: #0c1119; } .doc-explorer.table-header .table-header-section .action-dropdown-button { background-color: rgba(66, 71, 80, 0.2); color: #727882; outline: none; } .doc-explorer.table-header .table-header-section .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .doc-explorer.table-header .table-header-section .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .doc-explorer.table-header .table-header-section .action-dropdown-button--selected svg { color: #ffffff !important; } .doc-explorer.table-header .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 1rem; } .doc-explorer.table-header .table-header-section .action-buttons-right .action-buttons { display: flex; gap: 0.125rem; } .action-submenu .MuiMenu-paper { margin: 0.125rem 0rem; } .doc-column-menu .MuiMenuItem-root.MuiMenuItem-dense { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .display1_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .display2_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .display3_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .headline1_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .headline2_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .headline3_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .subhead1_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .subhead2_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .subhead3_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .subhead4_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .subhead5_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .body1_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .body2_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .body4_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .body5_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .label1_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .label2_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .label3_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .label4_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .buttonLarge_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .buttonMedium_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .buttonSmall_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .buttonXS_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .profilePictureTextClientMedium_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .profilePictureTextSmall_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .toastMessageText_size.MuiFormLabel-root.MuiInputLabel-root.Mui-error { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .content { background-color: #0c1119 !important; } .content .new-production-container { background-color: #0c1119; } .content .new-production-container .new-production-header { background-color: #1f2b3d; padding: 1.125rem 2rem; } .content .new-production-container .new-production-header .new-production-title { display: flex; align-items: center; gap: 0.5rem; } .content .new-production-container .new-production-header .new-production-title .new-production-title-text { color: #fcfcfd; } .content .new-production-container .new-production-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .content .new-production-container .new-production-header .new-production-stepper { margin-top: 2rem; } .content .new-production-container .new-production-header .new-production-stepper .info-icon { color: #fcfcfd; height: 1rem; width: 1rem; } .content .new-production-container .new-production-grid { height: 100%; } .content .new-production-container .new-production-grid .MuiDataGrid-root { height: 30rem; } .content .new-production-container .new-production-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .content .new-production-container .new-production-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .content .new-production-container .new-production-grid .MuiDataGrid-root .no-grid-overlay { background-color: #182231; color: #a5b4cb; } .content .new-production-container .new-production-grid .templates-grid-edit-icon { padding: 0rem 1.125rem; } .content .new-production-container .new-production-grid .more-option-header .MuiDataGrid-columnSeparator { display: none; } .content .new-production-container .new-production-form-section .new-production-form { border-radius: 0rem 0rem 0.5rem 0.5rem; } .content .new-production-container .new-production-form-section .new-production-form .new-production-form-header { background-color: #1f2b3d; padding: 1rem; text-align: left; border-radius: 0.5rem 0.5rem 0rem 0rem; border-top: 0.125rem solid #3c4f6b; } .content .new-production-container .new-production-form-section .new-production-form .new-production-form-body { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem 3rem; border-radius: 0rem 0rem 0.5rem 0.5rem; } .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .MuiFormHelperText-root.Mui-error { margin: 0.5rem 0rem 0rem 1rem; } .content .new-production-container .new-production-form-section .new-production-form .arr-dropdown-container .MuiFormLabel-root.MuiInputLabel-root.Mui-error { bottom: -0.375rem; font-size: 1rem; left: 1.125rem !important; } .content .new-production-container .new-production-form-section .action-section .button-common-props, .content .new-production-container .new-production-form-section .action-section .right-action .next-button, .content .new-production-container .new-production-form-section .action-section .right-action .save-button, .content .new-production-container .new-production-form-section .action-section .left-action .back-button { border-radius: 0.5rem; min-width: 7.5rem; padding: 0.5rem 1rem; } .content .new-production-container .new-production-form-section .action-section { display: flex; justify-content: space-between; } .content .new-production-container .new-production-form-section .action-section .left-action { display: flex; gap: 0.75rem; } .content .new-production-container .new-production-form-section .action-section .right-action { display: flex; justify-content: flex-end; gap: 0.75rem; margin-left: auto; } .content .new-production-container .input-group { display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .content .new-production-container .input-group .input-item .arr-textfield--medium .MuiFilledInput-root { height: 3.5rem; } .content .new-production-container .input-group .input-item .arr-dropdown-container--medium .MuiFilledInput-root { height: 3.5rem !important; } .content .new-production-container .input-group .input-item .arr-dropdown-container--medium .MuiInputLabel-root { left: 1rem !important; } .content .new-production-container .input-group .input-item { grid-column: span 1; } .content .new-production-container .input-group .input-item .MuiInputBase-root.MuiFilledInput-root { padding: 0rem 1rem !important; } .content .new-production-container .input-group .input-item .MuiInputBase-root.MuiFilledInput-root .MuiFilledInput-input { padding: 0.625rem 0rem 0.625rem 0rem !important; } .content .new-production-container .input-group .input-item .MuiInputBase-root.MuiFilledInput-root .MuiFilledInput-input::placeholder { color: #fcfcfd; opacity: 1; } .content .new-production-container .input-group .input-item .MuiInputBase-root.MuiFilledInput-root .arr-dropdown-selected { font-size: 1rem; color: #fcfcfd; margin-bottom: 0rem; } .content .new-production-container .input-group .input-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 8rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .content .new-production-container .input-group .MuiTypography-root { margin-bottom: 0.5rem; color: #ccd5e3; text-align: left; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-production-form-section .new-production-form.basic-info { background-color: #121a25; } .new-production-form-section .new-production-form.basic-info .export-prior-production-container { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; } .new-production-form-section .new-production-form.basic-info .export-prior-production-container .export-toggle-area { display: flex; align-items: center; gap: 0.5rem; } .new-production-form-section .new-production-form.basic-info .export-prior-production-container .export-toggle-area .export-prior-toggle-label { margin: 0rem !important; color: #fcfcfd; } .new-production-form-section .new-production-form.basic-info .export-prior-production-container .export-prior-production-dropdown-wrapper { width: 100%; } .new-production-form-section .new-production-form.basic-info .export-prior-production-container .export-prior-production-dropdown-wrapper .export-prior-production-dropdown { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-production-form-section .new-production-form.document-selection { background-color: #121a25; border-radius: 0.5rem; } .new-production-form-section .new-production-form.document-selection .doc-count { white-space: nowrap; display: flex; align-items: baseline; gap: 0; } .new-production-form-section .new-production-form.document-selection .doc-count .doc-count-label { color: #ccd5e3; } .new-production-form-section .new-production-form.document-selection .doc-count .doc-count-value { color: #ccd5e3; } .new-production-form-section .new-production-form.document-selection .doc-count .doc-count-value.doc-count-zero { padding-left: 0.3rem; color: #727882; } .new-production-form-section .new-production-form.document-selection .doc-count .doc-count-link { padding-left: 0.3rem !important; background: none; border: none; padding: 0; margin: 0; color: var(--text-inactive, #727882); text-decoration: underline; cursor: pointer; font-size: inherit; font-family: inherit; line-height: inherit; } .new-production-form-section .new-production-form.document-selection .doc-count .doc-count-link:hover { color: var(--text-inactive, #727882); text-decoration: underline; } .new-production-form-section .new-production-form.document-selection .document-selection-section { margin-bottom: 2rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .document-selection-header { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .document-selection-header .info-icon { font-size: 1rem; margin-left: 0.25rem; vertical-align: middle; color: #89a6ff; cursor: pointer; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-method-radio { justify-self: left; margin-bottom: 2rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-method-radio .arr-radio .MuiFormGroup-root { display: flex !important; flex-direction: row !important; gap: 3rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-method-radio .arr-radio .MuiFormGroup-root .MuiBox-root { font-size: 0.875rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content { width: 65%; max-width: 65%; background-color: #182231; border: 0.062rem solid #263449; border-radius: 0.3rem; overflow: hidden; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-selection-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.75rem 1rem; background-color: #121a25; border-bottom: 0.062rem solid #263449; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-selection-header .tags-action-buttons { display: flex; gap: 0.75rem; flex-wrap: wrap; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-selection-header .tags-action-buttons .MuiButtonBase-root { border-radius: 0.5rem; font-size: 0.875rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container { height: 24rem; overflow-y: auto; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .label-container { font-size: 0.875rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiSvgIcon-root { border-radius: 0.0625rem; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiSvgIcon-root rect { rx: 0; ry: 0; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root { border: 0.0625rem solid #0c1119; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root rect { rx: 0; stroke: none; ry: 0; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root path, .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .tree-checkbox .MuiCheckbox-root.MuiCheckbox-indeterminate .MuiSvgIcon-root path { stroke: none; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .tags-selection-content .tags-tree-container .location-treeitem-label .location-treeitem .label-disable { color: white; } .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .searches-selection-content, .new-production-form-section .new-production-form.document-selection .document-selection-section .selection-content .folders-selection-content { padding: 2rem; border: 0.062rem solid #263449; border-radius: 0.3rem; min-height: 20rem; background-color: #182231; } .new-production-form-section .new-production-form.document-selection .include-families-section { padding-top: 0; border-top: none; } .new-production-form-section .new-production-form.document-selection .include-families-section .include-families-content { display: flex; align-items: center; gap: 1rem; } .new-production-form-section .new-production-form.document-selection .include-families-section .include-families-content .include-families-label { display: flex; flex-direction: row; align-items: center; gap: 1rem; } .new-production-form-section .new-production-form.document-selection .include-families-section .include-families-content .include-families-label .family-docs-count { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-production-form-section .new-production-form.generate { background-color: #121a25; } .new-production-form-section .new-production-form.generate .new-production-form-body { gap: 2rem !important; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content { display: flex; flex-direction: column; gap: 1rem; flex: 1; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-production-name { color: #fcfcfd; text-align: left; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details { display: grid; grid-template-columns: max-content 1fr; column-gap: 1.5rem; row-gap: 1rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-label { text-align: left; color: #ccd5e3; font-weight: 500; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value { text-align: left; color: #fcfcfd; font-weight: 500; word-break: break-all; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value .generate-status-button { padding: 0; min-width: auto; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; text-transform: none; background: transparent; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value .generate-status-button:hover { background: transparent; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value .generate-status-button--failed { color: #ff7a7a; text-decoration: underline; border-radius: 0.25rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value .generate-status-button--failed:hover { text-decoration: underline; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-info-content .generate-info-details .generate-info-value .generate-status-count { color: #a5b4cb; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-info-section .generate-button-container { display: flex; align-items: flex-start; gap: 1rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section { display: flex; flex-direction: column; gap: 1rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-buttons { display: flex; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table { background-color: #0c1119; border-radius: 0.5rem; border: #0c1119 solid 0.125rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-header .table-row { display: flex; justify-content: space-between; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-header .table-row .table-cell { display: flex; min-height: 2rem; position: relative; text-align: left; flex: 1; padding: 0.5rem 1rem; color: #a5b4cb; border-bottom: #263449 solid 0.0625rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-header .table-row .table-cell::after { content: ""; position: absolute; width: 0.0625rem; background: #3c4f6b; right: 0rem; top: 0.5rem; bottom: 0.5rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-header .table-row .table-cell:last-child::after { display: none; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-header .table-row .table-cell .MuiTypography-root { align-content: center; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-body .table-row { display: flex; justify-content: space-between; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-body .table-row .table-cell { background-color: #182231; text-align: left; flex: 1; padding: 0.375rem 1rem; color: #fcfcfd; border-bottom: #263449 solid 0.0625rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-body .table-row:last-child .table-cell:first-child { border-radius: 0rem 0rem 0rem 0.5rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-automated-check-section .automated-check-table .automated-check-table-body .table-row:last-child .table-cell:last-child { border-radius: 0rem 0rem 0.5rem 0rem; } .new-production-form-section .new-production-form.generate .new-production-form-body .generate-bottom-section { display: flex; } .new-production-form-section .new-production-form.generate .new-production-form-body .text-success { color: #7ddfbb; } .new-production-form-section .new-production-form.generate .new-production-form-body .text-danger { color: #ff7a7a; } .arr-modal .regenerate-modal-content { margin-top: 1.5rem; } .arr-modal .regenerate-modal-content .regenerate-options-section .custom-radio-group { gap: 1rem; } .arr-modal .regenerate-modal-content .regenerate-options-section .custom-radio-group .radio-btn-container { display: flex; align-items: flex-start; } .arr-modal .regenerate-modal-content .regenerate-options-section .custom-radio-group .radio-btn-container .radio-btn { padding: 0.125rem 0.5rem; } .arr-modal .regenerate-modal-content .regenerate-options-section .custom-radio-group .radio-text { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .display1_size.title-text { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .display2_size.title-text { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .display3_size.title-text { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .headline1_size.title-text { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .headline2_size.title-text { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .title-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .subhead1_size.title-text { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .subhead2_size.title-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .subhead3_size.title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .subhead4_size.title-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .subhead5_size.title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .body1_size.title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .body2_size.title-text { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .body3_size.title-text { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .body4_size.title-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .body5_size.title-text { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .label1_size.title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .label2_size.title-text { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .label3_size.title-text { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .label4_size.title-text { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .buttonLarge_size.title-text { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .buttonMedium_size.title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .buttonSmall_size.title-text { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .buttonXS_size.title-text { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .profilePictureTextClientMedium_size.title-text { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .profilePictureTextSmall_size.title-text { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .toastMessageText_size.title-text { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .title-text { color: #fcfcfd; display: flex; align-items: center; gap: 0.25rem; } .grid-container { height: 100%; width: 100%; } .modal.modal--flyout-open .modal-paper, .modal.modal--flyout-open .MuiDialog-paper { filter: blur(0.25rem); transition: filter 0.3s ease; } .modal .MuiDataGrid-footerContainer { flex-shrink: 0; padding: 0.5rem 1rem; } .modal .modal-actions { padding: 0rem; } .modal .modal-content { padding-bottom: 0rem; } .modal .modal-paper { width: 70%; max-width: 70%; height: 80%; max-height: 80%; padding-bottom: 0rem; } .modal .MuiPaper-root .MuiDialog-paper { overflow-y: visible; } .modal .MuiDialog-paper { height: 85%; max-height: 85%; } .modal .MuiDialogContent-root { height: 100%; } .modal .MuiDataGrid-sortButton, .modal .MuiDataGrid-sortButton:hover, .modal .MuiDataGrid-sortButton.Mui-focusVisible, .modal .MuiDataGrid-sortButton:active { background-color: transparent !important; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar { width: 0.25rem; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar-track { background: transparent; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar-thumb:hover { background: #b2bfd3; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar-thumb:active { background: #546a8c; } .modal .MuiDataGrid-scrollbar::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .modal .MuiDataGrid-root .MuiDataGrid-footerContainer.MuiDataGrid-withBorderColor, .modal .MuiDataGrid-root .custom-footer-container { border-color: #263449 !important; } .modal .MuiDataGrid-root { background-color: #0c1119; border: none; } .modal .MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-columnHeader, .modal .MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-filler, .modal .MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-scrollbarFiller { border-color: #263449 !important; } .modal .MuiDataGrid-root .MuiDataGrid-virtualScroller { padding-bottom: 1.125rem; } .modal .MuiDataGrid-root .MuiDataGrid-filler { border-top: none; border-bottom: none; background-color: #121a25 !important; } .modal .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #0c1119; color: #a5b4cb; height: 3rem; } .modal .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #121a25; } .modal .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { justify-content: space-between; } .modal .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #3c4f6b; height: 3rem !important; } .modal .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader.MuiDataGrid-columnHeader--last .MuiDataGrid-columnSeparator.MuiDataGrid-columnSeparator--sideRight { display: none; } .modal .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: #182231; border: 0.062rem solid #263449; padding: 0rem 1rem; line-height: 2.25rem; color: #fcfcfd; border-top: none; min-height: 7vh !important; } .modal .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:last-child { border: none; } .modal .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:nth-last-child(2) { border-right: none; } .modal .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:has(.has-replace-button) { padding-left: 0.5rem !important; } .modal .MuiDataGrid-root .MuiDataGrid-filler { --rowBorderColor: transparent !important; } .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.5rem; width: 1.5rem; } .info-icon-wrapper { margin-bottom: 0.25rem; } .MuiDataGrid-scrollbarFiller { background-color: #0c1119; width: 0rem; } .MuiDataGrid-scrollbarFiller { display: none !important; } .replace-seed-pdf-button.MuiButton-root { padding: 0.5rem !important; margin-top: 0.5rem; box-sizing: border-box; min-height: auto; height: auto; line-height: 1.2; } .replace-seed-pdf-button.MuiButton-root > * { line-height: 1.2; display: inline-block; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .grid-footer-pagination { display: flex; align-items: center; width: 100%; justify-content: flex-start; gap: 1rem; padding-left: 1rem; } .grid-footer-pagination .label { color: #89a6ff; } .grid-footer-pagination .page-size-select { margin-left: -0.9375rem; } .grid-footer-pagination .page-size-select .MuiOutlinedInput-notchedOutline { border: 1px solid transparent; transition: border-color 0.2s; } .grid-footer-pagination .page-size-select:hover .MuiOutlinedInput-notchedOutline { border-color: #a5c1ff; } .grid-footer-pagination .page-size-select .MuiSelect-select { color: #89a6ff !important; padding-left: 0.25rem; } .grid-footer-pagination .page-size-select .MuiSelect-icon { color: #89a6ff !important; } .grid-footer-pagination .pages-label { margin-left: 1rem; color: #ccd5e3; } .grid-footer-pagination .page-number { cursor: pointer; color: #89a6ff; transition: 0.2s; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; gap: 0; border-radius: 0.375rem; } .grid-footer-pagination .page-number.active { background-color: rgba(84, 106, 140, 0.2); } .grid-footer-pagination .page-numbers { display: flex; gap: 0; } .grid-footer-pagination .nav-button { width: 3rem; height: 2rem; border-radius: 0.375rem; background-color: rgba(84, 106, 140, 0.2); padding: 0; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease, border-color 0.2s ease; } .grid-footer-pagination .nav-button:hover { background-color: #546a8c; } .grid-footer-pagination .nav-button:disabled { opacity: 0.6; cursor: not-allowed; background-color: rgba(66, 71, 80, 0.2); } .grid-footer-pagination .nav-button .nav-icon { font-size: 1.125rem; color: #89a6ff; transition: color 0.2s ease; } .grid-footer-pagination .nav-button .nav-icon:disabled { color: #898e97; } .grid-footer-pagination .nav-buttons { display: flex; gap: 0.25rem; flex-direction: row; align-items: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .custom-footer-container { display: flex; justify-content: space-between; padding: 0.5rem 1rem; background: #0c1119; } .custom-footer-container .footer-actions { display: flex; gap: 0.5rem; } .export-icon { margin-right: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } body .MuiModal-root:has(.replace-seed-pdf-flyout), body .MuiModal-root:has(.arr-panel.replace-seed-pdf-flyout) { z-index: 10000 !important; } body .MuiDrawer-root.replace-seed-pdf-flyout, body .MuiDrawer-root .replace-seed-pdf-flyout { z-index: 10000 !important; } body .MuiModal-root:has(.replace-seed-pdf-confirmation-modal), body .MuiModal-root:has(.arr-modal.replace-seed-pdf-confirmation-modal) { z-index: 10001 !important; } body .toast-notification__container, body body .toast-notification__container, body .MuiModal-root ~ .toast-notification__container, body .MuiDrawer-root ~ .toast-notification__container, body * .toast-notification__container { z-index: 10002 !important; } body .MuiSnackbar-root { z-index: 10002 !important; } body .arr-modal.replace-seed-pdf-confirmation-modal { z-index: 10001 !important; } body .arr-modal.replace-seed-pdf-confirmation-modal .modal-paper { width: 30rem !important; max-width: 30rem !important; height: 15.75rem !important; max-height: 15.75rem !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } body .arr-modal.replace-seed-pdf-confirmation-modal .modal-content { overflow: visible !important; max-height: none !important; overflow-y: visible !important; } body .MuiModal-root:has(.replace-seed-pdf-confirmation-modal) .MuiDialogContent-root { overflow: visible !important; overflow-y: visible !important; } .arr-panel .arr-drawer__panel.replace-seed-pdf-flyout { border-left: none !important; } .replace-seed-pdf-flyout .replace-seed-pdf-flyout__header { display: flex; justify-content: space-between; align-items: flex-end; background-color: #0c1119; padding: 2.5rem 3rem 1rem 3rem; } .replace-seed-pdf-flyout .replace-seed-pdf-flyout__title { color: #fcfcfd; margin: 0; } .replace-seed-pdf-flyout .replace-seed-pdf-flyout__header-actions { display: flex; gap: 0.75rem; align-items: flex-end; } .replace-seed-pdf-flyout__content { padding: 1rem; display: flex; flex-direction: column; gap: 1.5rem; } .replace-seed-pdf-flyout__file-section { display: flex; flex-direction: column; border-radius: 0.5rem; border: 0.0625rem solid #3c4f6b; margin-top: 2rem; margin-left: 2rem; margin-right: 10.25rem; } .replace-seed-pdf-flyout__file-header { display: flex; justify-content: space-between; align-items: center; background-color: #263449; border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.5rem 0.75rem; } .replace-seed-pdf-flyout__file-header .replace-seed-pdf-flyout__file-label { color: #fcfcfd; } .replace-seed-pdf-flyout__file-header .replace-seed-pdf-flyout__select-file-btn { padding: 0.5rem 1rem; } .replace-seed-pdf-flyout__file-display { min-height: 3.75rem; padding: 0.5rem; margin: 0.25rem; display: flex; } .replace-seed-pdf-flyout__file-name { color: #ccd5e3; font-family: Inter; font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.03125rem; vertical-align: middle; } .replace-seed-pdf-flyout__file-placeholder { color: #ccd5e3; font-family: Inter; font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.03125rem; vertical-align: middle; } .replace-seed-pdf-confirmation-modal { z-index: 10001 !important; } .replace-seed-pdf-confirmation-modal .modal-header-title { padding-bottom: 1rem !important; } .replace-seed-pdf-confirmation-modal .modal-header-title .custom-text-color { color: #fcfcfd !important; } .replace-seed-pdf-confirmation-modal .modal-content .desc-text-color { font-family: Inter !important; font-weight: 400 !important; font-size: 1rem !important; line-height: 1.5rem !important; letter-spacing: 0rem !important; vertical-align: middle; color: #ccd5e3 !important; } .replace-seed-pdf-confirmation-modal .replace-seed-pdf-confirmation-modal__buttons { display: flex; flex-direction: column; gap: 0.75rem; width: 100%; padding-top: 2rem; } .replace-seed-pdf-confirmation-modal .replace-seed-pdf-confirmation-modal__buttons button { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .step-wrapper { padding: 1.125rem 2rem; } .step-wrapper .new-production-section-header { margin-bottom: 1.125rem; } .step-wrapper .new-production-section-footer { margin-top: 1.125rem; } .step-wrapper .action-section { display: flex; justify-content: space-between; } .step-wrapper .action-section .left-action { display: flex; gap: 0.75rem; } .step-wrapper .action-section .left-action .back-button { border-radius: 0.5rem; min-width: 7.5rem; padding: 0.5rem 1rem; display: flex; justify-content: space-around; } .step-wrapper .action-section .right-action { display: flex; justify-content: flex-end; gap: 0.75rem; margin-left: auto; } .step-wrapper .action-section .right-action .save-button { border-radius: 0.5rem; min-width: 7.5rem; padding: 0.5rem 1rem; } .step-wrapper .action-section .right-action .next-button { border-radius: 0.5rem; min-width: 7.5rem; padding: 0.5rem 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .summaryPreviewContainer { display: flex; gap: 1.25rem; padding-top: 0.375rem; align-items: stretch; min-height: 0; overflow: visible; } .summaryPreviewCard { background-color: #182231; border-radius: 0.5rem; display: flex; flex-direction: column; flex: 195 1 0; min-width: 0; min-height: 100%; overflow: visible; } /* Top Header */ .cardHeader { background-color: #1f2b3d; padding: 1.125rem 1rem; display: flex; justify-content: flex-start; align-items: center; text-align: left; flex-shrink: 0; border-radius: 0.5rem 0.5rem 0 0; } /* Content Section */ .cardContent { background-color: #121a25; display: flex; flex-direction: column; gap: 0rem; text-align: left; padding: 1rem; flex: 1; overflow: visible; border-radius: 0 0 0.5rem 0.5rem; } .cardContent .section { border-radius: 0.5rem; padding: 1rem 0.5rem 0.5rem 0.5rem; background-color: transparent; text-align: left; } .cardContent .section:not(:first-child) { padding-top: 1.5rem; } .cardContent .section .title-section { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } .cardContent .section .title-section .sectionHeading { display: flex; align-items: center; gap: 0.25rem; } .cardContent .section .title-section .sectionHeading .info-icon { width: 1.25rem; height: 1.25rem; color: #89a6ff; cursor: pointer; display: block; } .cardContent .section .summaryItemsContainer { background-color: #182231; border-radius: 0.5rem; padding: 1rem 0rem; display: flex; flex-direction: column; gap: 0rem; } .cardContent .section .summaryItem { display: flex; justify-content: space-between; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; } .cardContent .section .summaryItem:not(:last-child) { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 0.062rem solid #3c4f6b; } .cardContent .section .summaryItem:last-child { padding-bottom: 0rem; } .cardContent .section .summaryItem .summaryLabelContainer { display: flex; flex-direction: column; gap: 0.25rem; } .cardContent .section .summaryItem .summaryLabel { display: flex; align-items: center; gap: 0.5rem; } .cardContent .section .summaryItem .summaryLabel .summaryText { display: flex; align-items: center; gap: 0.25rem; } .cardContent .section .summaryItem .summaryLabel .summaryText .info-icon { width: 1rem; height: 1rem; color: #89a6ff; cursor: pointer; display: block; } .cardContent .section .summaryItem .summaryValueContainer { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; } .cardContent .section .summaryItem .summaryText { color: #fcfcfd; } .cardContent .section .summaryItem .summaryValue { color: #fcfcfd; } /* Preview Panel */ .previewPanel { flex: 127 1 0; min-width: 0; display: flex; flex-direction: column; gap: 1rem; min-height: 100%; } .previewCard { background-color: #182231; border-radius: 0.5rem; display: flex; flex-direction: column; flex: 1; min-height: 100%; overflow: visible; } .previewSection { background-color: #121a25; padding: 2rem 1.5rem; text-align: left; display: flex; flex-direction: column; gap: 1rem; flex: 1; border-radius: 0 0 0.5rem 0.5rem; } .previewSection .previewDescription { color: #a5b4cb; margin-bottom: 1rem; } .previewSection .save-button { padding: 0.625rem 1rem; align-self: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .quality-form-section .quality-container .display1_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display1_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display1_size.table-body-cell, .quality-form-section__custom-download-menu .display1_size.arr-menu__item { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .quality-form-section .quality-container .display2_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display2_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display2_size.table-body-cell, .quality-form-section__custom-download-menu .display2_size.arr-menu__item { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .quality-form-section .quality-container .display3_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display3_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .display3_size.table-body-cell, .quality-form-section__custom-download-menu .display3_size.arr-menu__item { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .quality-form-section .quality-container .headline1_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline1_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline1_size.table-body-cell, .quality-form-section__custom-download-menu .headline1_size.arr-menu__item { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .quality-form-section .quality-container .headline2_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline2_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline2_size.table-body-cell, .quality-form-section__custom-download-menu .headline2_size.arr-menu__item { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .quality-form-section .quality-container .headline3_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline3_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .headline3_size.table-body-cell, .quality-form-section__custom-download-menu .headline3_size.arr-menu__item { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .quality-form-section .quality-container .subhead1_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead1_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead1_size.table-body-cell, .quality-form-section__custom-download-menu .subhead1_size.arr-menu__item { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead2_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead2_size.table-body-cell, .quality-form-section__custom-download-menu .subhead2_size.arr-menu__item, .quality-form-section .quality-container .title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-cell.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-body-cell.title-text { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .quality-form-section .quality-container .subhead3_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead3_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead3_size.table-body-cell, .quality-form-section__custom-download-menu .subhead3_size.arr-menu__item { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .quality-form-section .quality-container .subhead4_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead4_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead4_size.table-body-cell, .quality-form-section__custom-download-menu .subhead4_size.arr-menu__item { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .quality-form-section .quality-container .subhead5_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead5_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .subhead5_size.table-body-cell, .quality-form-section__custom-download-menu .subhead5_size.arr-menu__item { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .quality-form-section .quality-container .body1_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body1_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body1_size.table-body-cell, .quality-form-section__custom-download-menu .body1_size.arr-menu__item { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .quality-form-section .quality-container .body2_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body2_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body2_size.table-body-cell, .quality-form-section .quality-container .quality-form-section__custom-download-menu .title-text.arr-menu__item, .quality-form-section__custom-download-menu .quality-form-section .quality-container .title-text.arr-menu__item, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .quality-form-section__custom-download-menu .table-cell.arr-menu__item, .quality-form-section__custom-download-menu .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-cell.arr-menu__item, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .quality-form-section__custom-download-menu .table-body-cell.arr-menu__item, .quality-form-section__custom-download-menu .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-body-cell.arr-menu__item, .quality-form-section__custom-download-menu .arr-menu__item { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .quality-form-section .quality-container .body3_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body3_size.table-cell, .quality-form-section__custom-download-menu .body3_size.arr-menu__item, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-body-cell { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .quality-form-section .quality-container .body4_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body4_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body4_size.table-body-cell, .quality-form-section__custom-download-menu .body4_size.arr-menu__item { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .quality-form-section .quality-container .body5_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body5_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .body5_size.table-body-cell, .quality-form-section__custom-download-menu .body5_size.arr-menu__item { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .quality-form-section .quality-container .label1_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label1_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label1_size.table-body-cell, .quality-form-section__custom-download-menu .label1_size.arr-menu__item { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .quality-form-section .quality-container .label2_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label2_size.table-body-cell, .quality-form-section__custom-download-menu .label2_size.arr-menu__item, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-cell { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .quality-form-section .quality-container .label3_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label3_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label3_size.table-body-cell, .quality-form-section__custom-download-menu .label3_size.arr-menu__item { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .quality-form-section .quality-container .label4_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label4_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .label4_size.table-body-cell, .quality-form-section__custom-download-menu .label4_size.arr-menu__item { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .quality-form-section .quality-container .buttonLarge_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonLarge_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonLarge_size.table-body-cell, .quality-form-section__custom-download-menu .buttonLarge_size.arr-menu__item { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .quality-form-section .quality-container .buttonMedium_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonMedium_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonMedium_size.table-body-cell, .quality-form-section__custom-download-menu .buttonMedium_size.arr-menu__item { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .quality-form-section .quality-container .buttonSmall_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonSmall_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonSmall_size.table-body-cell, .quality-form-section__custom-download-menu .buttonSmall_size.arr-menu__item { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .quality-form-section .quality-container .buttonXS_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonXS_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .buttonXS_size.table-body-cell, .quality-form-section__custom-download-menu .buttonXS_size.arr-menu__item { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .quality-form-section .quality-container .profilePictureTextClientMedium_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .profilePictureTextClientMedium_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .profilePictureTextClientMedium_size.table-body-cell, .quality-form-section__custom-download-menu .profilePictureTextClientMedium_size.arr-menu__item { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .quality-form-section .quality-container .profilePictureTextSmall_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .profilePictureTextSmall_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .profilePictureTextSmall_size.table-body-cell, .quality-form-section__custom-download-menu .profilePictureTextSmall_size.arr-menu__item { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .quality-form-section .quality-container .toastMessageText_size.title-text, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .toastMessageText_size.table-cell, .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .toastMessageText_size.table-body-cell, .quality-form-section__custom-download-menu .toastMessageText_size.arr-menu__item { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .quality-form-section { display: flex; flex-direction: column; gap: 0.75rem; } .quality-form-section .quality-container { border-radius: 0rem 0rem 0.5rem 0.5rem; background-color: #121a25; } .quality-form-section .quality-container .quality-header { background-color: #1f2b3d; padding: 1rem; text-align: left; border-radius: 0.5rem 0.5rem 0rem 0rem; border-top: 0.125rem solid #3c4f6b; } .quality-form-section .quality-container .title-text { color: #fcfcfd; } .quality-form-section .quality-container .custom-text-headings { color: #fcfcfd; } .quality-form-section .quality-container .custom-body-strong { color: #ccd5e3; } .quality-form-section .quality-container .custom-text-success { color: #7ddfbb; } .quality-form-section .quality-container .minWidthForText { min-width: 11.875rem; } .quality-form-section .quality-container .quality-body { display: flex; flex-direction: column; gap: 2rem; padding: 2rem 3rem; border-radius: 0rem 0rem 0.5rem 0.5rem; } .quality-form-section .quality-container .quality-body .quality-production-container { display: flex; flex-direction: row; gap: 3rem; justify-content: space-between; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-production-info { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-production-info .production-sub-container { display: flex; flex-direction: row; gap: 2rem; text-align: left; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-button-container { display: flex; flex-direction: column; gap: 0.5rem; flex: 0 0; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-button-container .quality-production-buttons { display: flex; flex-direction: row; gap: 0.5rem; align-items: flex-start; width: max-content; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-button-container .quality-production-buttons .custom-button .MuiSvgIcon-root { font-size: 1.5rem !important; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-button-container .disable-message { background-color: rgba(255, 195, 125, 0.16); padding: 0.5rem 1rem; text-align: left; border-radius: 0.5rem; } .quality-form-section .quality-container .quality-body .quality-production-container .quality-button-container .disable-message .disable-text { color: #ffc37d; white-space: pre-line; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table { border-radius: 0.5rem; overflow: hidden; border: 0.125rem solid #0c1119; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-header { background-color: #0c1119; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-cell { color: #a5b4cb; border-bottom: 0.062rem solid #263449; position: relative; width: 50%; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .border-right:after { content: ""; position: absolute; right: 0rem; top: 0.5rem; bottom: 0.5rem; width: 0.0625rem; background: #3c4f6b; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .table-body-cell { color: #fcfcfd; border-bottom: 0.062rem solid #263449; background-color: #182231; padding: 0.5rem 1rem; } .quality-form-section .quality-container .quality-body .quality-production-status .production-status-table .success-body-cell { color: #7ddfbb; } .quality-form-section .quality-container .quality-body .placeholder-error { align-items: flex-start; display: flex; flex-direction: column; } .quality-form-section__custom-download-menu .MuiMenu-paper { background-color: #121a25; } .quality-form-section__custom-download-menu .arr-menu__item { color: #fcfcfd; } .quality-form-section__modal-container .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(0.7rem, 0.4375rem) !important; } .quality-form-section__modal-container .modal-child-container { display: flex; flex-direction: column; gap: 1rem; } .quality-form-section__modal-container .modal-child-container .link-expiry-text { margin-top: 1rem; color: #fcfcfd; } .quality-form-section__modal-container .modal-child-container .custom-text-headings { color: #fcfcfd; } .quality-form-section__modal-container .modal-child-container .password-title { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-production-form-section .new-production-form.delivery-options { background-color: #121a25; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 1.5rem; } .new-production-form-section .new-production-form.delivery-options .new-production-form-header { padding-bottom: 1rem; border-bottom: 0.062rem solid #3c4f6b; } .new-production-form-section .new-production-form.delivery-options .new-production-form-body { display: flex; flex-direction: column; gap: 1.5rem; padding-top: 0rem !important; } .new-production-form-section .new-production-form.delivery-options .delivery-section { width: 100%; display: flex; flex-direction: column; gap: 1rem; padding-bottom: 1rem; border-bottom: 0.062rem solid #3c4f6b; } .new-production-form-section .new-production-form.delivery-options .delivery-section .MuiTypography-root { font-family: Inter; } .new-production-form-section .new-production-form.delivery-options .delivery-section .delivery-info-icon { font-size: 1rem; margin-left: 0.25rem; vertical-align: middle; color: #89a6ff; cursor: pointer; } .new-production-form-section .new-production-form.delivery-options .delivery-section:last-of-type { border-bottom: none; padding-bottom: 0; } .new-production-form-section .new-production-form.delivery-options .delivery-section .archiveNote { width: 60%; max-width: 60%; text-align: left; color: #a5b4cb; font-weight: 400; } .new-production-form-section .new-production-form.delivery-options .delivery-section .section-title { width: 60%; max-width: 60%; text-align: left; font-weight: 600; color: #fcfcfd !important; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row { width: 60%; max-width: 60%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; align-items: start; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row.single { grid-template-columns: 130px minmax(0, 1fr); } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row .field-item { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: start; text-align: left; row-gap: 0.25rem; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row .field-item .label { color: #ccd5e3; font-weight: 400; align-self: start; margin-top: 0.75rem; line-height: 1.5; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row .field-item .arr-textfield-wrapper, .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row .field-item .arr-dropdown-container { width: 100%; } .new-production-form-section .new-production-form.delivery-options .delivery-section .toggle-row { width: 60%; max-width: 60%; display: flex; align-items: center; gap: 1rem; } .new-production-form-section .new-production-form.delivery-options .delivery-section .toggle-row .toggle-label { display: flex; align-items: center; gap: 0.5rem; font-family: Inter; font-weight: 600; font-size: 0.875rem; color: #fcfcfd !important; } .new-production-form-section .new-production-form.delivery-options .delivery-section .toggle-row .archiveNote { text-align: left; color: #a5b4cb; font-weight: 400; } .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid { width: 60%; max-width: 60%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; column-gap: 5rem; } .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid .field-item { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: start; text-align: left; row-gap: 0.25rem; } .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid .field-item .label { color: #ccd5e3; font-weight: 400; align-self: center; } .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid .field-item .arr-textfield-wrapper, .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid .field-item .arr-dropdown-container { width: 100%; } @media (max-width: 1024px) { .new-production-form-section .new-production-form.delivery-options .delivery-section .archiveNote, .new-production-form-section .new-production-form.delivery-options .delivery-section .section-title, .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row, .new-production-form-section .new-production-form.delivery-options .delivery-section .toggle-row, .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid { width: 100%; max-width: 100%; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row { grid-template-columns: 1fr; } .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row .field-item, .new-production-form-section .new-production-form.delivery-options .delivery-section .field-row.single { grid-template-columns: 140px minmax(0, 1fr); } .new-production-form-section .new-production-form.delivery-options .delivery-section .folder-grid { grid-template-columns: 1fr; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-page { justify-content: start; text-align: left; height: 100%; background-color: #0c1119; /* Left Panel */ } .session-search-page .session-search-left-panel .session-search-left-header-panel { min-height: 64px; max-height: 64px; align-content: center; background-color: #182231; } .session-search-page .session-search-left-panel .session-search-search-list-panel { height: 100%; align-content: start; background-color: #121a25; } .session-search-page { /* Center Panel */ } .session-search-page .session-search-center-panel .session-search-center-header-panel { min-height: 64px; max-height: 64px; align-content: center; background-color: #182231; } .session-search-page { /* Right Panel */ } .session-search-page .session-search-right-panel { height: 100%; background-color: #182231; } .session-search-page .icon-info { color: #89a6ff; } .modal-desc-text { color: #ccd5e3; font-weight: 400; font-family: "Inter"; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-left-header { padding: 1rem; display: inline-flex; gap: 0.125rem; } .session-search-left-header .icon-info { margin-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-center-header { padding: 1rem; background-color: #182231; align-items: center; } .session-search-center-header .uniqueDocIdCount { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-list { padding: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-list-item { border-radius: 0.25rem; border-left-width: 0.25rem; border-left-style: solid; min-height: 44px; padding-left: 1rem; padding-bottom: 1rem; padding-right: 0.5rem; padding-top: 1rem; background-color: #182231; } .session-search-list-item:focus { background-color: #1f2b3d; cursor: pointer; } .session-search-list-item:hover { background-color: #1f2b3d; cursor: pointer; } .session-search-list-item:hover .icon-clear { display: inline-flex; } .session-search-list-item:hover .icon-pin { display: inline-flex; border-radius: 0.25rem; background-color: rgba(84, 106, 140, 0.4); } .session-search-list-item:active, .session-search-list-item.active { background-color: #2d3d55; } .session-search-list-item .icon-clear, .session-search-list-item .icon-pin { display: none; } .session-search-list-item .icon-pin > svg, .session-search-list-item .icon-unpin > svg { rotate: 45deg; } .session-search-list-item .icon-pin svg path:first-of-type { opacity: 0; fill: #c4d9ff; stroke: #c4d9ff; } .session-search-list-item :hover.icon-pin svg path:first-of-type { opacity: 1; } .session-search-list-item .label-container { color: #a5b4cb; display: inline-flex; flex-grow: 1; align-items: center; } .session-search-list-item .icon-button-container { display: inline-flex; width: 1.5rem; height: 1.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-modifiers { padding: 1.5rem; height: -webkit-fill-available; } .session-search-modifiers .modifiers-divider { border-color: #3c4f6b; } .session-search-modifiers .pressed { background-color: #3845ad !important; } .session-search-modifiers .table-header-section .action-dropdown-button-selected { background-color: #5265ff; color: #ffffff; float: right; } .session-search-modifiers .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 1rem; } .session-search-modifiers .table-header-section .action-buttons-right .action-buttons { display: flex; gap: 0.125rem; } .session-search-modifiers .modifiers-regex-item .MuiFormControlLabel-label { color: #ccd5e3; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .session-search-modifiers .modifiers-family-item .MuiFormControlLabel-label { color: #ccd5e3; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .session-search-modifiers .modifiers-thread-item .MuiFormControlLabel-label { color: #ccd5e3; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .session-search-modifiers .modifiers-duplicate-item .MuiFormControlLabel-label { color: #ccd5e3; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-query-header { padding: 1rem; max-height: 64px; background-color: #121a25; align-items: center; } .session-search-query-header .query-header-title { flex-grow: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-query-subheader { padding: 1rem; max-height: 72px; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-query--read-only .session-search-query-list-panel { padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; } .session-search-query-list { padding: 1rem; } .session-search-query-search-criteria-panel { padding: 1rem; } .query-actions { flex-wrap: wrap; gap: 8px; } .arrbutton-nowrap { white-space: nowrap; } .work-product-content-panel .query-actions { align-items: center; } .work-product-content-panel .query-chips { margin-bottom: 0.5rem; } .conceptual-content-panel .panel-label { align-items: center; } .conceptual-content-panel .arr-slider-root { padding: 0rem !important; } .conceptual-content-panel .query-chips { margin-top: 0px !important; } .conceptual-content-panel .query-chips .panel-wrapper { display: flex; gap: 1rem; margin-top: 0.5rem; } .query-chips .conceptual-text-input { padding: 0.75rem; background-color: #121a25; border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; min-height: 56px; display: flex; flex-direction: column; gap: 0.5rem; box-sizing: border-box; width: 100%; color: #fcfcfd; } .text-panel-grid:focus-visible { outline: none; } .panel-wrapper .arr-textarea-wrapper .text-panel-grid { min-height: 4.625rem !important; background-color: #121a25; border: 0.062rem solid #3c4f6b !important; overflow: hidden; padding-top: 0.75rem; width: 100% !important; border-radius: 0.5rem; color: #fcfcfd; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; box-sizing: border-box; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .content_and_metadata-content-panel .query-actions { align-items: center; } .content_and_metadata-content-panel .query-chips { margin-bottom: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .field-type-drawer { height: 100%; } .field-type-drawer .drawer-header { background-color: #0c1119; align-items: end; padding-left: 3rem; padding-bottom: 1rem; padding-right: 3rem; padding-top: 1.5rem; } .field-type-drawer .drawer-header .drawer-title { flex-grow: 1; } .field-type-drawer .drawer-header .drawer-title .subhead5_size { color: #a5b4cb; } .field-type-drawer .drawer-header .drawer-title .headline3_size { color: #fcfcfd; } .field-type-drawer .drawer-content { height: 100%; padding-left: 3rem; padding-bottom: 2rem; padding-right: 3rem; padding-top: 2rem; overflow-y: auto; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .field-type-selection .field-separator { width: 1.5rem; } .field-type-value .arr-textfield { width: 100% !important; } .field-type-value .arr-textfield input { width: 100% !important; } .field-type-value .arr-textarea-wrapper .arr-textarea-input { width: -webkit-fill-available !important; } .field-type-value .arr-field-popover-date-filter .arr-search-input { width: 100%; } .field-type-value .range-separator { width: 1.5rem; align-content: center; } .field-type-value .range-separator .range-separator-icon { color: #ccd5e3; } .field-type-help .metadata-search-help { width: fit-content; } .field-type-help .body5_size { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .MuiAutocomplete-popper { min-width: 320px; } .MuiAutocomplete-popper .MuiAutocomplete-paper { background-color: #121a25; border-radius: 0.5rem; border: 0.062rem solid #3c4f6b; padding-top: 0.5rem; padding-bottom: 0.5rem; } .MuiAutocomplete-popper .MuiAutocomplete-option { min-height: 36px !important; padding-left: 0.75rem !important; padding-right: 0.25rem !important; background-color: #121a25 !important; color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .MuiAutocomplete-popper .MuiAutocomplete-option:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .arr-autocomplete_hidden { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .chip-panel { padding: 11px 0.75rem; background-color: #121a25; border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; min-height: 56px; display: flex; flex-direction: column; gap: 0.5rem; box-sizing: border-box; } .chip-panel .chip-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; min-height: 2rem; } .chip-panel .chip-input { width: 50px; height: 20px; font-size: 1rem; padding: 0.25rem 0.5rem; border: 0.062rem solid #3c4f6b; border-radius: 0.5rem; outline: none; color: #fcfcfd; background: #1f2b3d; margin-left: 0.25rem; } .chip-panel .chip-input:focus { border-color: #5265ff; } .chip-autocomplete { margin-left: -76px; } .chip-autocomplete .chip-autocomplete__input { margin-top: -40px; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .operand-chip, .operator-chip { border-radius: 0.5rem; padding-top: 6px; padding-bottom: 6px; padding-left: 0.5rem; padding-right: 0.5rem; min-height: 1.125rem; align-items: center; word-break: break-all; } .operand-chip:hover, .operator-chip:hover { cursor: pointer; } .operand-chip:hover .icon-clear, .operator-chip:hover .icon-clear { display: inline-flex; } .operand-chip .icon-clear, .operator-chip .icon-clear { width: 1.125rem; height: 1.125rem; background-color: transparent !important; display: none; } .operand-chip { border: 0.062rem solid #603e94; background: rgba(96, 62, 148, 0.2); } .operand-chip:hover { background: rgba(96, 62, 148, 0.6); } .operator-chip { border: 0.062rem solid #5265ff; background: rgba(82, 101, 255, 0.2); } .operator-chip:hover { background: rgba(82, 101, 255, 0.6); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .chip-editor-popup.chip-editor-popup { background-color: #182231 !important; border: 0.0625rem solid #3c4f6b; padding: 1rem; margin: 0.125rem 0rem; width: 18.75rem; } .chip-editor-popup .title-textarea-box textarea { min-height: 2rem !important; } .chip-editor-popup .value-textarea-box textarea { min-height: 2rem !important; max-height: 8.125rem; } .chip-editor-popup .textarea-box { width: 100%; max-width: 100%; } .chip-editor-popup .textarea-box textarea { width: 100% !important; max-width: 100% !important; resize: vertical !important; box-sizing: border-box; } .chip-editor-popup { border-radius: 0.5rem !important; } .chip-editor-menu .MuiPaper-root { width: 9.25rem; } .chipeditor-textarea textarea::-webkit-scrollbar { width: 0.625rem; } .chipeditor-textarea textarea::-webkit-scrollbar-track { background-color: #182231; } .chipeditor-textarea textarea::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .chipeditor-textarea textarea::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .panel-label .precision-sensitivity-typo { padding-right: 0.5rem; } .panel-label .arr-numeric-input .numeric-input-field { padding: 0rem !important; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .panel-label .percent-sign { margin: 0rem; } .panel-label .percent-sign .MuiTypography-root.MuiTypography-body1 { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .panel-label .arr-textfield-wrapper .arr-textfield.arr-textfield--enabled .MuiFilledInput-root { padding: 0.5rem 1rem 0.5rem 0.25rem; border-radius: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .productions-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; } .productions-panel .productions-panel_left-pane { padding-right: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; } .productions-panel .productions-panel_left-pane .left-pane_header { padding-left: 0.5rem; } .productions-panel .productions-panel_left-pane .arr-checkbox-list { margin-left: 0; } .productions-panel .productions-panel_left-pane .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .productions-panel .productions-panel_right-pane { padding-left: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; border-left: 1px solid #3c4f6b; } .productions-panel .productions-panel_right-pane .right-pane_header { padding-left: 0.5rem; } .productions-panel .productions-divider { border-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .security-group-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; } .security-group-panel .security-group-panel_left-pane { padding-right: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; } .security-group-panel .security-group-panel_left-pane .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .security-group-panel .arr-checkbox-children { border-top: 1px solid; border-color: #3c4f6b; padding-top: 15px; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .score-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; } .score-panel .MuiInputBase-input::placeholder { text-align: left !important; } .score-panel input::placeholder { text-align: left !important; } .score-panel .MuiInputBase-input { padding-top: 0 !important; text-align: left !important; } .score-panel .score-panel_left-pane { padding-right: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; } .score-panel .score-panel_left-pane .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .score-panel .score-panel_right-pane { padding-left: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; border-left: 1px solid #3c4f6b; } .score-panel .score-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; } .score-panel .score-panel-header .right-pane_header { margin-right: 0.75rem; } .score-panel .score-panel-header .icon-info { margin-left: 0.25rem; } .score-panel .group-item { box-sizing: border-box; flex: 0 0 calc((100% - 0.75rem) / 2); width: 100%; } .score-panel .field-logic { flex: 1; } .score-panel .score-divider { border-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .assignments-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; } .assignments-panel .left-pane_header_box { padding-right: 1.5rem; } .assignments-panel .left-pane_header_box .left-pane_header { padding-left: 0.5rem; } .assignments-panel .left-pane-divider { padding-right: 1.5rem; } .assignments-panel .assignments-panel_left-pane { padding-bottom: 2rem; padding-top: 2rem; } .assignments-panel .assignments-panel_left-pane .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list { padding-top: 4px; padding-bottom: 4px; overflow-y: auto; min-height: 0rem; height: 650px; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list::-webkit-scrollbar { width: 0.625rem; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list::-webkit-scrollbar-track { background-color: #182231; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .assignments-panel .assignments-panel_left-pane .assignments-tree-list .MuiTreeItem-content { border-color: #263449; } .assignments-panel .assignments-panel_right-pane { padding-left: 1.5rem; padding-bottom: 2rem; padding-top: 2rem; border-left: 1px solid #3c4f6b; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list { border: 0.062rem solid #3c4f6b; border-radius: 8px; padding-top: 4px; padding-bottom: 4px; overflow-y: auto; min-height: 0rem; height: 304px; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list::-webkit-scrollbar { width: 0.625rem; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list::-webkit-scrollbar-track { background-color: #182231; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .assignments-panel .assignments-panel_right-pane .distribution-checkbox-list .MuiTreeItem-content { border-color: #263449; } .assignments-panel .assignments-panel_right-pane .add-on-pane { width: 288px; } .assignments-panel .assignments-divider { border-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tags-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; padding-bottom: 2rem; } .tags-panel .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; color: #fcfcfd; letter-spacing: 0rem; } .tags-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .tags-panel.no-data { margin-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .folder-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; padding-bottom: 2rem; } .folder-panel .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; color: #fcfcfd; letter-spacing: 0rem; } .folder-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .folder-panel.no-data { margin-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redaction-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; padding-bottom: 2rem; } .redaction-panel .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; color: #fcfcfd; letter-spacing: 0rem; } .redaction-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .redaction-panel.no-data { margin-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .savedSearch-panel { height: -webkit-fill-available; color: #fcfcfd; margin-bottom: -2rem; margin-top: -2rem; padding-bottom: 2rem; } .savedSearch-panel .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; color: #fcfcfd; letter-spacing: 0rem; } .savedSearch-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .savedSearch-panel.no-data { margin-top: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .analytics-content-panel .query-actions { align-items: center; } .analytics-content-panel .query-chips { margin-bottom: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .sortable-panel .sortable-panel-header { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; padding: 0.5rem; background-color: #1f2b3d; align-items: center; } .sortable-panel .sortable-panel-header.collapsed { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .sortable-panel .sortable-panel-header .sortable-panel-header_tooltip { flex-grow: 1; } .sortable-panel .sortable-panel-header .sortable-panel-header_actions { display: flex; gap: 0.5rem; } .sortable-panel .sortable-panel-content { background-color: #182231; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; padding-top: 0.5rem; padding-bottom: 1rem; padding-right: 1rem; padding-left: 0.5rem; } .sortable-panel .sortable-panel-operator { margin-top: 0.5rem; } .sortable-panel:last-of-type .sortable-panel-operator { display: none; } .sortable-panel-placeholder { border-width: 0.125rem; border-style: dashed; border-color: #6e87ff; } .sortable-panel_dragging { border-radius: 0.5rem; box-shadow: 0px 0px 0px 0.125rem #6e87ff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-query-search-criteria-panel .query-criteria-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; } .query-section-divider { width: 100%; display: flex; align-items: center; margin: 1rem 0; position: relative; } .query-section-divider::before { content: ""; flex: 1; height: 1px; background: #4a5072; margin-right: 1rem; } .query-section-divider::after { content: ""; flex: 1; height: 1px; background: #4a5072; margin-left: 1rem; } .query-section-divider .query-section-operator { color: #fcfcfd; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; } .query-section-title { color: #ffffff; font-weight: 600 !important; margin-bottom: 12px !important; font-family: "Inter" !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; } .query-search-criteria { background-color: #182231; padding: 1rem; border-radius: 4px; } .sortable-panel .query-section { padding-top: 0.5rem; padding-bottom: 0rem; padding-left: 0.5rem; padding-right: 0.5rem; } .sortable-panel .query-section:last-child { margin-bottom: 0; } .sortable-panel .query-section .query-criteria-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; } .sortable-panel .query-section .query-criteria-chips .operand-chip, .sortable-panel .query-section .query-criteria-chips .operator-chip { margin: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .readonly-chip.operator-chip:hover { cursor: default; background: rgba(82, 101, 255, 0.2); } .readonly-chip.operand-chip:hover { cursor: default; background: rgba(96, 62, 148, 0.2); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .session-search-query-results-panel { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } .search-results .search-results__heading { padding-top: 1rem; padding-bottom: 1rem; } .search-results .search-results__heading .search-results__sub-header { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .save-search-drawer { height: 100%; color: #fcfcfd; padding-left: 3rem; padding-right: 3rem; } .save-search-drawer .drawer-header { background-color: #0c1119; margin-left: -3rem; margin-right: -3rem; padding-left: 3rem; padding-right: 3rem; padding-bottom: 1rem; padding-top: 1.5rem; align-items: end; } .save-search-drawer .drawer-header .drawer-title { flex-grow: 1; } .save-search-drawer .form-fields { background-color: #0c1119; margin-left: -3rem; margin-right: -3rem; padding-left: 3rem; padding-right: 3rem; } .save-search-drawer .form-fields .save-options { padding-top: 1rem; padding-bottom: 2rem; } .save-search-drawer .form-fields .save-name { padding-bottom: 1.5rem; } .save-search-drawer .form-fields .confidence-score { padding-bottom: 1.5rem; } .save-search-drawer .form-fields .confidence-score .icon-info { color: #89a6ff; } .save-search-drawer .search-groups-header { background-color: #121a25; margin-left: -3rem; margin-right: -3rem; padding-left: 3rem; padding-right: 3rem; padding-top: 1rem; padding-bottom: 1rem; } .save-search-drawer .search-groups-content { height: 100%; background-color: #182231; padding-top: 0.5rem; margin-left: -3rem; margin-right: -3rem; padding-left: 3rem; padding-right: 3rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .action-menu .pressed { background-color: #3845ad !important; } .action-menu .table-header-section .action-dropdown-button-selected { background-color: #5265ff; color: #ffffff; float: right; } .action-menu .table-header-section .action-dropdown-button-disabled { background-color: #424750; color: #727882; } .action-menu .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 1rem; } .action-menu .table-header-section .action-buttons-right .action-buttons { display: flex; gap: 0.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .result-shopping-cart { padding: 1.5rem; padding-top: 1rem; height: -webkit-fill-available; } .result-shopping-cart .modifiers-divider { border-color: #3c4f6b; } .result-shopping-cart .sub-title-box { color: #a5b4cb; } .result-shopping-cart .emptyBox { border: 0.0625rem dashed #8c9eba; padding-top: 1rem; margin-top: 1rem; background-color: #1f2b3d; border-radius: 0.5rem; padding: 1.5rem; text-align: center; color: #a5b4cb; height: 8.5rem; display: flex; align-items: center; justify-content: center; } .result-shopping-cart .tile-grid-box { padding: 0.5rem; margin-top: 1rem; background-color: #0c1119; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .report-landing-page { background-color: #1f2b3d; padding: 1rem 2rem; } .report-landing-page .report-box-heading { box-sizing: border-box; background-color: #0c1119; padding: 1rem; text-align: left; height: 3.5rem; border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; } .report-landing-page .report-box-heading .template-heading-text { letter-spacing: 0rem; } .report-landing-page .report-heading { display: flex; align-items: flex-start; margin-bottom: 1rem; } .report-landing-page .report-heading .info-icon { color: #89a6ff; height: 1.375rem; width: 1.375rem; margin-left: 0.25rem; margin-top: 0.1875rem; } .report-landing-page .custom-report-heading { border-radius: 0rem !important; height: 3.25rem !important; } .report-landing-page .report-boxes-main { display: flex; flex-direction: row; gap: 1rem; width: 100%; } .report-landing-page .report-boxes-main .report-vertical-div { flex: 1; } .report-landing-page .report-boxes-main .report-vertical-div .template-div { min-height: 21rem; } .report-landing-page .report-boxes-main .report-vertical-div .template-div .arr-navlist { min-height: 21rem; padding-top: 0.5rem; } .report-landing-page .report-boxes-main .report-vertical-div .custom-template-div .arr-navlist { min-height: 14.25rem; border-bottom-left-radius: 0.625rem; border-bottom-right-radius: 0.625rem; padding-top: 0.5rem; } .report-landing-page .report-boxes-main .delete-icon { height: 1.125rem; width: 1.125rem; } .report-landing-page .report-boxes-main .icon-button { width: 1.5rem; height: 1.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .tally-container .tally-header .display1_size.tally-title { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .tally-container .tally-header .display2_size.tally-title { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .tally-container .tally-header .display3_size.tally-title { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .tally-container .tally-header .headline1_size.tally-title { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .tally-container .tally-header .headline2_size.tally-title { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .tally-container .tally-header .tally-title { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .tally-container .tally-header .subhead1_size.tally-title { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .tally-container .tally-header .subhead2_size.tally-title { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .tally-container .tally-header .subhead3_size.tally-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .tally-container .tally-header .subhead4_size.tally-title { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .tally-container .tally-header .subhead5_size.tally-title { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .tally-container .tally-header .body1_size.tally-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .tally-container .tally-header .body2_size.tally-title { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .tally-container .tally-header .body3_size.tally-title { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .tally-container .tally-header .body4_size.tally-title { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .tally-container .tally-header .body5_size.tally-title { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .tally-container .tally-header .label1_size.tally-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .tally-container .tally-header .label2_size.tally-title { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .tally-container .tally-header .label3_size.tally-title { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .tally-container .tally-header .label4_size.tally-title { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .tally-container .tally-header .buttonLarge_size.tally-title { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .tally-container .tally-header .buttonMedium_size.tally-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .tally-container .tally-header .buttonSmall_size.tally-title { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .tally-container .tally-header .buttonXS_size.tally-title { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .tally-container .tally-header .profilePictureTextClientMedium_size.tally-title { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .tally-container .tally-header .profilePictureTextSmall_size.tally-title { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .tally-container .tally-header .toastMessageText_size.tally-title { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tally-container { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; background-color: #182231; } .tally-container .tally-header { display: flex; align-items: center; padding: 1rem 2rem; gap: 0.5rem; } .tally-container .tally-header .tally-title { color: #fcfcfd; } .tally-container .tally-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .tally-container .tally-top-panel { min-height: 3rem; background-color: #0c1119; padding: 0.5rem; } .tally-container .tally-top-panel .arr-accordion-container { border-radius: 0.5rem; } .tally-container .tally-middle-section { display: flex; flex-wrap: wrap; } .tally-container .tally-column { flex: 1 1 36rem; display: flex; flex-direction: column; width: 50%; box-sizing: border-box; } .tally-container .column-border-right { border-right: solid 0.0625rem #3c4f6b; } .tally-container .column-border-left { border-left: solid 0.0625rem #3c4f6b; } .tally-container .tally-panel { min-height: 43rem; background-color: #182231; display: flex; align-items: center; justify-content: center; } .tally-container .tally-panel .unavailable-text { color: #727882; } .tally-container .tally-empty-panel { min-height: 27rem; background-color: #121a25; } .tally-container .subtally-empty-panel { min-height: 20.4375rem; background-color: #121a25; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tally-result-panel { min-height: 20.5rem; height: auto; background-color: #121a25; padding: 0rem; border-top: 0.0625rem solid #263449; /* Empty state (when tally is NOT run) */ } .tally-result-panel .tally-empty-state { min-height: 12rem; background-color: #182231; border: 0.125rem solid #182231; display: flex; align-items: center; justify-content: center; padding: 1rem; } .tally-result-panel .tally-empty-state .empty-text { color: #a5b4cb; } .tally-result-panel { /* Toolbar: left timestamp, right controls */ } .tally-result-panel .tally-result-toolbar { box-sizing: border-box; height: 3.5rem; padding: 0rem 2rem; background-color: #182231; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .tally-result-panel .tally-result-toolbar .tally-result-time-section { display: flex; align-items: center; color: #ccd5e3; height: 2rem; } .tally-result-panel .tally-result-toolbar { /* ✅ When disabled, tint the left "Data as of" text with $text-inactive */ } .tally-result-panel .tally-result-toolbar[aria-disabled=true] .tally-result-time-section .typo-text { color: #ccd5e3; } .tally-result-panel .tally-result-toolbar .header-button-div { display: flex; align-items: center; gap: 0.625rem; /* Disabled state when isTallyRun = false */ } .tally-result-panel .tally-result-toolbar .header-button-div[aria-disabled=true] .select-all-div, .tally-result-panel .tally-result-toolbar .header-button-div[aria-disabled=true] .upload-icon-btn, .tally-result-panel .tally-result-toolbar .header-button-div[aria-disabled=true] .table-header-section { opacity: 0.6; } .tally-result-panel .tally-result-toolbar .header-button-div[aria-disabled=true] { /* ✅ Apply requested typography and text color for "Select all" */ } .tally-result-panel .tally-result-toolbar .header-button-div[aria-disabled=true] .select-all-div .typo-text { color: #727882; } .tally-result-panel .tally-result-toolbar .header-button-div .select-all-div { display: flex; align-items: center; gap: 0rem; } .tally-result-panel .tally-result-toolbar .header-button-div .table-header-section .action-dropdown-button { outline: none; } .tally-result-panel .tally-result-toolbar .header-button-div .table-header-section .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; } .tally-result-panel .tally-result-toolbar .header-button-div .table-header-section .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .tally-result-panel .tally-result-toolbar .header-button-div .table-header-section .action-dropdown-button--selected svg { color: #ffffff !important; } .tally-result-panel .tally-result-toolbar .header-button-div .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 0.125rem; } .tally-result-panel .tally-result-toolbar .header-button-div .upload-icon { width: 0.875rem; height: 1.063rem; } .tally-result-panel .tally-result-toolbar .header-button-div .inactive-upload-icon { width: 0.875rem; height: 1.063rem; color: #898e97; } .tally-result-panel { /* Chart wrapper */ } .tally-result-panel .bar-chart-main { min-height: 14.1875rem; padding: 2rem; } .tally-result-panel .bar-chart-main .arr-bar-chart-selectable { padding: 0rem; } .tally-result-panel .arr-bar-chart-selectable { padding: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .selectionby-container .selectionby-top { height: 3.5rem; padding: 1rem 2rem; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #1f2b3d; } .selectionby-container .selectionby-top-label { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; } .selectionby-container .selectionby-top-buttongroup { flex-direction: row; display: flex; align-items: flex-end; gap: 1.5rem; width: 25rem; } .selectionby-container .selectionby-top-buttongroup .arr-dropdown-container .arr-dropdown-selected { font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.25rem !important; font-family: Inter !important; letter-spacing: 0rem !important; overflow: visible; text-overflow: unset; max-width: none; } .selectionby-container .selectionby-top-buttongroup .arr-dropdown-container--medium .MuiSelect-select { height: 2.5rem 40px !important; padding: 0rem 1rem 0rem 0.5rem !important; } .selectionby-container .selectionby-top-buttongroup .apply-button { margin-bottom: 0.25rem; gap: 0.125rem; } .selectionby-container .disabled { color: #727882; } .selectionby-container .filter-panel .arr-filter-panel .MuiPaper-root.MuiPaper-elevation { box-shadow: none !important; padding: 0rem; border-radius: 0rem; } .selectionby-container .filter-panel .MuiAccordionSummary-root { padding: 1.5rem 2rem 1rem 2rem; } .selectionby-container .filter-panel .MuiAccordionDetails-root { padding: 0rem; } .selectionby-container .filter-panel .MuiAccordionSummary-content { margin: 0rem; } .selectionby-container .filter-panel .arr-filter-panel-body .parent-filter-container { padding: 0rem 2rem 1.5rem 2rem; } .selectionby-container .filter-panel .arr-filter-panel-body .sub-filter-container { padding: 1.5rem 2rem; } .selectionby-container .filter-panel .arr-filter-panel-body .sub-filter-container .active-filter-header-section { height: 1.25rem; } .arr-panel .arr-drawer__panel { border-left: 0.062rem solid #5265ff !important; } .drawer-container { display: flex; flex-direction: column; height: 100vh; } .drawer-container .drawer-header-box { display: flex; flex-direction: column; background-color: #0c1119; gap: 0.5rem; padding: 1.5rem 2rem 0.25rem; min-height: 5rem; position: sticky; top: 0; z-index: 10; } .drawer-container .drawer-header-box .small-title { color: #a5b4cb !important; font-size: 0.875rem !important; line-height: 1.25rem !important; font-family: Inter !important; font-weight: 600 !important; letter-spacing: 0rem !important; } .drawer-container .drawer-header-box .drawer-row { display: flex; justify-content: space-between; align-items: center; height: auto; } .drawer-container .drawer-header-box .drawer-row .title { color: #fcfcfd !important; font-weight: 400 !important; font-size: 1.5rem !important; line-height: 1.75rem !important; font-family: Reckless !important; letter-spacing: 0rem !important; } .drawer-container .drawer-header-box .drawer-row .drawer-buttons-box { display: flex; gap: 0.5rem; } .drawer-container .drawer-header-box .drawer-row .drawer-buttons-box .cancel-button, .drawer-container .drawer-header-box .drawer-row .drawer-buttons-box .select-button { border-radius: 0.5rem !important; } .drawer-container .drawer-header-box .drawer-row .drawer-buttons-box .cancel-button { color: #89a6ff; } .drawer-container .content-box { flex: 1; color: #fcfcfd !important; } .drawer-container .content-box::-webkit-scrollbar { width: 0.25rem; background-color: transparent; padding: 0rem 0.125rem; } .drawer-container .content-box::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .drawer-container .content-box::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .drawer-container .content-box { scrollbar-gutter: auto; } .drawer-container .content-box .arr-tree-container { overflow-y: auto; padding: 0rem 1rem 0rem 1rem; background-color: #121a25; } .drawer-container .content-box .arr-tree-container .custom-text-style { color: #ffffff !important; } .drawer-container .content-box .arr-tree-container .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { width: 1.25rem !important; height: 1.25rem !important; } .drawer-container .content-box .arr-tree-container .location-treeitem-label { font-family: Inter !important; font-weight: 400 !important; font-style: normal !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; vertical-align: middle !important; } .drawer-container .content-box .arr-tree-container .MuiTreeItem-content:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .drawer-container .content-box .arr-tree-container .MuiTreeItem-content.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .drawer-container .content-box .arr-tree-container .MuiCheckbox-root.Mui-checked { border: 0.062rem solid #0c1119 !important; border-radius: 0.125rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .subTally-result-panel { min-height: 20.4375rem; background: #182231; border-top: 0.0625rem solid #263449; /* Toolbar: left timestamp, right controls */ } .subTally-result-panel .subtally-result-toolbar { height: 2rem; padding: 0.75rem 2rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; background-color: #182231 !important; } .subTally-result-panel .subtally-result-toolbar .tally-result-time-section { display: flex; align-items: center; color: #ccd5e3; height: 2rem; } .subTally-result-panel .subtally-result-toolbar { /* ✅ When disabled, tint the left "Data as of" text with $text-inactive */ } .subTally-result-panel .subtally-result-toolbar[aria-disabled=true] .tally-result-time-section .typo-text { color: #727882; } .subTally-result-panel .subtally-result-toolbar .header-button-div { display: flex; align-items: center; gap: 1rem; /* Disabled state when isTallyRun = false */ } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .select-all-div, .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .upload-icon-btn, .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .table-header-section { opacity: 0.6; } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .icon-button.MuiIconButton-root.with-shape { background: none; } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .upload-icon-btn { color: #898e97; } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] { background-color: none !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .table-header-section { display: flex; flex-direction: row; opacity: 0.6; gap: 0.5rem !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div[aria-disabled=true] .table-header-section .icon-button.MuiIconButton-root.with-shape { background: none !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div .select-all-div { display: flex; align-items: center; /* ✅ Apply requested typography and text color for "Select all" */ } .subTally-result-panel .subtally-result-toolbar .header-button-div .select-all-div[aria-disabled=true] .typo-text { color: #727882; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section { display: flex; flex-direction: row; gap: 0.5rem !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .icon-button.MuiIconButton-root.Mui-disabled { background-color: transparent !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section[aria-disabled=true] .upload-icon { color: #898e97; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .action-dropdown-button { outline: none; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .action-dropdown-button--selected svg { color: #ffffff !important; } .subTally-result-panel .subtally-result-toolbar .header-button-div .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 0.125rem; } .subTally-result-panel .subtally-result-toolbar .header-button-div .upload-icon { width: 0.875rem; height: 1.063rem; } .subTally-result-panel .subtally-result-toolbar .header-button-div .inactive-upload-icon { width: 0.875rem; height: 1.063rem; color: #898e97; } .subTally-result-panel { /* Chart wrapper */ } .subTally-result-panel .table-main { display: block; width: 100%; overflow-x: auto; overflow-y: hidden; } .subTally-result-panel .table-main::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .subTally-result-panel .table-main::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .subTally-result-panel .table-main::-webkit-scrollbar-track { background-color: #182231; } .subTally-result-panel .table-main::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .subTally-result-panel .table-container { width: 100%; } .subTally-result-panel .table-head { height: 3rem !important; } .subTally-result-panel .table-headRow { height: 3rem !important; } .subTally-result-panel .table-header { background: #121a25; color: #a5b4cb; width: 8.75rem !important; max-width: 8.75rem !important; min-width: 8.75rem !important; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; border-bottom: 0.0625rem solid #263449; height: 1.25rem !important; padding: 0.5rem 0.5rem 0.5rem 1rem !important; font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .subTally-result-panel .table-header2 { left: 0; box-sizing: border-box; background: #121a25; color: #a5b4cb; width: 12.5rem !important; max-width: 12.5rem !important; min-width: 10rem !important; white-space: nowrap; text-overflow: ellipsis; border-bottom: 0.0625rem solid #263449; height: 1.25rem !important; padding: 0.5rem 0.5rem 0.5rem 1rem !important; font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .subTally-result-panel .table-header1 { background: #1f2b3d; color: #a5b4cb; height: 1.25rem !important; border-bottom: 0.0625rem solid #3c4f6b; padding: 0.5rem 0.5rem 0.5rem 1rem; box-sizing: border-box; width: 12.5rem !important; max-width: 12.5rem !important; min-width: 12.5rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .subTally-result-panel .table-body { height: auto !important; } .subTally-result-panel .table-row { box-sizing: border-box; border-bottom: 0.0625rem solid #263449; padding: 0.375rem 0.5rem 0.375rem 1rem; height: 2.25rem !important; color: #fcfcfd; width: 8.75rem !important; max-width: 8.75rem !important; min-width: 8.75rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .subTally-result-panel .table-row-final { box-sizing: border-box; background: #263449; border-bottom: 0.0625rem solid #3c4f6b; padding: 0.375rem 0.5rem 0.375rem 1rem; height: 2.25rem !important; color: #fcfcfd; width: 12.5rem !important; max-width: 12.5rem !important; min-width: 12.5rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subTally-result-panel .table-row-selected { box-sizing: border-box; background: #0c1119 !important; border-bottom: 0.0625rem solid #263449; padding: 0.375rem 0.5rem 0.375rem 1rem; height: 2.25rem !important; color: #fcfcfd; width: 8.75rem !important; max-width: 8.75rem !important; min-width: 8.75rem !important; } .subTally-result-panel .table-row-final-selected { box-sizing: border-box; background: #0c1119 !important; border-bottom: 0.0625rem solid #3c4f6b; padding: 0.375rem 0.5rem 0.375rem 1rem; height: 2.25rem !important; color: #fcfcfd; width: 12.5rem !important; max-width: 12.5rem !important; min-width: 12.5rem !important; } .subTally-result-panel { /* Empty state (when tally is NOT run) */ } .subTally-result-panel .tally-empty-state { min-height: 12rem; background-color: #182231; border: 0.125rem solid #182231; display: flex; align-items: center; justify-content: center; padding: 1rem; } .subTally-result-panel .tally-empty-state .empty-text { color: #a5b4cb; } .subTally-result-panel .empty-container { background-color: #121a25; padding: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-tree-container { overflow-y: auto; padding: 0rem 1rem 0rem 1rem; background-color: #121a25; } .arr-tree-container .custom-text-style { color: #ffffff !important; } .arr-tree-container .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { width: 1.25rem !important; height: 1.25rem !important; } .arr-tree-container .location-treeitem-label { font-family: Inter; font-weight: 400; font-style: normal; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0rem; vertical-align: middle; } .arr-tree-container .MuiTreeItem-content:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .arr-tree-container .MuiTreeItem-content.Mui-selected { background-color: rgba(25, 118, 210, 0.08) !important; } .arr-tree-container .MuiTreeItem-content.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .arr-tree-container .MuiCheckbox-root.Mui-checked { border: 0.062rem solid #0c1119; border-radius: 0.125rem; } .arr-chips-container { display: flex; flex-wrap: wrap; max-width: 100%; gap: 0.25rem; min-width: 0; } .arr-chips-container .arrSelectionChip .filter-label { font-weight: 700; font-size: 0.688rem; line-height: 1rem; letter-spacing: 0.016rem; } .no-source-container { display: flex; justify-content: center; align-items: center; min-height: 6.5rem !important; } .arr-accordion-title-container { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 1.125rem !important; font-family: Inter !important; font-weight: 600 !important; gap: 1rem !important; } .accordion-title-label { font-family: Inter !important; font-weight: 600 !important; font-size: 1.125rem !important; line-height: 1.5rem !important; letter-spacing: 0rem !important; color: #fcfcfd !important; } .button-container { display: flex; align-items: center; gap: 1rem !important; padding-top: 1rem !important; } .button-base, .select-btn, .cancel-btn { width: 5.5rem !important; height: 2.5rem !important; border-radius: 0.5rem !important; border-width: 0.062rem !important; padding: 0.5rem 1rem !important; gap: 0.5rem !important; } .button-text-base, .select-button-text, .cancel-button-text { font-family: Inter !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.25rem !important; letter-spacing: 0.016rem !important; vertical-align: middle !important; text-transform: capitalize !important; } .cancel-btn { background-color: rgba(84, 106, 140, 0.2) !important; } .cancel-button-text { color: #89a6ff !important; } .select-btn { background-color: #5265ff !important; } .select-btn.inactive { background-color: rgba(66, 71, 80, 0.2) !important; } .select-button-text { color: #ffffff !important; } .select-button-text.inactive { color: #727882 !important; } .typographyEllipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Reckless !important; font-weight: 400 !important; font-size: 1.5rem !important; line-height: 1.75rem !important; letter-spacing: 0rem !important; vertical-align: middle !important; color: #fcfcfd !important; } .flexCenter { display: flex; align-items: center; } .flexBoxWhite { flex: 1; min-width: 0; color: #ffffff; } .captionBlock { font-family: Inter !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; vertical-align: middle !important; color: #a5b4cb !important; } .drawerContent { display: flex; flex-direction: column; gap: 1rem; } .unavailable-text { font-family: Inter !important; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; color: #a5b4cb !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } :root:has(.with-popouts) .arr-modal, :root:has(.with-popouts) .arr-menu { pointer-events: none; display: none; } .doc-view-container { width: 100%; height: 100%; max-height: calc(100vh - 72px); box-sizing: border-box; overflow: hidden; } .doc-view-container .layout { flex: 1; display: flex; align-items: stretch; position: relative; height: 100%; } .doc-view-container { /* Columns */ } .doc-view-container .column { display: flex; flex-direction: column; min-width: 0rem; overflow: hidden; position: relative; } .doc-view-container .column.collapsed .col-content div:not(.expand-left, .expand-right) { display: none; } .doc-view-container .right-column { max-width: 52.5rem; display: flex; flex-direction: row; } .doc-view-container .collpase-section { min-width: 3rem; width: 3rem; } .doc-view-container .left-column { display: flex; flex-direction: row; max-width: 52.5rem; } .doc-view-container .left-column .rail { writing-mode: vertical-rl; transform: rotate(180deg); text-orientation: mixed; padding: 0.5rem; width: 2.75rem; display: flex; align-items: center; justify-content: center; } .doc-view-container .col-content { flex: 1; display: flex; flex-direction: column; position: relative; z-index: auto; border-top: 0.0625rem solid #263449; height: 100%; } .doc-view-container { /* Center */ } .doc-view-container .center-column { background: #182231; display: flex; flex-direction: column; min-width: 30.5rem; height: 100%; z-index: 1; } .doc-view-container .document-area { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; } .doc-view-container { /* horizontal resize */ } .doc-view-container .h-resize { width: 0.5rem; cursor: col-resize; background: #2d3d55; z-index: auto; display: flex; align-items: center; justify-content: center; } .doc-view-container { /* panel */ } .doc-view-container .placeholder { border: 0.25rem solid #5265ff; background: #2d3d55; flex: 1; } .doc-view-container { /* panel header & body */ /* collapsed and expanded classes (visual helpers) */ } .doc-view-container .collapsed-panel { min-height: 2.5rem !important; max-height: 2.5rem !important; flex: 0rem 0rem 2.5rem !important; overflow: visible; } .doc-view-container { /* visible so vhandle remains clickable */ } .doc-view-container .expanded-panel { flex: 1 1 auto !important; min-height: 7.5rem; overflow: auto; } .doc-view-container { /* vertical handle between panels */ } .doc-view-container .vhandle { height: 0.5rem; background: #2d3d55; display: list-item; cursor: row-resize; margin: 0rem; z-index: 60; display: flex; align-items: center; justify-content: center; pointer-events: auto; touch-action: none; } .doc-view-container { /* insert indicator (horizontal) - constrained inside column content */ } .doc-view-container .dropInd { height: 1rem; border: 0.25rem solid #5265ff; background-color: #3845ad; } .doc-view-container { /* edge indicator (vertical full-height) - outer edge highlight for easy edge drop */ } .doc-view-container .edge-indicator { position: absolute; top: 0rem; bottom: 0rem; width: 3rem; background: blues; z-index: 22; pointer-events: none; border-radius: 0rem 0.375rem 0.375rem 0rem; opacity: 0.95; transition: opacity 120ms ease; } .doc-view-container .edge-indicator.left-edge { left: 0rem; border-radius: 0rem 0.375rem 0.375rem 0rem; } .doc-view-container .edge-indicator.right-edge { right: 0rem; border-radius: 0.375rem 0rem 0rem 0.375rem; } .doc-view-container .unused-edge-inactive { width: 1rem; height: 100%; display: flex; align-items: center; justify-content: center; } .doc-view-container .left-empty-panel { position: absolute; left: 0; width: 4rem; height: 100%; z-index: 1300 !important; } .doc-view-container .right-empty-panel { position: absolute; right: 0; width: 4rem; height: 100%; transform: rotate(180deg); z-index: 1300 !important; } .doc-view-container .fixed-section { width: 100%; } .doc-view-container .fixed-section .no-coding-box { display: flex; text-align: left; width: 100%; padding: 0.5rem 1rem; color: #a5b4cb; } .doc-view-container .fixed-section .assignment-section { display: flex; width: 100%; padding: 1rem; text-align: left; flex-direction: column; gap: 0.25rem; } .doc-view-container .fixed-section .assignment-section .assignment-box { display: flex; white-space: nowrap; overflow: hidden; flex: 1; } .doc-view-container .fixed-section .assignment-section .assignment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .doc-view-container .fixed-section .assignment-section .progress-box { width: 100%; height: 0.375rem; background-color: #2d3d55; } .doc-view-container .fixed-section .assignment-section .progress-box .progress-value { height: 100%; background-color: #7ddfbb; } .doc-view-container { /* unused edge style */ } .doc-view-container .unused-edge-active { border: 0.25rem solid #5265ff; background: rgba(56, 69, 173, 0.8); } .doc-view-container .expand-banner { display: flex; flex: 1; writing-mode: vertical-rl; background: #1f2b3d; min-width: 4rem; align-items: center; justify-content: center; } .doc-view-container .expand-banner:hover { cursor: pointer; } .doc-view-container .expand-left { transform: rotate(180deg); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-coding-form-container { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; } .doc-coding-form-container .icon-action-stamp-container { background-color: #0c1119; display: flex; padding: 0.5rem; text-align: left; gap: 0.5rem; } .doc-coding-form-container .icon-action-stamp-container .stamp-divider { width: 0.0625rem; height: 1.5rem; background-color: #3c4f6b; } .doc-coding-form-container .action-container { background-color: #121a25; padding: 0.5rem; padding-left: 0rem; display: flex; justify-content: space-between; } .doc-coding-form-container .action-container .right-action { display: flex; justify-content: space-between; gap: 0.5rem; } .doc-coding-form-container .coding-conflicts-banner { margin: 0.75rem 1rem; border-radius: 0.5rem; padding: 0.5rem; } .doc-coding-form-container .coding-conflicts-banner .arr-banner__content { text-align: left; align-items: flex-start !important; gap: 0.5rem; } .doc-coding-form-container .coding-dropdown-container { padding: 0.75rem 1rem; } .doc-coding-form-container .coding-form-fields-container { text-align: left; padding: 0.75rem 1rem; padding-bottom: 4rem; gap: 0.5rem; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; max-height: 100%; scrollbar-width: thin; scrollbar-color: #546a8c #182231; } .doc-coding-form-container .coding-form-fields-container .MuiFormHelperText-root { color: #ff7a7a; margin-top: 0.25rem; } .doc-coding-form-container .coding-form-fields-container .text-error { color: #ff7a7a; padding-top: 0.375rem; } .doc-coding-form-container .coding-form-fields-container .field-single-check { padding-top: 0.5rem !important; } .doc-coding-form-container .coding-form-fields-container .field-single-check .arr-checkbox.MuiCheckbox-root { padding: 0rem 0.5rem 0rem 0rem !important; } .doc-coding-form-container .coding-form-fields-container .fields-list { padding-top: 1rem; display: flex; align-items: center; border-top: 0.125rem solid #263449; } .doc-coding-form-container .coding-form-fields-container .fields-list .field-label { color: #fcfcfd; } .doc-coding-form-container .coding-form-fields-container .group-item { box-sizing: border-box; width: 100%; border-top: 0.125rem solid #263449; padding-top: 0.5rem; } .doc-coding-form-container .coding-form-fields-container .group-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 5rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .doc-coding-form-container .coding-form-fields-container .radio-field { padding-left: 0.75rem; } .doc-coding-form-container .coding-form-fields-container .radio-field .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .doc-coding-form-container .coding-form-fields-container .radio-field .MuiFormGroup-root { display: flex; flex-direction: column; gap: 0.5rem; } .doc-coding-form-container .coding-form-fields-container .radio-field .MuiFormGroup-root .MuiFormControlLabel-root { padding-top: 0rem; } .doc-coding-form-container .coding-form-fields-container .group-box { border-top: 0.125rem solid #263449; width: 100%; padding-top: 0.5rem; } .doc-coding-form-container .coding-form-fields-container .group-box .arr-dropdown-container { width: 100% !important; max-width: 100% !important; } .doc-coding-form-container .coding-form-fields-container .group-box .field-label { color: #fcfcfd; } .doc-coding-form-container .coding-form-banner { padding: 0.75rem 1rem; } .doc-coding-form-container .coding-form-banner .arr-banner__content { text-align: left; } .doc-coding-form-container .radio-group-clear { display: flex; align-items: center; } .doc-coding-form-container .group-check-list { padding-top: 0rem !important; border-top: 0rem !important; height: 1.75rem !important; } .doc-coding-form-container .check-group-label { height: 2rem; } .doc-coding-form-container .arrSelectedItems .arrSelectItemNames { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .doc-coding-form-container .field-label-top { padding-bottom: 0.25rem; } .doc-coding-form-container .group-item-field .MuiFilledInput-input { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .doc-coding-form-container .group-item-field .arr-textfield--large .MuiInputLabel-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .add-coding-stamp-container .add-keywords-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .add-coding-stamp-container .add-keywords-header-box .title-box { display: flex; align-items: center; justify-content: flex-start; height: 3.5rem; align-items: end; } .add-coding-stamp-container .add-keywords-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .add-coding-stamp-container .add-keywords-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .add-coding-stamp-container .content-box .content-box-grid-container { margin-top: 2rem; margin-left: 3rem; display: flex; flex-direction: column; gap: 1rem; } .add-coding-stamp-menu .MuiMenuItem-root { gap: 0.75rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-drawer__content .edit-coding-form-Container { height: 100%; background-color: #121a25; } .edit-coding-form-Container { display: flex; flex-direction: column; background-color: #121a25; height: 100%; } .edit-coding-form-Container .edit-coding-form-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; gap: 1rem; } .edit-coding-form-Container .edit-coding-form-header .title-box { color: #fcfcfc; } .edit-coding-form-Container .edit-coding-form-header .action-buttons-container { display: flex; flex-direction: row; align-items: center; gap: 16px; } .edit-coding-form-Container .edit-coding-form-content { background-color: #121a25; height: 100%; padding-top: 2rem; padding-left: 3rem; display: flex; flex-direction: column; gap: 1rem; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-dropdown { width: 55%; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-textfield { width: 55%; } .edit-coding-form-Container .edit-coding-form-content .row1 { display: flex; flex-direction: row; align-items: center; gap: 1.5rem; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-delete-btn { background-color: transparent; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container { color: #fcfcfc; margin-right: 2rem; background-color: #1f2b3d; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .section-title-box { padding: 0.75rem 1rem; background-color: #1f2b3d; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box { display: flex; flex-direction: column; padding: 0rem 1rem; background-color: #182231; padding-bottom: 0.75rem; gap: 0.75rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .radio-group-clear { display: flex; gap: 0.5rem; align-items: center; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-check-list { padding-top: 0rem !important; border-top: 0rem !important; height: 1.75rem !important; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .check-group-label { height: 2rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .arrSelectedItems .arrSelectItemNames { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .field-label-top { padding-bottom: 0.25rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-item-field .MuiFilledInput-input { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-item-field .arr-textfield--large .MuiInputLabel-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .text-error { color: #ff7a7a; padding-top: 0.375rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .field-single-check { padding-top: 0.5rem !important; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .field-single-check .arr-checkbox.MuiCheckbox-root { padding: 0rem 0.5rem 0rem 0rem !important; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .fields-list { padding-top: 1rem; display: flex; align-items: center; border-top: 0.125rem solid #263449; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .fields-list .field-label { color: #fcfcfd; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-item { box-sizing: border-box; width: 100%; border-top: 0.125rem solid #263449; padding-top: 0.5rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-item .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-multiline { min-height: 5rem; overflow: auto; display: flex; align-items: flex-start; resize: vertical; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .radio-field { padding-left: 0.75rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .radio-field .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .radio-field .MuiFormGroup-root { display: flex; flex-direction: column; gap: 0.5rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .radio-field .MuiFormGroup-root .MuiFormControlLabel-root { padding-top: 0rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-box { border-top: 0.125rem solid #263449; width: 100%; padding-top: 0.5rem; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-box .arr-dropdown-container { width: 100% !important; max-width: 100% !important; } .edit-coding-form-Container .edit-coding-form-content .dynamic-form-fields-container .dynamic-form-fields-box .group-box .field-label { color: #fcfcfd; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-confirmation { display: flex; flex-direction: column; padding: 1rem; gap: 2rem; align-items: center; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-confirmation .confirmation-content { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-confirmation .confirmation-content .confirmation-text { text-align: center; color: #ccd5e3; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-confirmation .confirmation-buttons { display: flex; flex-direction: column; gap: 1rem; } .edit-coding-form-Container .edit-coding-form-content .edit-coding-form-confirmation .confirmation-buttons .MuiButton-root { padding: 2rem 4.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-view-doc-list-dat-grid.with-popout { height: calc(100% - 2.75rem); } .doc-view-doc-list-dat-grid .lazy-data-grid-body-root { scrollbar-width: thin; scrollbar-color: #546a8c #182231; position: relative; } .doc-view-doc-list-dat-grid .lazy-data-grid-body-root .lazy-loading-spinner { position: sticky; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: rgba(18, 26, 37, 0.35); } .doc-view-doc-list-dat-grid .lazy-grid-cell.action-cell { padding: 0 0.125rem !important; } .doc-view-doc-list-dat-grid .lazy-grid-cell { border-right: none !important; } .doc-view-doc-list-dat-grid .lazy-grid-cell .custom-cell-content { color: #fcfcfd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .doc-view-doc-list-dat-grid .lazy-grid-row { border-bottom: 0.062rem solid #263449 !important; background-color: #182231 !important; } .doc-view-doc-list-dat-grid .lazy-grid-row:hover { background-color: #1f2b3d !important; } .doc-view-doc-list-dat-grid .lazy-grid-row.row-code-same-as { background-color: rgba(96, 62, 148, 0.4) !important; } .doc-view-doc-list-dat-grid .lazy-grid-row.row-code-same-as:hover { background-color: rgba(96, 62, 148, 0.6) !important; } .doc-view-doc-list-dat-grid .lazy-grid-row.row-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .doc-view-doc-list-dat-grid .lazy-header-cell { height: 70% !important; border-right: 0.0625rem solid #3c4f6b !important; } .doc-view-doc-list-dat-grid .lazy-header-cell.last-column { border-right: none !important; } .doc-view-doc-list-dat-grid .lazy-header-cell .custom-header-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a5b4cb; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .doc-view-doc-list-dat-grid .lazy-header-container { border-bottom: 0.062rem solid #263449 !important; background-color: #121a25 !important; } .doc-view-doc-list-dat-grid .verticla-scrollbar-header-space { background-color: #121a25 !important; } .doc-view-doc-list-dat-grid .lazy-header-cell-content { color: #a5b4cb; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-view-doc-list-action-cell { display: flex; align-items: center; gap: 0rem; } .doc-view-doc-list-action-cell .completed-icon { display: flex; align-items: center; color: #ffffff; height: 1rem; width: 1rem; } .doc-view-doc-list-action-cell .link-icon { color: #ffffff; height: 0.75rem; width: 0.75rem; } .doc-view-doc-list-action-cell .MuiButtonBase-root.MuiCheckbox-root { padding-left: 0.5rem; padding-right: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-view-doc-list-footer { width: 100%; height: 2.5rem; background-color: #121a25; display: flex; flex-direction: column; } .doc-view-doc-list-footer .footer-text { color: #89a6ff; text-align: left; height: 100%; display: flex; align-items: center; padding-left: 1.625rem; }.lazy-data-grid { height: 100%; } .lazy-data-grid .lazy-data-grid-root { height: 100%; display: flex; flex-direction: column; } .lazy-data-grid .lazy-data-grid-header-root { width: 100%; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; } .lazy-data-grid .lazy-data-grid-header-root .lazy-header-container { display: flex; flex: 1; align-items: center; border-bottom: 0.0625rem solid black; box-sizing: border-box; user-select: none; } .lazy-data-grid .lazy-data-grid-header-root .lazy-header-container .lazy-header-cell { height: 100%; display: flex; align-items: center; padding: 0 0.5rem; border-right: 0.0625rem solid black; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; } .lazy-data-grid .lazy-data-grid-header-root .lazy-header-container .lazy-header-cell .lazy-header-cell-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lazy-data-grid .lazy-data-grid-body-root { flex: 1; overflow-y: auto; overflow-x: auto; } .lazy-data-grid .lazy-data-grid-body-root .lazy-grid-row-container { display: flex; } .lazy-data-grid .lazy-data-grid-body-root .lazy-grid-row-container .lazy-grid-row { display: flex; align-items: center; border-bottom: 0.0625rem solid black; user-select: none; box-sizing: border-box; flex: 1; } .lazy-data-grid .lazy-data-grid-body-root .lazy-grid-row-container .lazy-grid-row .lazy-grid-cell { padding: 0 0.5rem; display: flex; align-items: center; border-right: 0.0625rem solid black; box-sizing: border-box; white-space: nowrap; } .lazy-data-grid .lazy-data-grid-body-root .lazy-grid-row-container .lazy-grid-row .lazy-grid-cell .cell-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lazy-data-grid .lazy-data-grid-content-root { flex: 1; display: flex; flex-direction: column; height: 100%; } .lazy-data-grid .lazy-data-grid-footer-root { display: flex; flex: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .thread-map-container .thread-map-data-grid .display1_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .display1_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .display1_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .thread-map-container .thread-map-data-grid .display2_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .display2_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .display2_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .thread-map-container .thread-map-data-grid .display3_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .display3_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .display3_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .thread-map-container .thread-map-data-grid .headline1_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .headline1_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .headline1_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .thread-map-container .thread-map-data-grid .headline2_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .headline2_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .headline2_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .thread-map-container .thread-map-data-grid .headline3_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .headline3_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .headline3_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .thread-map-container .thread-map-data-grid .subhead1_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .subhead1_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .subhead1_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .thread-map-container .thread-map-data-grid .subhead2_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .subhead2_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .subhead2_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .thread-map-container .thread-map-data-grid .subhead3_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .subhead3_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .subhead3_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .thread-map-container .thread-map-data-grid .subhead4_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .subhead4_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .subhead4_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .thread-map-container .thread-map-data-grid .subhead5_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .subhead5_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .subhead5_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .thread-map-container .thread-map-data-grid .body1_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .body1_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .body1_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .thread-map-container .thread-map-data-grid .body2_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .body2_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .body2_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .thread-map-container .thread-map-data-grid .body3_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .body3_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .body3_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .thread-map-container .thread-map-data-grid .body4_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .MuiDataGrid-columnHeader.transpose-column-header, .thread-map-container .thread-map-data-grid .MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .thread-map-container .thread-map-data-grid .body5_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .body5_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .body5_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .thread-map-container .thread-map-data-grid .label1_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .label1_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .label1_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .thread-map-container .thread-map-data-grid .label2_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .label2_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .label2_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .thread-map-container .thread-map-data-grid .label3_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .label3_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .label3_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible, .thread-map-container .thread-map-data-grid .typo-text.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .MuiDataGrid-columnHeader.transpose-column-header, .thread-map-container .thread-map-data-grid .MuiDataGrid-cell.transpose-row-header.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .MuiDataGrid-row.MuiDataGrid-row--firstVisible.MuiDataGrid-columnHeader { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .thread-map-container .thread-map-data-grid .label4_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .label4_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .label4_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .thread-map-container .thread-map-data-grid .buttonLarge_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .buttonLarge_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .buttonLarge_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .thread-map-container .thread-map-data-grid .buttonMedium_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .buttonMedium_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .buttonMedium_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .thread-map-container .thread-map-data-grid .buttonSmall_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .buttonSmall_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .buttonSmall_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .thread-map-container .thread-map-data-grid .buttonXS_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .buttonXS_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .buttonXS_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .thread-map-container .thread-map-data-grid .profilePictureTextClientMedium_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .profilePictureTextClientMedium_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .profilePictureTextClientMedium_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .thread-map-container .thread-map-data-grid .profilePictureTextSmall_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .profilePictureTextSmall_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .profilePictureTextSmall_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .thread-map-container .thread-map-data-grid .toastMessageText_size.MuiDataGrid-cell.transpose-row-header, .thread-map-container .thread-map-data-grid .toastMessageText_size.MuiDataGrid-columnHeader, .thread-map-container .thread-map-data-grid .toastMessageText_size.MuiDataGrid-row.MuiDataGrid-row--firstVisible { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .thread-map-container { height: 100%; background-color: #182231; } .thread-map-container .loading-spinner-container { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .thread-map-container .thread-map-data-grid { flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; height: 100%; background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-columnHeader.transpose-column-header { height: 4.75rem; background-color: #182231 !important; color: #fcfcfd !important; } .thread-map-container .thread-map-data-grid .MuiDataGrid-cell.transpose-row-header { background-color: #182231 !important; align-items: center !important; justify-content: flex-start !important; color: #fcfcfd; } .thread-map-container .thread-map-data-grid .MuiDataGrid-cell.transpose-row-header span.arr-checkbox { padding: 0; } .thread-map-container .thread-map-data-grid .MuiDataGrid-columnHeader { background-color: #121a25; color: #a5b4cb !important; justify-content: center; } .thread-map-container .thread-map-data-grid .MuiDataGrid-row.MuiDataGrid-row--firstVisible { background-color: #121a25 !important; color: #fcfcfd; } .thread-map-container .thread-map-data-grid .MuiDataGrid-row { background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root { background-color: #0c1119; border: none; border-radius: 0; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-columnSeparator { display: none; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #121a25; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border-bottom: 0.062rem solid #263449; border-right-color: #263449; padding: 0rem 0.5rem; cursor: pointer; color: #fcfcfd; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-row { background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { border-top: none; border-right-color: #263449; border-bottom: 0.0625rem solid #263449; padding: 0rem 0.5rem; display: flex; align-items: center; justify-content: center; } .thread-map-container .thread-map-data-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell.MuiDataGrid-cellEmpty { border-right-color: transparent !important; border-bottom-color: #121a25 !important; background-color: #121a25 !important; } .thread-map-container .thread-map-data-grid .first-column-cell { display: flex; flex-direction: column; gap: 0.5rem; } .thread-map-container .thread-map-data-grid .sender-cell-icon { width: 1rem; height: 1rem; } .thread-map-container .thread-map-data-grid .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .thread-map-container .thread-map-data-grid .no-grid-overlay { background: #1f2b3d; height: 100%; display: flex; justify-content: center; align-items: center; } .thread-map-container .thread-map-data-grid .MuiDataGrid-virtualScrollerContent { flex-basis: 0rem !important; } .thread-map-container .thread-map-data-grid .MuiDataGrid-virtualScroller { background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.5625rem; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical { height: 94%; margin-top: -1rem; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .thread-map-container .thread-map-data-grid .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .thread-map-container .thread-map-data-grid .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.5625rem; } .thread-map-container .newhover { background-color: #1f2b3d !important; } .thread-map-container .newhover-header { background-color: #182231 !important; } .thread-map-container .newhover-codesameas { background-color: rgba(96, 62, 148, 0.6) !important; } .thread-map-container .MuiDataGrid-columnHeader.current_active { color: #ffffff !important; } .thread-map-container .current_active { background-color: rgba(82, 101, 255, 0.6) !important; } .thread-map-container .current_active circle { fill: #ffffff !important; } .thread-map-container .current_active .receiver-icon path { fill: #ffffff !important; } .thread-map-container .current_codeSameAs { background-color: rgba(96, 62, 148, 0.4) !important; } .thread-map-container .current_codeSameAs circle { fill: #ffffff !important; } .thread-map-container .arr-data-grid-pro-cell-Wrapper { height: auto; } .thread-map-container .arr-checkbox .MuiSvgIcon-root { background-color: #182231; } .thread-map-container .header-wrapper { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: transparent; } .thread-map-container .row-wrapper { display: flex; align-items: center; justify-content: center; gap: 0.25rem; } .thread-map-container .column-header-wrapper { display: flex; flex-direction: row; gap: 0.75rem; align-items: center; justify-content: center; } .thread-map-container .render-cell-wrapper { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-analytics-container { flex: 1 1 auto; display: flex; flex-direction: column; height: 92%; } .doc-analytics-container .tabpanel-active { display: flex; flex: 1 1 auto; } .doc-analytics-container .tabpanel-active > div { width: 100%; } .doc-analytics-container .tabpanel-hidden { height: 0rem !important; } .doc-analytics-container .MuiTabs-root { background-color: #0c1119; border-bottom: 0.062rem solid #263449; } .doc-analytics-container .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .doc-analytics-container .tab-label { letter-spacing: 0rem !important; } .doc-analytics-container .tabs { flex-shrink: 0; border-bottom: 0.062rem solid #3c4f6b; width: 100%; } .doc-analytics-container .tabs .tab { flex: 1; text-transform: none; color: #ccd5e3; } .doc-analytics-container .tabs .Mui-selected { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .meta-data-container { height: 100%; } .meta-data-container .arr-datagrid-pro { height: 100%; } .meta-data-container .no-grid-overlay { background: #1f2b3d; } .meta-data-container .MuiDataGrid-virtualScrollerContent { flex-basis: 0rem !important; } .meta-data-container .MuiDataGrid-virtualScroller { background-color: #182231; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.5625rem; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical { height: 94%; margin-top: -1rem; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .meta-data-container .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.5625rem; } .meta-data-container .last-column .MuiDataGrid-columnSeparator { display: none; } .meta-data-container .cell-content { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5rem; color: white; } .meta-data-container .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .meta-data-container .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .meta-data-container .action-cell { padding-left: 0rem !important; padding-right: 0rem !important; display: flex; align-items: center; color: aliceblue; } .meta-data-container .MuiDataGrid-row.row-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .meta-data-container .MuiDataGrid-row.row-code-same-as { background-color: rgba(96, 62, 148, 0.4) !important; } .meta-data-container .MuiDataGrid-row.row-code-same-as:hover { background-color: rgba(96, 62, 148, 0.6) !important; } .meta-data-container .MuiDataGrid-root { background-color: #0c1119; border: none; border-radius: 0rem; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders { color: #a5b4cb; height: 2.5rem; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border-bottom: 0.062rem solid #263449; border-top: none; background-color: #121a25; padding: 0rem 0.5rem; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { justify-content: space-between; height: 2.5rem; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer .MuiDataGrid-columnHeaderTitle { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #3c4f6b; height: 3rem !important; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-row { background-color: #182231; color: #fcfcfd; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-row:hover { background-color: #1f2b3d; cursor: pointer; } .meta-data-container .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: transparent; border-bottom: 0.062rem solid #263449; padding: 0.5rem; border-top: none; } .meta-data-container .row-code-same-as { background-color: rgba(96, 62, 148, 0.4) !important; } .meta-data-container .row-code-same-as:hover { background-color: rgba(96, 62, 148, 0.6) !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .portal-popout-root .doc-details-container .tabs__action-button { padding: 0 0.6875rem; } .portal-popout-root .doc-details-container .tabs__action-button-label { display: block; color: #89a6ff; } .doc-details-container { flex: 1 1 auto; display: flex; flex-direction: column; height: 100%; } .doc-details-container .tabpanel-active { display: flex; flex: 1 1 auto; } .doc-details-container .tabpanel-active > div { width: 100%; height: 100%; } .doc-details-container .tabpanel-hidden { height: 0rem !important; } .doc-details-container .MuiTabs-root { background-color: #0c1119; border-bottom: 0.062rem solid #263449; } .doc-details-container .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .doc-details-container .tab-label { letter-spacing: 0rem !important; } .doc-details-container .tabs { flex-shrink: 0; border-bottom: 0.062rem solid #3c4f6b; } .doc-details-container .tabs .tab { text-transform: none; color: #ccd5e3; } .doc-details-container .tabs .Mui-selected { color: #fcfcfd; } .doc-details-container .tabs__action-buttons { flex: 1; display: flex; align-items: center; justify-content: end; padding: 0rem 0.25rem; gap: 0.6875rem; } .doc-details-container .tabs__action-button { display: flex; align-items: center; justify-content: end; background-color: transparent; padding: 0rem; cursor: pointer; } .doc-details-container .tabs__action-button:focus, .doc-details-container .tabs__action-button:focus-visible { outline: none; } .doc-details-container .tabs__action-button .icon-button.MuiIconButton-root.with-shape { background-color: transparent; } .doc-details-container .tabs__action-button svg { width: 1rem; height: 1rem; background-color: transparent; } .doc-details-container .tabs__action-button-label { display: none; } .doc-details-container .meta-data-container { height: 100%; } .doc-details-container .meta-data-container .arr-datagrid-pro { height: 100%; } .doc-details-container .meta-data-container .no-grid-overlay { background: #1f2b3d; } .doc-details-container .meta-data-container .MuiDataGrid-overlay { background-color: transparent !important; pointer-events: none; } .doc-details-container .meta-data-container .MuiDataGrid-virtualScrollerContent { flex-basis: 0rem !important; } .doc-details-container .meta-data-container .MuiDataGrid-virtualScroller { background-color: #182231; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.5625rem; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical { height: 94%; margin-top: -1rem; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .doc-details-container .meta-data-container .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.5625rem; } .doc-details-container .meta-data-container .last-column .MuiDataGrid-columnSeparator { display: none; } .doc-details-container .meta-data-container .cell-content { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5rem; color: #fcfcfd; } .doc-details-container .meta-data-container .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-details-container .meta-data-container .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .doc-details-container .meta-data-container .action-cell { padding-left: 0rem !important; padding-right: 0rem !important; display: flex; align-items: center; } .doc-details-container .meta-data-container .MuiDataGrid-row.row-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .doc-details-container .meta-data-container .MuiDataGrid-row.row-code-same-as { background-color: rgba(96, 62, 148, 0.4) !important; } .doc-details-container .meta-data-container .MuiDataGrid-row.row-code-same-as:hover { background-color: rgba(96, 62, 148, 0.6) !important; } .doc-details-container .meta-data-container .MuiDataGrid-root { background-color: #0c1119; border: none; border-radius: 0rem; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders { color: #a5b4cb; height: 2.5rem; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { border-bottom: 0.062rem solid #263449; border-top: none; background-color: #121a25; padding: 0rem 0.5rem; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer { justify-content: space-between; height: 2.5rem; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer .MuiDataGrid-columnHeaderTitle { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #3c4f6b; height: 3rem !important; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-row { background-color: #182231; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-row:hover { background-color: #1f2b3d; cursor: pointer; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: transparent; border-bottom: 0.062rem solid #263449; padding: 0rem 0.5rem; border-top: none; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeader .MuiDataGrid-iconButtonContainer .MuiIconButton-root { background-color: transparent !important; box-shadow: none !important; } .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeader .MuiDataGrid-iconButtonContainer .MuiIconButton-root:hover, .doc-details-container .meta-data-container .MuiDataGrid-root .MuiDataGrid-columnHeader .MuiDataGrid-iconButtonContainer .MuiIconButton-root.Mui-focusVisible { background-color: transparent !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-details-folder .MuiTreeItem-content.Mui-selected { background-color: #263449 !important; } .doc-details-folder .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #89a6ff !important; } .doc-details-folder .location-treeitem-label .location-treeitem p { text-overflow: ellipsis; overflow: hidden; width: 20rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .MuiDataGrid-columnHeader .MuiDataGrid-iconButtonContainer svg { color: #89a6ff; } .MuiDataGrid-root .no-grid-overlay { width: 100%; height: 100%; background-color: #1f2b3d; display: flex; align-items: center; justify-content: center; color: #ffffff; flex-direction: column; } .history-loader { height: 100%; display: "flex"; align-items: "center"; justify-content: "center"; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .mini-doc-list-container { display: flex; flex-direction: column; } .mini-doc-list-container .mini-doc-list-header { flex: 0 0 auto; border-bottom: 0.0625rem solid #263449; display: flex; align-items: center; justify-content: space-between; background-color: #0c1119; height: 2.5rem; padding-left: 0.5rem; padding-right: 0.375rem; width: auto; } .mini-doc-list-container .mini-doc-list-header .MuiTypography-root { font-family: Inter; font-weight: 600; font-style: normal; font-size: 0.688rem; line-height: 1rem; letter-spacing: 0.016rem; color: #ccd5e3; } .mini-doc-list-container .mini-doc-list-data-grid { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .mini-doc-list-container .mini-doc-list-data-grid .MuiDataGrid-root { flex: 1; overflow: auto; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .recent-history .recent-history-button:hover { background-color: rgba(84, 106, 140, 0.4); border-radius: 0.25rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reorder-container-list { background-color: #0c1119; width: 26rem; border-radius: 0.5rem; } .reorder-container-list .box-sub-heading { color: #fcfcfd; } .reorder-container-list .list-item { overflow-y: scroll; height: 37.6875rem; padding: 0rem; } .reorder-container-list .list-item .list-item-row { height: 2.25rem; padding: 0.5rem; } .reorder-container-list .list-item .list-item-row .list-item-checkbox svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; } .reorder-container-list .list-item .list-item-row .label-inactive { color: #727882; } .reorder-container-list .list-item .list-item-row .label-preselected { color: #ccd5e3; } .reorder-container-list .list-item .list-item-row .transfer-label-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .reorder-container-list .list-item .list-item-row .reorder-row-content { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width: 100%; } .reorder-container-list .list-item .list-item-row .drag-handle-icon { display: inline-flex; cursor: grab; align-items: center; justify-content: center; } .reorder-container-list .list-item .list-item-row .reorder-flex { flex: 1; min-width: 0; } .reorder-container-list .list-item .list-item-row .label-icon { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .reorder-container-list .list-item .list-item-row .radio-container { width: 10rem; } .reorder-container-list .list-item .list-item-row .custom-form-control-label-default { color: #ccd5e3; } .reorder-container-list .list-item .list-item-row .custom-form-control-label { color: #a5b4cb; } .reorder-container-list .list-item .list-item-active { background-color: rgba(82, 101, 255, 0.6); } .reorder-container-list .list-item::-webkit-scrollbar { width: 0.25rem !important; } .reorder-container-list .list-item::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; transition: background-color 0.3s; } .reorder-container-list .list-item::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .reorder-container-list .list-item::-webkit-scrollbar-track { background: transparent; } .reorder-container-list .list-item .list-item-preselected { background-color: rgba(82, 101, 255, 0.2); } .reorder-container-list .title-container { border-bottom: 0.062rem solid #182231; padding: 1rem 0.75rem; } .reorder-container-list .title-container .title-content { padding-top: 0.25rem; display: flex; align-items: center; justify-content: space-between; } .reorder-container-list .title-container .title-content .validation-message { font-family: Inter; font-weight: 400; font-style: normal; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0rem; color: #a5b4cb; } .domain-list-container { width: 23rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .edit-fields-header { display: flex; align-items: center; justify-content: space-between; padding-top: 2.5rem; padding-right: 3rem; padding-bottom: 1rem; padding-left: 3rem; gap: 1rem; background-color: #0c1119; } .edit-fields-header .edit-fields-title { font-family: Reckless !important; font-weight: 400 !important; font-style: normal !important; font-size: 1.5rem !important; line-height: 1.75rem !important; letter-spacing: 0rem !important; color: #fcfcfd !important; } .edit-fields-header .edit-fields-actions { display: flex; gap: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .edit-panel-container { background-color: #0c1119; width: 100%; } .edit-panel-container .edit-panel-container-body .radio-btn-container { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; padding-top: 0.5rem; padding-left: 3.25rem; padding-right: 2rem; } .edit-panel-container .edit-panel-container-body .radio-btn-container .toggle-btn-container { display: flex; align-items: center; } .edit-panel-container .edit-panel-container-body .radio-btn-container .MuiTypography-root { font-family: Inter; font-weight: 400; font-style: normal; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0rem; vertical-align: middle; color: #ffffff; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .MuiTabs-indicator { height: 0.25rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .arr-divider { height: 0.03125rem; background-color: #263449; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .container-list { width: 26rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab { padding-left: 2.75rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab .MuiButtonBase-root { font-weight: 600; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0rem; color: #ffffff; text-transform: none; padding-bottom: 0.3125rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel { background-color: #121a25; height: 100%; padding-top: 1.5rem; padding-right: 3rem; padding-left: 3rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel .column-display-panel { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel .column-display-panel .container-list .list-item .row-disabled { border-bottom: 0.0625rem solid #263449; background-color: rgba(82, 101, 255, 0.2); transform: rotate(0deg); } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel .column-display-panel .container-list .list-item .row-disabled .MuiTypography-root { font-family: Inter; font-weight: 400; font-style: normal; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0rem; vertical-align: middle; color: #fcfcfd; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel .column-display-panel .container-list .title-container { height: 3.8125rem; } .edit-panel-container .edit-panel-container-body .edit-panel-tabs .tab-panel .column-display-panel .container-list .title-container .title-content { display: flex; align-items: center; justify-content: space-between; gap: 11rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .popout-content, .popout-inline { width: 100%; display: contents; background-color: #1f2b3d; } #arr-popout-root, #popout-root, .draggable-panel { background: #182231; border-radius: 0.125rem; overflow: hidden; display: flex; flex: 1; flex-shrink: 1; transform-origin: center center; flex-direction: column; user-select: none; min-height: 2.5rem; box-sizing: border-box; transition: transform 0.15s ease, box-shadow 0.15s ease; will-change: transform; } #arr-popout-root .draggable-panel.dragging-source, #popout-root .draggable-panel.dragging-source, .draggable-panel .draggable-panel.dragging-source { outline: 0.25rem solid #5265ff; transform: scale(1.03); opacity: 0.95; cursor: grabbing; } #arr-popout-root .panel-portal, #popout-root .panel-portal, .draggable-panel .panel-portal { display: contents; } #arr-popout-root .panel-header, #popout-root .panel-header, .draggable-panel .panel-header { display: flex; align-items: center; justify-content: space-between; padding: 0rem 0.25rem 0rem 1rem; font-weight: 600; background: #0c1119; cursor: grab; flex: 0 0 auto; height: 2.5rem; min-height: 2.5rem; border-bottom: 0.0625rem solid #263449; } #arr-popout-root .panel-header .controls, #popout-root .panel-header .controls, .draggable-panel .panel-header .controls { display: flex; flex-direction: row; } #arr-popout-root .panel-header .draggable-title, #popout-root .panel-header .draggable-title, .draggable-panel .panel-header .draggable-title { letter-spacing: 0rem; } #arr-popout-root .draggable-header-title, #popout-root .draggable-header-title, .draggable-panel .draggable-header-title { color: #fcfcfd; } #arr-popout-root .panel-body, #popout-root .panel-body, .draggable-panel .panel-body { overflow: auto; flex: 1 1 auto; display: flex; flex-direction: column; } #arr-popout-root, #popout-root, .drag-ready { border: 0.25rem solid #5265ff; cursor: grabbing; } :root:has(.draggable-panel), :root:has(#popout-root) { overflow: hidden; } .draggable-panel:empty { display: none; } #popout-root { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: stretch; background-color: #1f2b3d; color: #fcfcfd; } #arr-popout-root { background-color: #1f2b3d; width: 100%; height: 100%; position: relative; } .arr-menu.docview-menu .MuiPaper-root.MuiPaper-elevation { width: fit-content !important; background-color: #121a25; } .arr-menu.docview-menu .arr-menu__item { padding: 0.5rem 0.75rem 0.5rem 0.75rem; color: #fcfcfd; } .arr-menu.docview-menu .arr-menu__item.Mui-disabled { color: #727882; opacity: 1; } .arr-menu.docview-menu .arr-menu__item { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .document-view-tab { flex: 1 1 auto; display: flex; height: 100%; flex-direction: column; } .document-view-tab .tab-header-box { display: flex; justify-content: space-between; align-items: center; border-bottom: 0.062rem solid #3c4f6b; } .document-view-tab .tab-header-box .expand-button, .document-view-tab .tab-header-box .restore-button { padding-right: 1rem; } .document-view-tab .tab-header-box .restore-button button svg { width: 1rem; height: 1rem; } .document-view-tab .tabpanel-active { display: flex; flex: 1 1 auto; overflow-y: auto; width: 100%; } .document-view-tab .tabpanel-active::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0 0.125rem; } .document-view-tab .tabpanel-active::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .document-view-tab .tabpanel-active::-webkit-scrollbar-thumb:hover { background-color: #3845ad; } .document-view-tab .tabpanel-active > div { display: flex; flex: 1 1 auto; width: 100%; box-sizing: border-box; } .document-view-tab .tabpanel-hidden { height: 0rem !important; } .document-view-tab .MuiTabs-root { flex: 1 1 auto; background-color: #182231; } .document-view-tab .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .document-view-tab .tab-label { letter-spacing: 0rem !important; } .document-view-tab .tabs { flex-shrink: 0; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root.tab:hover { color: #fcfcfd; background: rgba(84, 106, 140, 0.2); border-bottom: 0.25rem solid #6e87ff; padding-bottom: 0.25rem; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root { padding: 0.5rem 1.5rem; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .sub-label { line-height: 1rem; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .doc-type-pdf { color: #7ddfbb; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .doc-type-tiff { color: #89a6ff; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .doc-type-media { color: #fff187; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .doc-type-txt { color: #a5b4cb; } .document-view-tab .tabs .MuiButtonBase-root.MuiTab-root .doc-type-native { color: #ffc37d; } .document-view-tab .tabs .tab { text-transform: none; color: #ccd5e3; } .document-view-tab .tabs .Mui-selected { color: #fcfcfd; } .document-view-tab .toolbar-divider { background-color: #263449; width: 0.0625rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-pagination { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .doc-pagination .start-button { height: 1.5rem; width: 1.5rem; } .doc-pagination .start-button.Mui-disabled { opacity: 1; } .doc-pagination .start-button.Mui-disabled .start-icon { color: #898e97; } .doc-pagination .start-button .start-icon { color: #89a6ff; height: 1.5rem !important; width: 1.5rem !important; } .doc-pagination .previous-button { height: 1.5rem; width: 1.5rem; } .doc-pagination .previous-button.Mui-disabled { opacity: 1; } .doc-pagination .previous-button.Mui-disabled .previous-icon { color: #898e97; } .doc-pagination .previous-button .previous-icon { color: #89a6ff; transform: rotate(90deg); height: 0.5rem !important; width: 0.5rem !important; } .doc-pagination .input-field .MuiInputBase-root.MuiFilledInput-root { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; color: #fcfcfd; height: 1.5rem; width: 3.75rem; padding-right: 0.375rem; } .doc-pagination .input-field .MuiInputBase-root.MuiFilledInput-root .MuiInputBase-input.MuiFilledInput-input { padding-left: 0.375rem; } .doc-pagination .pagination-info { color: #fcfcfd; } .doc-pagination .next-button { height: 1.5rem; width: 1.5rem; } .doc-pagination .next-button.Mui-disabled { opacity: 1; } .doc-pagination .next-button.Mui-disabled .next-icon { color: #898e97; } .doc-pagination .next-button .next-icon { color: #89a6ff; transform: rotate(-90deg); height: 0.5rem !important; width: 0.5rem !important; } .doc-pagination .end-button { height: 1.5rem; width: 1.5rem; } .doc-pagination .end-button.Mui-disabled { opacity: 1; } .doc-pagination .end-button.Mui-disabled .end-icon { color: #898e97; } .doc-pagination .end-button .end-icon { color: #89a6ff; transform: rotate(180deg); height: 1.5rem !important; width: 1.5rem !important; } .doc-pagination .nav-button-container { display: flex; gap: 0.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-navigation { height: 2.5rem; width: 100%; background-color: #0c1119; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0rem; } .doc-navigation .selected-doc-panel { padding-left: 1rem; } .doc-navigation .selected-doc-panel .selected-doc { color: #fcfcfd; } .doc-navigation .action-panel { padding-right: 0.5rem; display: flex; gap: 0.125rem; align-items: center; } .doc-navigation .action-panel .action-icon svg { height: 1.125rem; width: 1.125rem; } .doc-navigation .action-panel .action-icon.active { background-color: #263449; border-radius: 0.25rem; } .doc-navigation .action-panel .action-icon.active svg { color: #c4d9ff; } .doc-navigation .action-panel .menu-icon svg { height: 1.5rem; width: 1.5rem; } .doc-navigation .action-panel .menu-icon.active { background-color: #263449; border-radius: 0.25rem; } .doc-navigation .action-panel .menu-icon.active svg { color: #c4d9ff; } .doc-navigation-action-menu.arr-menu--submenu .MuiPaper-root.MuiPaper-elevation { margin-left: -0.125rem; } .doc-navigation-action-menu .MuiPaper-root.MuiPaper-elevation { width: 10rem !important; } .doc-navigation-action-menu .MuiButtonBase-root.MuiMenuItem-root { padding-left: 0.75rem; padding-right: 0.5rem; height: 2.25rem; color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .document-viewer-panel-wrapper { background: #e0e6ef; width: 100%; flex: 1; display: flex; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .prizmdoc-menu-wrapper { display: flex; width: auto; background: #f1f7ff; justify-content: flex-end; align-items: center; padding: 0.75rem 1rem; border-bottom: 0.062rem solid #b2bfd3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-toggle-button.MuiButton-root { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; text-transform: none; padding: 0.25rem 0.5rem; border-radius: 0.25rem; min-width: 4.75rem; flex: none; } .arr-toggle-button.MuiButton-root:hover { background-color: #4555d6 !important; color: #ffffff !important; } .arr-toggle-button-inactive { background-color: rgba(137, 166, 255, 0.2) !important; color: #4555d6 !important; } .arr-toggle-button-active { background-color: #4555d6 !important; color: #ffffff !important; } .arr-toggle-button-disabled { background-color: rgba(184, 187, 192, 0.2) !important; color: #898e97 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redaction-modal .modal-paper { max-width: 30rem; } .redaction-modal .modal-title-box { display: flex; flex-direction: row; align-items: inherit; } .redaction-modal .modal-title-box .modal-title { color: #fcfcfd !important; } .redaction-modal .modal-content { display: flex; flex-direction: column; gap: 1rem; } .redaction-modal .modal-content .redaction-tag-box { padding-right: 2.25rem; } .redaction-modal .modal-content .input-with-tooltip-box { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .redaction-modal .modal-content .input-with-tooltip-box .arr-textfield-wrapper { width: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-media-container { display: flex; flex-direction: column; width: 100% !important; max-width: 100% !important; background-color: #b2bfd3; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #546a8c #0c1119; } .doc-media-container::-webkit-scrollbar { width: 0.375rem; height: 0.375rem; } .doc-media-container::-webkit-scrollbar-corner { background-color: transparent; } .doc-media-container::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .doc-media-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.625rem; } .doc-media-container::-webkit-scrollbar-thumb:hover { background-color: transparent; } .doc-media-container::-webkit-scrollbar-track { background: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .av-preview-doc { display: flex; flex-direction: column; width: 100% !important; height: 100% !important; flex: 1; background-color: #0c1119; } .av-preview-doc .av-preview-doc-container { display: flex; flex-direction: column; width: 100% !important; height: auto !important; flex-shrink: 1; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } :root { --waveform-cursor-color: #ff7a7a; --waveform-progress-color: rgba(82, 101, 255, 0.4); } #waveform { position: relative; min-width: 100%; } .arr-audio-waveform-controls { display: flex; flex-direction: row; justify-content: space-between; padding: 0.5rem 1rem; background-color: #0c1119; } .arr-audio-waveform-controls .arr-audio-waveform-controls-container { display: flex; gap: 0.3125rem; } .arr-audio-waveform-controls .arr-audio-waveform-controls-container .arr-audio-waveform-control { background-color: transparent; } .arr-audio-waveform-controls .arr-audio-waveform-controls-container .divider-vertical { width: 0.0625rem; background-color: #263449; margin: 0.25rem; } .audio-time-container { display: flex; flex-direction: column; background-color: #0c1119; padding: 0.75rem 1rem; border-bottom: 0.0625rem solid #263449; } .audio-time-container .audio-timer { display: flex; flex-direction: row; justify-content: space-between; align-content: center; } .audio-time-container .audio-timer .time-text { width: 3.125rem; text-align: left; } .audio-time-container .audio-timer .start-timer { display: flex; flex-direction: row; gap: 1rem; } .audio-time-container .audio-timer .start-timer .play-time-text { color: #ff7a7a; } .arr-audio-payback .MuiMenu-paper { max-width: 4rem !important; width: 4rem !important; padding: 0.4375rem 0rem !important; } .arr-audio-payback .arr-menu__item { color: #fcfcfd !important; padding: 0.5rem !important; } .arr-audio-payback .arr-menu__item.Mui-selected { color: #fcfcfd !important; background: #89a6ff !important; } .arr-audio-volume .MuiMenu-paper { max-width: 1.375rem !important; width: 1.375rem !important; padding: 0.4375rem 0rem !important; } .arr-audio-volume .MuiSlider-root { color: #89a6ff !important; width: 0.5rem !important; padding: 0rem 0.4375rem !important; border-radius: 0.125rem !important; } .arr-audio-volume .MuiSlider-rail { background-color: #263449 !important; } .arr-audio-volume .MuiSlider-thumb { height: auto; width: auto; background-color: transparent; box-shadow: none; top: 55%; } .arr-audio-volume .MuiSlider-thumb:hover, .arr-audio-volume .MuiSlider-thumb.Mui-focusVisible, .arr-audio-volume .MuiSlider-thumb.Mui-active { box-shadow: none; } .audio-tooltip { text-align: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } :root { --region-color: rgba(255, 158, 44, 0.4); } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-video-player { display: flex; flex-shrink: 1; background-color: #0c1119; } .arr-video-player .arr-video-player-container { position: relative; display: inline-flex; width: 100% !important; background-color: #0c1119; } .arr-video-player .arr-video-player-container .arr-video-player-element { position: relative; flex: 1; width: 100% !important; height: auto !important; background-color: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-media-time-field { display: inline-flex; align-items: center; color: #0c1119; background-color: #d3e4ff !important; padding: 0.5rem; border-radius: 0.5rem; border: 0.062rem solid #b2bfd3; cursor: text; } .doc-media-time-field:hover { border: 0.062rem solid #5265ff; } .doc-media-time-field:focus-within { border: 0.125rem solid #5265ff; } .doc-media-time-input { padding-inline: 0rem; border: 0rem solid transparent; background: transparent; color: #0c1119; text-align: center; font-variant-numeric: tabular-nums; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .doc-media-time-input::placeholder { color: #0c1119; } .doc-media-time-input:focus { outline: none; } .doc-media-time-input:disabled { opacity: 0.6; cursor: not-allowed; background: transparent; } .doc-media-time-input::-webkit-outer-spin-button, .doc-media-time-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0rem; } .doc-media-time-sep { user-select: none; color: #0c1119; display: inline-flex; align-items: center; justify-content: center; margin-inline: 0rem; width: 0rem; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .docs-media-redactions { background-color: #f1f7ff; display: flex; flex: 1; flex-direction: column; width: 100%; position: relative; } .docs-media-redactions .header-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #e0e6ef; padding: 1.125rem 0.5rem 0.625rem 0.5rem; } .docs-media-redactions .header-container .title { color: #0c1119 !important; } .docs-media-redactions .header-container .add-icon { color: #4555d6; width: 0.625rem !important; height: 0.625rem !important; } .docs-media-redactions .redactions-list-grid { background-color: #f1f7ff; } .docs-media-redactions .redactions-list-grid .title-color { color: #3c4f6b; } .docs-media-redactions .redactions-list-grid .arr-textfield-wrapper .arr-textfield--small .MuiFilledInput-input { color: #0c1119; } .docs-media-redactions .redactions-list-grid .no-grid-overlay-height { display: flex; height: auto !important; overflow: hidden; justify-content: center; align-items: center; flex-shrink: 1; } .docs-media-redactions .arr-datagrid { overflow-y: auto; } .docs-media-redactions .arr-datagrid .options-header .MuiDataGrid-columnSeparator { display: none !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-columnHeader:focus, .docs-media-redactions .arr-datagrid .MuiDataGrid-columnHeader:focus-within { outline: none !important; } .docs-media-redactions .arr-datagrid .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell { white-space: normal !important; word-wrap: break-word !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-virtualScroller { overflow-y: auto; scrollbar-width: thin; background-color: transparent; scrollbar-color: #546a8c transparent; } .docs-media-redactions .arr-datagrid .MuiDataGrid-virtualScroller::-webkit-scrollbar { width: 0.25rem; background: #f1f7ff; } .docs-media-redactions .arr-datagrid .MuiDataGrid-virtualScroller::-webkit-scrollbar-track { background: #f1f7ff; border-radius: 0.125rem; } .docs-media-redactions .arr-datagrid .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.125rem; } .docs-media-redactions .arr-datagrid .MuiDataGrid-virtualScroller::-webkit-scrollbar-button { background-color: transparent; display: none; } .docs-media-redactions .arr-datagrid .MuiDataGrid-scrollbar { background-color: transparent; display: none; } .docs-media-redactions .arr-datagrid .MuiDataGrid-row:first-child .MuiDataGrid-cell { border-top: 0.062rem solid #d3e4ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root { background-color: #f1f7ff; border-radius: 0px; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders { border: none; background-color: transparent; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeaderTitle { background-color: transparent; border: none; font-weight: bold; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #f1f7ff !important; transition: none !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator { transition: none !important; border: none; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-root { color: #b2bfd3 !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #f1f7ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { background-color: #f1f7ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { background-color: #f1f7ff !important; border-bottom: 0.062rem solid #d3e4ff !important; color: #0c1119 !important; font-size: 0.75rem !important; font-family: Inter !important; font-weight: 400 !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:focus { outline: none !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .no-grid-overlay { border-top: 0.062rem solid #d3e4ff; background-color: #f1f7ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .no-grid-overlay .nodata_label { color: #898e97; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell:focus-within { outline: none; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { background-color: #f1f7ff !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell:has(input[inputMode=numeric]) { padding: 0rem 0.4375rem !important; margin: 0rem !important; display: flex; align-items: center !important; justify-content: center !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell:has(.arr-dropdown-container) { padding: 0rem !important; padding-left: 0.375rem !important; margin: 0rem !important; display: flex; align-items: center !important; justify-content: center !important; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell .arr-dropdown-container { justify-self: center; align-self: center; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell input[inputMode=numeric] { padding: 0rem; font-size: 0.75rem !important; font-family: Inter !important; font-weight: 400; background-color: #d3e4ff !important; color: #0c1119 !important; align-self: center; vertical-align: middle; justify-self: center; } .docs-media-redactions .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell span { font-size: 0.75rem !important; font-family: Inter !important; background-color: #d3e4ff !important; color: #0c1119 !important; align-self: center; vertical-align: middle; justify-self: center; } .docs-media-redactions .arr-datagrid .media-time-picker { padding: 0.25rem; border-radius: 0.25rem; margin: 0rem; border: 0.062rem solid #b2bfd3; width: 100% !important; overflow: hidden; align-items: center; align-self: center; } .docs-media-redactions .arr-datagrid .media-time-picker:hover { border: 0.062rem solid #4555d6; } .docs-media-redactions .arr-datagrid .media-time-picker:focus-within { border: 0.125rem solid #4555d6; } .docs-media-redactions .arr-dropdown-container .MuiFilledInput-root { background-color: #d3e4ff !important; border: 0.062rem solid #b2bfd3 !important; } .docs-media-redactions .arr-dropdown-container .arr-dropdown-selected { color: #0c1119; } .docs-media-redactions .arr-dropdown-container__arr-dropdown-menu { background-color: #f1f7ff !important; } .doc-redactions-actions { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.5rem; height: 100% !important; } .doc-redactions-actions .icon14 { color: #4555d6 !important; fill: #4555d6 !important; width: 1.125rem !important; height: 1.125rem !important; } .doc-time-field .MuiPickersOutlinedInput-root { height: 2rem !important; color: #0c1119 !important; background-color: #d3e4ff !important; padding: 0.5rem; font-size: 0.75rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-remarks-master { display: flex; overflow-y: auto; box-sizing: border-box; } .doc-remarks-master .doc-remarks-list { display: flex; flex: 1; flex-direction: column; background-color: #e0e6ef; padding: 0rem 2rem 0.5rem 0.5rem; } .doc-remarks-master .doc-remarks-list .reamrks-header { display: flex; align-items: center; height: 3.0625rem; border-bottom: 0.062rem solid #b2bfd3; padding: 1rem 0rem 0.625rem 0.5rem; } .doc-remarks-master .doc-remarks-list .reamrks-header .title { color: #0c1119; } .doc-remarks-master .doc-remarks-list .doc-remark { display: flex; flex-direction: row; border-radius: 0.25rem; background-color: #f1f7ff; margin-top: 0.25rem; overflow: hidden; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-remark-color { width: 0.25rem; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-remark-info { padding: 0.5rem; padding-left: 0.75rem; width: 100%; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-remark-sub-info { display: flex; flex-direction: column; gap: 0.25rem; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-remark-sub-info .arr-textarea-wrapper .arr-textarea-input { box-sizing: border-box; border-color: #b2bfd3 !important; height: 2.5rem !important; padding: 0.5rem !important; color: #0c1119; background-color: #d3e4ff; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-remark-sub-info .arr-textarea-wrapper .arr-textarea-input:focus { outline: none; border: 0.125rem solid #5265ff !important; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-text-color { color: #0c1119; text-align: left; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-text-date { text-align: right; } .doc-remarks-master .doc-remarks-list .doc-remark .doc-text-time { color: #3c4f6b; } .doc-remarks-master .doc-remarks-list .doc-remark .remark-action { display: flex; flex-direction: row; justify-content: flex-end; padding-top: 0.25rem; } .doc-remarks-master .doc-remarks-list .doc-remark .remark-action .aur-button--text.MuiButton-root { font-size: 0.75rem; color: #4555d6; } .doc-remarks-master .doc-remarks-list .doc-remark .add-edit-remark-action { display: flex; flex-direction: row; justify-content: space-between; padding-top: 0.25rem; } .doc-remarks-master .doc-remarks-list .doc-remark .add-edit-remark-action .aur-button--text.MuiButton-root { font-size: 0.75rem; color: #4555d6; } .doc-remarks-master .doc-remarks-list .doc-remark .add-edit-remark-action .button-disabled { color: #727882 !important; } .doc-remarks-master .doc-remarks-list .remarks-container { display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .doc-remarks-master .doc-remarks-list .remarks-container::-webkit-scrollbar { width: 0.25rem; } .doc-remarks-master .doc-remarks-list .remarks-container::-webkit-scrollbar-track { background: transparent; border-radius: 0.125rem; } .doc-remarks-master .doc-remarks-list .remarks-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.125rem; } .doc-remarks-master .doc-remarks-list .remarks-container::-webkit-scrollbar-button { background-color: transparent; visibility: hidden; } .doc-remarks-master .doc-remarks-list .remarks-container .sub-header { position: sticky; display: flex; top: 0rem; background-color: #e0e6ef; flex-direction: row; z-index: 10; justify-content: flex-start; padding: 0.5rem; } .doc-remarks-master .doc-remarks-list .remarks-container .sub-header .aur-button--secondary.MuiButton-root { background-color: rgba(184, 187, 192, 0.2); color: #898e97; } .doc-remarks-master .doc-remarks-list .remarks-container .sub-header .add-remark-icon { width: 0.75rem !important; height: 0.75rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .doc-media-children-container { display: flex; flex-direction: row; width: 100% !important; background-color: #e1eeff; height: 28.125rem !important; min-height: 28.125rem !important; } .doc-media-children-container .doc-media-left-container { flex-direction: column; display: flex; transition: none; width: 61.7%; background-color: #f1f7ff; box-sizing: border-box; } .doc-media-children-container .doc-media-left-container .divider { background-color: #b2bfd3; height: 0.062rem; margin: 0rem 0.5rem; } .doc-media-children-container .doc-media-left-container .media-tabpanel-active { position: unset; display: flex; flex: 1; overflow-y: auto; } .doc-media-children-container .doc-media-left-container .media-tabpanel-active > div { display: flex; flex: 1; width: 100%; } .doc-media-children-container .doc-media-left-container .media-tabpanel-hidden { position: absolute; visibility: hidden !important; } .doc-media-children-container .doc-media-left-container .media-tabs { flex-shrink: 0; background-color: #f1f7ff; padding: 0rem 0.5rem 0rem 1rem; box-sizing: border-box; } .doc-media-children-container .doc-media-left-container .media-tabs .MuiButtonBase-root.MuiTab-root { box-sizing: border-box; padding: 0.75rem 1rem; } .doc-media-children-container .doc-media-left-container .media-tabs .MuiTab-root { box-sizing: border-box; } .doc-media-children-container .doc-media-left-container .media-tabs .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .doc-media-children-container .doc-media-left-container .media-tabs .media-tab { text-transform: none; color: #2d3d55 !important; font-size: 0.875rem; line-height: 0.875rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .doc-media-children-container .doc-media-left-container .media-tabs .media-tab.Mui-selected { color: #0c1119 !important; } .doc-media-children-container .doc-media-right-container { flex-direction: column; display: flex; width: 38.3%; height: 100%; background-color: #e0e6ef; border-left: 0.062rem solid #b2bfd3; box-sizing: border-box; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .docs-media-transcripts { background-color: #e0e6ef; display: flex; flex-direction: column; flex: 1; } .docs-media-transcripts .header-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #e0e6ef; padding: 1.125rem 0.5rem 0.625rem 0.5rem; } .docs-media-transcripts .header-container .title { color: #0c1119 !important; } .docs-media-transcripts .transcription-container { display: flex; flex-direction: column; flex: 1; background-color: #f1f7ff; padding: 0.75rem 1rem; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #546a8c transparent; } .docs-media-transcripts .transcription-container::-webkit-scrollbar { width: 0.25rem; background: #f1f7ff; } .docs-media-transcripts .transcription-container::-webkit-scrollbar-track { background: #f1f7ff; border-radius: 0.125rem; } .docs-media-transcripts .transcription-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.125rem; } .docs-media-transcripts .transcription-container::-webkit-scrollbar-button { background-color: transparent; display: none; } .docs-media-transcripts .transcription-container .transcription-text { white-space: pre-line; color: #0c1119; background-color: #f1f7ff; text-align: left; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .text-doc-view-box { display: flex; flex: 1; padding: 0.75rem 2rem; background-color: #f1f7ff; overflow-y: auto; box-sizing: border-box; padding-bottom: 0rem; } .text-doc-view-box .doc-content:after { content: ""; display: block; height: 0.75rem; } .text-doc-view-box .doc-content { text-align: left; white-space: pre-wrap; word-break: break-word; margin: 0rem; color: #0c1119; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .text-doc-view-box::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: transparent; padding: 0rem 0.125rem !important; } .text-doc-view-box::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.25rem; } .text-doc-view-box::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .concurrent-user-warning-box { display: flex; width: 100%; flex-direction: row; padding: 0.75rem 1rem; background-color: #d3e4ff; gap: 1rem; align-items: flex-start; text-align: start; color: #4555d6; } .concurrent-user-warning-box .text-color { color: #2d3d55; display: inline; white-space: normal; word-break: break-word; } .concurrent-user-warning-box .text-link { color: #4555d6; cursor: pointer; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-data-imports-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 1rem 2rem; flex-wrap: wrap; } .view-data-imports-header .view-data-imports-title { display: flex; align-items: center; gap: 0.5rem; } .view-data-imports-header .view-data-imports-title .title-label { color: #fcfcfd; } .view-data-imports-header .view-data-imports-title .view-data-imports-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-data-imports-header .view-ingestion-button-section { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 48rem) { .view-data-imports-header { flex-direction: column; align-items: flex-start; padding: 0.75rem 1rem; } .view-data-imports-header .view-ingestion-button-section { width: 100%; justify-content: flex-start; gap: 1rem; } } .data-imports-info-dialog a { font-weight: 600 !important; text-decoration: underline; color: #fcfcfd; } .data-imports-info-dialog b { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .data-imports-container { display: flex; flex-direction: column; background-color: #1f2b3d; } .data-imports-container .data-imports-cards-container { display: flex; flex-direction: column; padding: 0rem 2rem 1.5rem 2rem; text-align: left; } .data-imports-container .data-imports-loader-container { display: flex; width: 100%; height: 28.5rem; justify-content: center; align-items: center; } .data-imports-container .data-imports-empty-container { display: flex; height: 28.5rem; justify-content: center; align-items: center; background-color: #182231; border-radius: 0.5rem; margin: 2rem; margin-top: 0rem; } .data-imports-container .data-imports-empty-container .message-label { color: #a5b4cb; } .data-imports-container .footer-container { display: flex; justify-content: center; align-items: center; padding-bottom: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .data-import-card { box-shadow: 0 0 0.375rem rgba(255, 255, 255, 0.08); transition: all 0.3s ease; width: 19.375rem; height: 19.375rem; margin: auto; background-color: #0c1119 !important; color: #fcfcfd !important; border: 0.062rem solid #263449; border-radius: 0.5rem !important; } .data-import-card:hover { box-shadow: 0 0 0.75rem rgba(255, 255, 255, 0.15); } .data-import-card .data-import-card-header { padding: 0.75rem 1rem; } .data-import-card .data-import-card-header .import-set-title { color: #a5b4cb; } .data-import-card .data-import-card-content { padding: 0 1rem 1rem 1rem; } .data-import-card .data-import-card-content .data-import-name { color: #fcfcfd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .data-import-card .data-import-card-content .progress-status-container { display: flex; flex-direction: column; gap: 0.25rem; margin-top: 0.75rem; } .data-import-card .data-import-card-content .progress-status-container .status-label { color: #fcfcfd; } .data-import-card .data-import-card-content .completed-view-set-container { display: flex; align-items: center; margin-top: 0.75rem; height: 2.875rem; } .data-import-card .data-import-card-content .completed-view-set-container button { width: 100%; } .data-import-card .data-import-card-content .completed-view-set-container button:focus { outline: 0.125rem solid #fcfcfd !important; } .data-import-card .data-import-card-content .stats-row { display: flex; justify-content: space-between; gap: 0.25rem; margin-top: 0.75rem; } .data-import-card .data-import-card-content .stats-row .stat-item { flex: 1; display: flex; flex-direction: column; } .data-import-card .data-import-card-content .stats-row .stat-item .title-label { color: #a5b4cb; } .data-import-card .data-import-card-content .stats-row .stat-item .value-label { color: #fcfcfd; } .data-import-card .data-import-card-content .divider { border-color: rgba(255, 255, 255, 0.12); margin: 1rem 0; } .data-import-card .data-import-card-content .meta-info { display: flex; flex-direction: column; gap: 0.75rem; } .data-import-card .data-import-card-content .meta-info .title-label { color: #a5b4cb; } .data-import-card .data-import-card-content .meta-info .value-label { color: #fcfcfd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .data-imports-filter-panel { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 1.5rem; padding: 1.5rem 2rem; } .data-imports-filter-panel .panel-header { max-width: 100%; text-align: left; display: flex; flex-direction: column; gap: 0.5rem; } .data-imports-filter-panel .panel-header .title-label { color: #fcfcfd; } .data-imports-filter-panel .panel-header .title-label span { color: #a5b4cb; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .data-imports-filter-panel .panel-header .sub-label { color: #ccd5e3; } .data-imports-filter-panel .filter-panel-controls { display: flex; align-items: center; gap: 1rem; width: 100%; } .data-imports-filter-panel .filter-panel-controls .search-textbox { width: 33%; border-radius: 0.5rem; border-color: #3c4f6b; color: #a5b4cb; background-color: #121a25; border: 0.0625rem solid #3c4f6b; } .data-imports-filter-panel .filter-panel-controls .search-textbox .MuiFilledInput-root { border: none !important; } .data-imports-filter-panel .filter-panel-controls .search-textbox .MuiInputBase-root { height: 3.5rem; } .data-imports-filter-panel .filter-panel-controls .search-textbox .MuiInputBase-root .MuiFilledInput-input { padding-top: 0rem; padding-bottom: 0rem; } .data-imports-filter-panel .filter-panel-controls .search-textbox-disabled { border: none; background: rgba(66, 71, 80, 0.2); color: #727882; max-width: 20rem; } .data-imports-filter-panel .filter-panel-controls .search-textbox-disabled .arr-textfield-icon-color { color: #727882 !important; } .data-imports-filter-panel .filter-panel-controls .data-imports-item-flex { flex: 0 0 13.5rem; } .data-imports-filter-panel .filter-panel-controls .data-imports-item-flex .MuiFilledInput-root { background-color: transparent !important; } .data-imports-filter-panel .filter-panel-controls .data-imports-item-flex-disabled { background-color: #424750 !important; border-radius: 0.5rem; color: #727882; pointer-events: none; opacity: 0.4; } .data-imports-filter-panel .filter-panel-controls .data-imports-item-flex-disabled .MuiFilledInput-root { background-color: #424750 !important; width: 100%; width: 20rem; max-width: 20rem; } .data-imports-filter-panel .filter-panel-controls .data-imports-item-flex-disabled .Mui-disabled { background-color: #424750 !important; } .data-imports-filter-panel .data-imports-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 0.875rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-ingestion-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 0.75rem 2rem; flex-wrap: wrap; } .view-ingestion-header .view-ingestion-title { display: flex; align-items: center; gap: 0.5rem; } .view-ingestion-header .view-ingestion-title .view-ingestion-title-text { color: #fcfcfd; } .view-ingestion-header .view-ingestion-title .view-ingestion-header-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-ingestion-header .view-ingestion-button-section { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 48rem) { .view-ingestion-header { flex-direction: column; align-items: flex-start; padding: 0.75rem 1rem; } .view-ingestion-header .view-ingestion-title { margin-bottom: 0.75rem; } .view-ingestion-header .view-ingestion-button-section { width: 100%; justify-content: flex-start; gap: 1rem; } } .view-ingestionSummary-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 0.75rem 2rem; } .view-ingestionSummary-header .view-ingestion-title { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 0.5rem; } .view-ingestionSummary-header .view-ingestion-title .view-ingestionSummary-title-text { color: #ccd5e3; width: 40rem; } .view-ingestionSummary-header .view-ingestion-title .view-user-title-text { color: #fcfcfd; width: 40rem; } @media (max-width: 48rem) { .view-ingestionSummary-header { flex-direction: column; align-items: flex-start; padding: 0.75rem 1rem; } .view-ingestionSummary-header .view-ingestion-title { margin-bottom: 0.75rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .preview-info-icon { color: #89a6ff !important; cursor: pointer; vertical-align: middle; padding-left: 0.5rem; padding-top: 0.25rem; } .ingestion-tooltip-content-box .tooltip-heading { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ingestion-tooltip-content-box .tooltip-content { color: #ccd5e3; } .ingestion-preview-modal-button { flex: none !important; } .ingestion-preview-modal .button-row { justify-content: flex-end; } .ingestion-preview-modal .modal-actions { width: 30%; margin-left: auto; } .ingestion-wizard { height: 100%; } .ingestion-wizard .ingestion-grid { height: 100%; display: flex; flex-direction: row; } .ingestion-wizard .left-pane { background-color: #0c1119; padding: 0.75rem 2rem; flex: 0 0 42%; max-width: 42%; min-width: 18.75rem; box-sizing: border-box; overflow: auto; } .ingestion-wizard .right-pane { background-color: #2d3d55; flex: 1 1 58%; min-height: 100%; overflow: auto; } .ingestion-wizard .arr-divider { background-color: #263449; margin-top: 1rem; margin-bottom: 0.5rem; } .ingestion-wizard .ingestion-field-mapping { display: flex; flex-direction: row; gap: 0.125rem; justify-content: space-between; margin-bottom: 0.75rem; } .ingestion-wizard .ingestion-field-mapping .selection-title { display: flex; flex-direction: row; align-items: center; } .ingestion-wizard .ingestion-field-mapping .selection-title .view-field-mapping-info-icon { color: #89a6ff !important; cursor: pointer; vertical-align: middle; } .ingestion-wizard .view-ingestionSummary-title-text { color: #ccd5e3; text-align: left; } .ingestion-wizard .cfm-denotes-text { margin-top: 1rem !important; } .ingestion-wizard .ingestion-wizard-selection { display: flex; flex-direction: row; gap: 0.5rem; justify-content: space-between; margin-bottom: 0.75rem; align-items: center; } .ingestion-wizard .ingestion-wizard-selection .selection-title .selection-title-sub .tooltip-heading { margin-top: 0.25rem; margin-bottom: 0.25rem; } .ingestion-wizard .ingestion-wizard-selection .selection-title .selection-title-sub .view-ingestion-wizard-info-icon { color: #89a6ff !important; cursor: pointer; vertical-align: middle; margin-left: 0.5rem; } .ingestion-wizard .selection-title { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; gap: 0.75rem; } .ingestion-wizard .selection-title-sub { display: flex; align-items: center; } .ingestion-wizard .selection-heading { font-size: 1.25rem; font-weight: 500; font-family: Inter, sans-serif; color: #fcfcfd; } .ingestion-wizard .view-user-info-icon { cursor: pointer; fill: currentColor; } .ingestion-wizard .view-ingestion-button-section { display: flex; justify-content: flex-end; margin-top: 0.5rem; } .ingestion-wizard .next-btn { background-color: rgba(84, 106, 140, 0.12); color: #727882; text-transform: capitalize; } .ingestion-wizard .overlay-text { text-align: left; width: 28.75rem; padding-bottom: 1.5rem; font-size: 1rem; font-weight: 400; font-family: Inter, sans-serif; color: #a5b4cb; line-height: 1.5rem; } .ingestion-wizard .divider-spaced { border-color: #263449; margin-top: 1rem; } .ingestion-wizard .section-block { text-align: left; padding-top: 0.5rem; display: flex; gap: 0.5rem; flex-direction: column; } .ingestion-wizard .section-title { color: #fcfcfd; font-weight: 500; } .ingestion-wizard .right-pane { background-color: #121a25; flex: 1 1 58%; min-height: 100%; overflow: auto; padding: 0.75rem 2rem; } .ingestion-wizard .right-pane .ingestion-rightPane-Header { display: flex; flex-direction: row; gap: 0.5rem; justify-content: space-between; margin-bottom: 0.75rem; } .ingestion-wizard { /* utility rows */ } .ingestion-wizard .row { display: flex; gap: 0.5rem; flex-direction: row; } .ingestion-wizard .row.three-cols > * { flex: 1 1 0; min-width: 0; } .ingestion-wizard .row.two-cols > * { flex: 1 1 0; min-width: 0; } .ingestion-wizard { /* Sources Section Styles */ } .ingestion-wizard .source-fields-container { padding-left: 2rem; display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 0.5rem; } .ingestion-wizard .source-checkbox-wrapper { padding-left: 3rem; padding-top: 1rem; padding-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; } .ingestion-wizard .source-checkbox-row { padding-left: 3rem; padding-top: 1rem; padding-bottom: 1rem; display: flex; align-items: center; gap: 2rem; } .ingestion-wizard .source-checkbox-row .checkbox-group { display: flex; align-items: center; gap: 0.5rem; } .ingestion-wizard .source-checkbox-row .checkbox-group-flex { display: flex; align-items: center; gap: 0.5rem; flex: 1; } .ingestion-wizard .source-divider-wrapper { padding-top: 1rem; padding-bottom: 1rem; } .ingestion-wizard .source-divider-wrapper .source-divider { border-color: #263449; } .ingestion-wizard { /* Legacy nested styles - kept for backward compatibility */ } .ingestion-wizard .nested-block { text-align: left; display: flex; gap: 0.5rem; flex-direction: column; } .ingestion-wizard .inline-checkbox { display: flex; align-items: center; gap: 0.5rem; } .ingestion-wizard .checkbox-label { color: #a5b4cb; font-size: 0.875rem; } .ingestion-wizard .error-text { color: #ff7a7a; font-size: 0.75rem; margin-top: 0.25rem; } .ingestion-wizard { /* keep spacing consistent for small nested dividers */ } .ingestion-wizard .nested-block > .divider-spaced { margin-top: 1rem; margin-bottom: 0; } .ingestion-wizard { /* responsiveness */ } @media (max-width: 37.5rem) { .ingestion-wizard .ingestion-grid { flex-direction: column; } .ingestion-wizard .left-pane { width: 100%; padding: 0.75rem; } .ingestion-wizard .overlay-text { width: 100%; } .ingestion-wizard .row { flex-direction: column; } .ingestion-wizard .source-checkbox-row { flex-direction: column; align-items: flex-start; gap: 1rem; } } @media (width: 1280px) { .ingestion-wizard .selection-heading-title { font-size: 1rem !important; } } .ingestion-wizard-right-section { width: 45.25rem; height: 2rem; justify-content: space-between; transform: rotate(0deg); opacity: 1; padding-right: 1rem; padding-left: 1rem; } .ingestion-wizard-right-section .wizard-right-header { display: flex; align-items: center; gap: 0.5rem; padding: 0 2rem; width: 100%; justify-content: flex-start; } .ingestion-wizard-right-section .wizard-right-header .view-ingestion-button-section { width: 100%; justify-content: flex-start; gap: 1rem; } .ingestion-wizard-right-section .wizard-right-header .view-ingestion-button-section .right-arr-divider { margin: 0 1rem; background-color: #263449; margin-top: 1rem; margin-bottom: 0.5rem; } .cfmingestion-rightPane-Header { display: flex; flex-direction: row; gap: 0.5rem; justify-content: space-between; margin-bottom: 0.75rem; } .cfm-description { text-align: left; padding-bottom: 1.5rem; color: #ccd5e3; } .cfm-denotes { font-family: Inter, sans-serif; margin-top: 2rem; margin-bottom: 2rem; text-align: left; } /* Main container */ .cfm-grid { text-align: left; margin-top: 1.5rem; margin-bottom: 2rem; } /* Header row */ .cfm-grid-header { display: flex; gap: 0.5rem; margin-bottom: 1rem; width: 43.25rem; } /* Header text */ .cfm-grid-header-text { width: 13.125rem; font-weight: 600 !important; color: #a5b4cb; font-size: 0.75rem !important; font-family: Inter !important; line-height: 1.125rem !important; } /* Data row container */ .cfm-grid-row { display: flex; gap: 0.5rem; align-items: center; width: 43.25rem; height: 3.5rem; padding: 0.5rem; border-radius: 0.5rem; margin-bottom: 0.5rem; } .cfm-grid-row .delete-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; background-color: #1f2b3d; border-radius: 0.25rem; padding: 0.25rem; } .cfm-grid-dat-error-message { margin-top: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: auto; height: 8.5rem; text-align: center; background-color: #182231; color: #a5b4cb; } /* Button container */ .cfm-grid-btn-container { display: flex; justify-content: flex-end; margin-top: 2rem; } /* ✅ PREVIEW MODAL STYLES - ONLY PLACE TO CONTROL GRID BEHAVIOR */ .ingestion-preview-modal .MuiDataGrid-root .MuiDataGrid-cell:last-of-type { display: none !important; } .ingestion-preview-modal { /* Target the Dialog paper (main modal container) */ } .ingestion-preview-modal .modal-paper, .ingestion-preview-modal .MuiDialog-paper { width: 75vw; max-width: 90vw; min-width: 70vw; height: 80vh; max-height: 80vh; display: flex; flex-direction: column; overflow: hidden !important; } .ingestion-preview-modal { /* Target the Dialog Content (where your grid lives) */ } .ingestion-preview-modal .MuiDialogContent-root { background-color: transparent; overflow: hidden !important; padding: 0 !important; margin: 0 !important; flex: 1; display: flex; flex-direction: column; min-height: 0; } .ingestion-preview-modal { /* Ensure title doesn't scroll */ } .ingestion-preview-modal .MuiDialogTitle-root { flex-shrink: 0; padding: 1rem 1.5rem; } .ingestion-preview-modal { /* Ensure actions (buttons) don't scroll */ } .ingestion-preview-modal .MuiDialogActions-root { flex-shrink: 0; padding: 1rem 1.5rem; padding-right: 0; } .ingestion-preview-modal .modal-actions { width: 30%; margin-left: auto; } .ingestion-preview-modal { /* ✅ Grid wrapper - CRITICAL CHANGES HERE */ } .ingestion-preview-modal .preview-grid-wrapper { width: 100%; height: 100%; flex: 1; overflow: hidden; padding: 0; box-sizing: border-box; min-height: 0; display: flex; flex-direction: column; background-color: #0c1119; /* Target arr-datagrid wrapper */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid { width: 100%; height: 100%; flex: 1; min-height: 0; display: flex; flex-direction: column; background-color: #0c1119; /* Target MUI DataGrid root */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { width: 100%; height: 100%; flex: 1; min-height: 0; border: none; display: flex; flex-direction: column; background-color: #0c1119; /* ✅ Main container */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-main { flex: 1; min-height: 0; overflow: hidden; background-color: #0c1119; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Enable scroll */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller { overflow-x: auto !important; overflow-y: auto !important; flex: 1; min-height: 0; background-color: #0c1119; /* ✅ Custom scrollbar styling */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller::-webkit-scrollbar { height: 12px; width: 12px; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller::-webkit-scrollbar-track { background: #1f2b3d; border-radius: 6px; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb { background: #3c4f6b; border-radius: 6px; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb:hover { background: #a5b4cb; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller { /* Firefox scrollbar styling */ scrollbar-width: thin; scrollbar-color: #3c4f6b #1f2b3d; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Content should fill available width */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { width: 100% !important; min-width: 100% !important; background-color: transparent !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Render zone fills width */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScrollerRenderZone { width: 100% !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Column headers fill width */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders { width: 100% !important; min-width: 100% !important; flex-shrink: 0; position: sticky; top: 0; z-index: 3; background-color: #182231; overflow: visible !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Column header row fills width - CRITICAL for alignment */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaderRow { width: 100% !important; min-width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Columns flex to fill space evenly */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeader { min-width: 200px !important; flex: 1 1 0 !important; max-width: none !important; box-sizing: border-box !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeader:first-of-type { padding-left: 1rem !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeader:last-of-type { padding-right: 1rem !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Remove column separator that might cause misalignment */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnSeparator { display: none !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Rows fill width - CRITICAL for alignment */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row { width: 100% !important; min-width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; background-color: #182231; box-sizing: border-box !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Cells flex to match column width EXACTLY */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell { min-width: 200px !important; flex: 1 1 0 !important; max-width: none !important; box-sizing: border-box !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell:first-of-type { padding-left: 1rem !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cell:last-of-type { padding-right: 1rem !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Completely remove and hide the filler */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-filler { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; width: 0 !important; overflow: hidden !important; visibility: hidden !important; position: absolute !important; pointer-events: none !important; --rowBorderColor: transparent !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Remove footer container */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-footerContainer { display: none !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Remove bottom spacing container */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-bottomContainer { display: none !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Ensure viewport doesn't create extra space */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-viewport { max-height: 100% !important; background-color: transparent !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Remove overlay wrapper extra space */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-overlayWrapper { min-height: 0 !important; height: 0 !important; display: none !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Scrollbar filler should match background */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ Remove any empty space container */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-windowContainer { background-color: transparent !important; } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root { /* ✅ CRITICAL: Ensure cell content container matches */ } .ingestion-preview-modal .preview-grid-wrapper .arr-datagrid .MuiDataGrid-root .MuiDataGrid-cellContent { width: 100% !important; } .ingestion-preview-modal .MuiDataGrid-scrollbar .MuiDataGrid-scrollbar--vertical .MuiDataGrid-scrollbar .MuiDataGrid-scrollbar--vertical { display: none !important; overflow: hidden !important; } .ingestion-preview-modal .MuiDataGrid-scrollbarContent { height: 0px !important; } .ingestion-preview-modal { /* Responsive styles */ } @media (max-width: 37.5rem) { .ingestion-preview-modal .modal-paper, .ingestion-preview-modal .MuiDialog-paper { width: 100vw; max-width: 100vw; min-width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-securitygroup-header { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #182231; padding: 0; } .view-securitygroup-header .view-securitygroup-title { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; width: 100%; background-color: #182231; padding: 1rem 2rem; } .view-securitygroup-header .view-securitygroup-title .view-securitygroup-title-text { color: #fcfcfd; } .view-securitygroup-header .view-securitygroup-title .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-securitygroup-header .view-securitygroup-button-section { display: flex; justify-content: space-between; align-items: center; } .view-securitygroup-header .view-securitygroup-header-filter { display: flex; align-items: center; justify-content: flex-start; background-color: #121a25; gap: 1rem; width: 100%; padding: 1rem 2rem; box-sizing: border-box; } .view-securitygroup-header .typo-text { font-size: 1.5rem; font-weight: bold; } .view-securitygroup-header .headline3_size { font-size: 1.5rem; } .view-securitygroup-header .Delete-security-group-modal { display: flex; flex-direction: column; gap: 2rem; } .view-securitygroup-header .Delete-security-group-modal .title-text-color { font-family: Reckless; font-weight: 400; font-style: normal; font-size: 1.5rem; color: #fcfcfd; } .view-securitygroup-header .Delete-security-group-modal .desc-text-color { font-family: Inter; font-weight: 400; font-style: normal; font-size: 1rem; color: #ffffff; } .view-securitygroup-header .Delete-security-group-modal .desc-text-color .securitygroup-name { font-family: Inter; font-weight: 600; font-size: 1rem; color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .securitygroup-bottom-container { padding: 2rem; background-color: #121a25; border-radius: 0.5rem; } .securitygroup-bottom-container .radio-button-section .radio-option-group { margin-bottom: 1rem; } .securitygroup-bottom-container .radio-button-section .radio-option-row { display: flex; align-items: center; } .securitygroup-bottom-container .radio-button-section .radio-option-row .single-radio-override * { color: #fcfcfd !important; } .securitygroup-bottom-container .radio-button-section .radio-option-row .single-radio-override * .MuiFormControlLabel-root { margin-right: 0.25rem; } .securitygroup-bottom-container .radio-button-section .regeneration-button-wrapper { padding-left: 2rem; margin-top: 0.5rem; } .securitygroup-bottom-container .radio-button-section .regeneration-action-row { display: flex; align-items: center; gap: 1rem; margin-top: 0.5rem; padding-left: 2rem; } .securitygroup-bottom-container .radio-button-section .regeneration-info-text { color: #fcfcfd; } .securitygroup-bottom-container .radio-button-section .info-icon { width: 1rem; height: 1rem; cursor: pointer; margin-left: -0.5rem; } .securitygroup-bottom-container .radio-button-section .tooltip-typography { color: #ffffff; } .securitygroup-bottom-container .radio-button-section .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; } .securitygroup-bottom-container .security-group-divider { margin-top: 2rem; margin-bottom: 2rem; width: 100%; background-color: #424750; } .securitygroup-bottom-container .action-buttons-container { display: flex; justify-content: flex-end; gap: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .securityGroup-tab-manager .custom-tabs { border-bottom: 0.062rem solid #263449; min-height: 3rem; padding-left: 2rem; padding-right: 2rem; background-color: #121a25; } .securityGroup-tab-manager .custom-tabs .css-rizt0-MuiTypography-root { margin: 0rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem; } .securityGroup-tab-manager .custom-tabs .MuiTab-root { text-transform: none; color: #ffffff; background-color: #121a25; border-radius: 0.25rem; margin-right: 0.5rem; transition: background-color 0.3s; min-height: 1.5rem; } .securityGroup-tab-manager .custom-tabs .MuiTab-root:hover { background-color: rgba(84, 106, 140, 0.2); } .securityGroup-tab-manager .custom-tabs .MuiTab-root.Mui-selected { color: #ccd5e3; font-weight: bold; } .securityGroup-tab-manager .icon-button.MuiIconButton-root.with-shape { background-color: #182231 !important; } .securityGroup-tab-manager .css-1q4vqv0-MuiTabs-root .MuiTab-root.Mui-selected { background-color: rgba(60, 79, 107, 0.4) !important; } .securityGroup-tab-manager .MuiTreeItem-content.Mui-selected { background-color: rgba(84, 106, 140, 0.2) !important; border-bottom: 1px solid rgba(60, 79, 107, 0.4); } .securityGroup-tab-manager .MuiTabs-indicator.css-jkmkwa { background-color: #5265ff !important; } .securityGroup-tab-manager .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } .securityGroup-tab-manager .content { display: flex; align-items: flex-start; gap: 1rem; } .securityGroup-tab-manager .content .tree-container.inactive-tree { opacity: 0.5; pointer-events: none; /* disable all interactions */ user-select: none; transition: opacity 0.3s ease; } .securityGroup-tab-manager .content .arrow-controls { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 4rem; height: 18.5rem; border-radius: 0.5rem; opacity: 1; gap: 1rem; padding: 0.5rem; background: #0c1119; box-sizing: border-box; } .securityGroup-tab-manager .content .tree-container { display: flex; flex-direction: column; gap: 0rem; box-sizing: border-box; background: #0c1119; border-radius: 1rem; opacity: 1; width: 45%; height: 18.5rem; } .securityGroup-tab-manager .content .tree-container .tree-header { background-color: #121a25; padding: 0.5rem 0rem; padding-right: 0.75rem; padding-left: 0.75rem; gap: 0.625rem; text-align: left; } .securityGroup-tab-manager .content .tree-container .left-tree { padding-left: 0rem; padding-right: 1rem; padding-bottom: 1rem; padding-top: 1rem; } .securityGroup-tab-manager .content .tree-container .right-tree { padding-top: 1rem; padding-left: 0rem; padding-right: 1rem; padding-bottom: 1rem; } .securityGroup-tab-manager .content .left-container { border: 0.062rem solid #263449; overflow-y: auto; margin-left: 2rem; border-radius: 0rem; border-top: none; } .securityGroup-tab-manager .content .left-container::-webkit-scrollbar { width: 0.875rem; } .securityGroup-tab-manager .content .left-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .securityGroup-tab-manager .content .left-container::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .securityGroup-tab-manager .content .left-container::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .securityGroup-tab-manager .content .left-container .custom-text-style { color: #ffffff !important; } .securityGroup-tab-manager .content .right-container { border: 0.062rem solid #263449; overflow-y: auto; margin-right: 2rem; border-radius: 0rem; border-top: none; } .securityGroup-tab-manager .content .right-container::-webkit-scrollbar { width: 0.875rem; } .securityGroup-tab-manager .content .right-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .securityGroup-tab-manager .content .right-container::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .securityGroup-tab-manager .content .right-container::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .securityGroup-tab-manager .content .right-container .custom-text-style { color: #ffffff !important; } @media (max-width: 75rem) { .tab-manager .custom-tabs { margin-left: 0rem; border-bottom: 0.062rem solid #263449; } .tab-manager .custom-tabs .MuiTab-root { min-height: 2.25rem; font-size: 1rem; } .tab-manager .content { flex-direction: column; align-items: stretch; gap: 1rem; } .tab-manager .content .tree-container { width: 100%; height: auto; } .tab-manager .content .arrow-controls { flex-direction: row; width: auto; height: auto; padding: 0.5rem 1rem; } } @media (max-width: 67.5rem) { .tab-manager .custom-tabs { flex-wrap: wrap; margin-left: 0rem; min-height: auto; } .tab-manager .custom-tabs .MuiTab-root { font-size: 0.875rem; margin-right: 0.25rem; margin-bottom: 0.25rem; min-height: 2rem; padding: 0.25rem 0.75rem; } .tab-manager .content { flex-direction: column; gap: 0.5rem; } .tab-manager .arrow-controls button { font-size: 1rem; padding: 0.25rem 0.75rem; } .tab-manager .list, .tab-manager .tree-container { padding: 0.5rem; width: 100%; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-security-group { display: flex; flex-direction: column; background-color: #1f2b3d; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis !important; min-height: 28.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-user-header { display: flex; justify-content: space-between; align-items: center; background-color: #1f2b3d; padding: 0.75rem 2rem; } .view-user-header .view-user-title { display: flex; align-items: center; gap: 0.5rem; } .view-user-header .view-user-title .view-user-title-text { color: #ffffff; } .view-user-header .view-user-title .view-user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-user-header .view-user-button-section { display: flex; justify-content: space-between; align-items: center; } .ingestion-analytics-info-dialog .skip-analytics-label { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .analytics-content { display: flex; flex-direction: column; height: 100%; background-color: #1f2b3d; /* ---- Tabs Header Section ---- */ } .analytics-content .tabs-section { background-color: #0c1119; padding: 0.5rem 1rem 0; display: flex; align-items: center; border-bottom: 0.062rem solid #263449; } .analytics-content .tabs-section .tabs-content { width: 100%; /* Tabs indicator (underline) */ } .analytics-content .tabs-section .tabs-content .MuiTabs-indicator { background-color: #5265ff; /* active underline color */ height: 0.25rem; transition: all 0.3s ease; } .analytics-content .tabs-section .tabs-content { /* Individual Tab elements */ } .analytics-content .tabs-section .tabs-content .MuiTab-root { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; text-transform: none; min-height: 3rem; padding: 0.5rem 1rem; border-bottom: 0.25rem solid transparent; transition: color 0.2s ease, border-color 0.2s ease; /* Default / Inactive tab label (lighter) */ color: #ccd5e3; /* Hovered tab */ } .analytics-content .tabs-section .tabs-content .MuiTab-root:hover { color: #fcfcfd; } .analytics-content .tabs-section .tabs-content .MuiTab-root { /* Active / Selected tab */ } .analytics-content .tabs-section .tabs-content .MuiTab-root.Mui-selected { color: #fcfcfd; } .analytics-content .tabs-section .tabs-content .MuiTab-root .MuiTab-wrapper { display: inline-flex; align-items: center; gap: 0.5rem; } .analytics-content { /* ---- Tab Body Section ---- */ } .analytics-content .tabs-child { flex: 1; background-color: #121a25; } /* ========================================================= RESPONSIVE DESIGN ========================================================= */ @media (max-width: 600px) { .analytics-content .tabs-section { padding-left: 0.75rem; padding-right: 0.75rem; } .analytics-content .tabs-section .tabs-content .MuiTab-root { padding: 0.5rem 0.5rem; font-size: 0.9rem; } .analytics-content .tabs-section .tabs-content .MuiTabs-indicator { height: 0.125rem; } .analytics-content .tabs-section .tabs-content .MuiTabs-indicator .tabs-content > .MuiTabs-indicator { height: 0.25rem !important; background-color: #5265ff !important; border-radius: 0.125rem !important; } .analytics-content .tabs-section .tabs-child { padding: 0.75rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .es-indexing-container { height: 100%; background-color: #121a25; padding: 1rem 2rem; text-align: left; padding-top: 1.625rem; } .es-indexing-container .es-top-header { gap: 2rem; padding-bottom: 1rem; margin-bottom: 0.625rem; } .es-indexing-container .no-query-data-container { height: 100%; background-color: #182231; display: flex; justify-content: center; align-items: center; } .es-indexing-container .no-query-data-container .message-label { color: #a5b4cb; } .es-indexing-container .index-list-grid-container { border: 0.125rem solid #0c1119; border-radius: 0.5rem; } .es-indexing-container .index-list-grid-container .index-grid-loading { height: 17.75rem; } .es-indexing-container .index-list-grid-container .index-grid-no-row-overlay { height: 17.75rem; } .es-indexing-container .index-list-grid-container .index-grid { height: 79%; } .es-indexing-container .index-list-grid-container .index-grid .MuiDataGrid-root { height: 105%; } .es-indexing-container .index-list-grid-container .index-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .es-indexing-container .index-list-grid-container .index-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .es-indexing-container .index-list-grid-container .arr-datagrid { /* Sort icon color change in header */ } .es-indexing-container .index-list-grid-container .arr-datagrid .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .es-indexing-container .index-list-grid-container .arr-datagrid { /* hide separator from last header cell */ } .es-indexing-container .index-list-grid-container .arr-datagrid .last-column .MuiDataGrid-columnSeparator { display: none; } .es-indexing-container .index-list-grid-container .status-error-caption { color: #89a6ff; cursor: pointer; } .es-indexing-container .index-list-grid-container .error-message-caption { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .analytics-index-run-options-container { display: flex; flex-direction: column; } .analytics-index-run-options-container .custom-radio.Mui-disabled .radio-icon-unchecked, .analytics-index-run-options-container .custom-radio.Mui-disabled .radio-icon-checked { background-color: rgba(66, 71, 80, 0.6); } .analytics-index-run-options-container .title-label { color: #fcfcfd; margin-bottom: 0.5rem; } .analytics-index-run-options-container .MuiFormGroup-root { flex-direction: column; } .analytics-index-run-options-container .radio-button-group .MuiFormControlLabel-root { margin-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .analytics-index-run-options-container .radio-button-group .option-label { color: #ccd5e3; } .analytics-index-run-options-container .radio-button-group .option-label .MuiTypography-root { color: #ccd5e3; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .analytics-index-run-options-container .radio-button-group .option-label.Mui-disabled, .analytics-index-run-options-container .radio-button-group .option-label .Mui-disabled { cursor: not-allowed; } .analytics-index-run-options-container .radio-button-group .option-label.Mui-disabled .MuiTypography-root, .analytics-index-run-options-container .radio-button-group .option-label .Mui-disabled .MuiTypography-root { color: #727882; } .analytics-index-run-options-container .toggle-run-button { margin-top: 2rem; min-width: 4rem; height: 2.5rem; } .analytics-index-run-options-container .info-icon-label { color: #89a6ff; cursor: pointer; vertical-align: middle; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .ingetion-tab-panel-header { gap: 1rem; } .ingetion-tab-panel-header .title-caption { color: #ccd5e3; } .ingetion-tab-panel-header .sub-title-caption { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .es-index-error-list-modal .modal-paper { width: 87%; height: 58%; max-height: 48.3125rem; max-width: 74.375rem; padding: 0rem; padding-top: 2rem; } .es-index-error-list-modal .modal-header-title { padding-left: 2rem; padding-right: 2rem; } .es-index-error-list-modal .modal-header-title .title-container { gap: 0.25rem; } .es-index-error-list-modal .modal-header-title .title-container .error-list-info-icon { color: #89a6ff; cursor: pointer; } .es-index-error-list-modal .modal-header-title .title-container .heading-title-text { color: #fcfcfd; } .es-index-error-list-modal .modal-content { padding-left: 2rem; padding-right: 2rem; padding-bottom: 0rem; overflow: hidden; display: flex; flex-direction: column; flex: 1; } .es-index-error-list-modal .error-list-grid-container { flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #546a8c transparent; border: 0.125rem solid #0c1119; } .es-index-error-list-modal .error-list-grid-container::-webkit-scrollbar { width: 0.25rem; } .es-index-error-list-modal .error-list-grid-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 6.25rem; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid { height: 100%; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid .no-row-container { margin-top: -0.5rem; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #121a25; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid { /* Sort icon color change in header */ } .es-index-error-list-modal .error-list-grid-container .arr-datagrid .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .es-index-error-list-modal .error-list-grid-container .arr-datagrid { /* hide separator from last header cell */ } .es-index-error-list-modal .error-list-grid-container .arr-datagrid .last-column .MuiDataGrid-columnSeparator { display: none; } .es-index-error-list-modal .footer-action-container { background-color: #0c1119; border-top: 0.0625rem solid #263449; padding: 1rem 3rem 1rem 2rem; justify-content: space-between; } .es-index-error-list-modal .footer-action-container .arr-pagination { padding: 0rem; gap: 0rem; background-color: transparent; } .es-index-error-list-modal .footer-action-container .arr-pagination .pagination-controls .per-page-select { background-color: transparent; } .es-index-error-list-modal .footer-action-container .arr-pagination .pagination-controls .custom-pagination .page-button { background-color: transparent; } .es-index-error-list-modal .footer-action-container .arr-pagination .pagination-controls .custom-pagination .page-button.active { color: #89a6ff; background-color: rgba(84, 106, 140, 0.2) !important; } .es-index-error-list-modal .footer-action-container .action-button-box { gap: 1.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .custom-no-row-overlay-container { height: 100%; background-color: #182231; display: flex; justify-content: center; align-items: center; } .custom-no-row-overlay-container .message-label { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .analytics-container { height: 100%; background-color: #121a25; padding: 1rem 2rem; text-align: left; padding-top: 1.625rem; } .analytics-container .analytics-top-header { gap: 2rem; padding-bottom: 1rem; margin-bottom: 0.625rem; } .analytics-container .analytics-table-container { border: 0.125rem solid #0c1119; border-radius: 0.5rem; } .analytics-container .analytics-table-container .index-grid-loading { height: 17.75rem; } .analytics-container .analytics-table-container .index-grid-no-row-overlay { height: 17.75rem; } .analytics-container .analytics-table-container .index-grid { height: 79%; } .analytics-container .analytics-table-container .index-grid .MuiDataGrid-root { height: 105%; } .analytics-container .analytics-table-container .index-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .analytics-container .analytics-table-container .index-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .analytics-container .analytics-table-container .arr-datagrid { /* Sort icon color change in header */ } .analytics-container .analytics-table-container .arr-datagrid .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .analytics-container .analytics-table-container .arr-datagrid { /* hide separator from last header cell */ } .analytics-container .analytics-table-container .arr-datagrid .last-column .MuiDataGrid-columnSeparator { display: none; } .analytics-container .analytics-table-container .user-grid-icon-button { padding: 0 1.125rem; } .analytics-container .analytics-table-container .more-option-header .MuiDataGrid-columnSeparator { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .export-confirmation__subtitle { color: #ccd5e3; font-size: 0.95rem; padding: 1rem 0rem; } .export-confirmation__label { color: #fcfcfd; font-weight: 500; } .export-truelaw-icon { width: 100%; } .export-confirmation-box { display: flex; align-items: center; gap: 0.5rem; } .export-confirmation-box .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .export-confirmation-box .title { color: #fcfcfd; } .export-truelaw .modal-content { padding-top: 0rem !important; } .exportset-input-box { padding-bottom: 2rem; padding-top: 0.5rem; } .disclaimerText-box { border: 0.125rem solid #5265ff; border-radius: 0.5rem; padding: 1rem; } .disclaimerText-box .disclaimerText1 { margin-bottom: 0.5rem; font-weight: 600; color: #fcfcfd; } .disclaimerText-box .disclaimerText2 { margin-bottom: 0.5rem; color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .saved-search-filter-data-grid .saved-search-filter { padding: 1rem 2rem 1rem 2rem; } .saved-search-filter-data-grid .saved-search-filter .search-title { text-align: left; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls { display: flex; justify-content: space-between; flex-wrap: wrap; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .saved-search-filter-fields { padding-top: 1rem; gap: 1rem; flex-wrap: wrap; align-items: flex-end; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .saved-search-filter-fields .saved-search-item-flex { width: 11.5rem; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .saved-search-filter-fields { display: flex; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .saved-search-filter-fields .filter-item { display: flex; align-items: center; gap: 0.625rem; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .filter-action { padding-top: 1rem; margin-left: auto !important; display: flex; gap: 1rem; align-items: center; } .saved-search-filter-data-grid .saved-search-filter .saved-search-filter-panel-controls .filter-action .arr-divider { background-color: #263449; } .saved-search-filter-data-grid .saved-search-grid-action { display: flex; align-items: center; justify-content: space-between; width: 5rem; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-columnHeader { background-color: #121a25 !important; } .saved-search-filter-data-grid .grid-main .saved-search-grid .MuiDataGrid-main { height: auto !important; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-virtualScrollerContent { min-height: 23rem; max-height: 23rem; } .saved-search-filter-data-grid .grid-main .sticky-col { position: sticky !important; z-index: 2; } .saved-search-filter-data-grid .grid-main .left-col-header { left: 0; z-index: 3; } .saved-search-filter-data-grid .grid-main .left-col-cell { left: 0; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .saved-search-filter-data-grid .grid-main .selected-row .MuiDataGrid-cell { background-color: #0c1119 !important; } .saved-search-filter-data-grid .grid-main .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .saved-search-filter-data-grid .grid-main .no-project-data-found .no-project-text { margin-top: 2.1875rem; color: #fcfcfd; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.75rem; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #121a25 !important; border-bottom: none; } .saved-search-filter-data-grid .grid-main .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { display: contents; } .saved-search-filter-data-grid .grid-main.grid-loading .MuiDataGrid-columnHeaders { overflow-x: auto; } .saved-search-filter-data-grid .grid-main.grid-loading .MuiDataGrid-virtualScroller { overflow-x: hidden !important; } .saved-search-filter-data-grid .grid-main.grid-loading .MuiDataGrid-scrollbar--horizontal { display: none !important; } .no-saved-search-text { color: #fcfcfd; } .saved-search-row-menu .MuiMenu-paper { width: 9rem !important; } .saved-search-row-menu > div > ul > div:nth-child(1) { padding-top: 1.125rem; padding-bottom: 1.375rem; border-bottom: 0.062rem solid #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .saved-search-data-grid-move-flyout .arr-drawer__content { background-color: #182231; } .saved-search-data-grid-move-flyout__header { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .saved-search-data-grid-move-flyout__header .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .saved-search-data-grid-move-flyout__header .title-box .title { color: #fcfcfd; } .saved-search-data-grid-move-flyout__header .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .saved-search-data-grid-move-flyout__content { display: flex; flex-direction: column; height: 100%; background-color: #121a25; padding: 1rem 3rem; } .saved-search-data-grid-move-flyout__content .saved-search-data-grid-move-flyout__tree-container { display: flex; flex-direction: column; height: 100%; background-color: #121a25; padding: 1rem 3rem; } .saved-search-data-grid-move-flyout__content .saved-search-data-grid-move-flyout__tree-container .MuiTreeItem-content .location-treeitem-label .location-treeitem p { color: #ccd5e3; } .saved-search-data-grid-move-flyout__content .saved-search-data-grid-move-flyout__tree-container .MuiTreeItem-content.Mui-selected .location-treeitem-label .location-treeitem p { color: #ffffff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .saved-search-tree-modal .modal-content { padding: 1rem 0.125rem; } .saved-search-tree-modal .saved-search-tree-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; margin-left: 0.5rem; } .saved-search-tree-modal .saved-search-tree-selection-container { display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding: 1rem 0; } .saved-search-tree-modal .saved-search-tree-selection-container .saved-search-tree-choose-file { width: 82%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .display1_size.MuiFormControlLabel-label { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .display2_size.MuiFormControlLabel-label { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .display3_size.MuiFormControlLabel-label { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .headline1_size.MuiFormControlLabel-label { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .headline2_size.MuiFormControlLabel-label { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .headline3_size.MuiFormControlLabel-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .subhead1_size.MuiFormControlLabel-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .subhead2_size.MuiFormControlLabel-label { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .subhead3_size.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .subhead4_size.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .subhead5_size.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .body1_size.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .MuiFormControlLabel-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .body3_size.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .body4_size.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .body5_size.MuiFormControlLabel-label { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .label1_size.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .label2_size.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .label3_size.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .label4_size.MuiFormControlLabel-label { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .buttonLarge_size.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .buttonMedium_size.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .buttonSmall_size.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .buttonXS_size.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .profilePictureTextClientMedium_size.MuiFormControlLabel-label { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .profilePictureTextSmall_size.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .saved-search-share-modal .modal-container li .MuiRadioGroup-root .toastMessageText_size.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .saved-search-tree-container .tree-checkbox { display: none; } .saved-search-main { display: flex; flex-direction: column; height: 100%; } .saved-search-main .right-panel { scrollbar-color: unset; } .saved-search-main .saved-search-header { display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; align-items: center; background-color: #182231; padding: 1rem 2rem; } .saved-search-main .saved-search-header .saved-search-title { display: flex; align-items: center; gap: 0.5rem; } .saved-search-main .saved-search-header .saved-search-title .saved-search-title-text { color: #fcfcfd; } .saved-search-main .saved-search-header .saved-search-title .saved-search-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .saved-search-main .saved-search-header .saved-button-container { display: flex; gap: 1rem; } .saved-search-main .saved-search-header .saved-button-container .action-dropdown-button { background-color: #424750; color: #727882; outline: none; } .saved-search-main .saved-search-header .saved-button-container .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .saved-search-main .saved-search-header .saved-button-container .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .saved-search-main .saved-search-header .saved-button-container .action-dropdown-button--selected svg { color: #ffffff !important; } .saved-search-main .saved-search-header .saved-button-container .action-submenu .MuiMenu-paper { margin: 0.125rem 0rem; } .saved-search-main .saved-search-container { display: flex; flex-direction: row; height: 100%; } .saved-search-main .saved-search-container .left-panel, .saved-search-main .saved-search-container .right-panel, .saved-search-main .saved-search-container .divider { padding: 0 !important; } .saved-search-main .saved-search-container .search-treeview-container { display: flex; flex-direction: column; height: 100%; background-color: #182231; } .saved-search-main .saved-search-container .search-treeview-container .treeview-header { display: flex; background-color: #121a25; padding: 0.75rem 1rem 0.75rem 2rem; } .saved-search-main .saved-search-container .search-grid-container { display: flex; flex-direction: column; height: 100%; background-color: #0c1119; } .saved-search-main .saved-search-container .search-grid-container .grid-header { display: flex; padding: 0.75rem 2rem 0.75rem 2rem; } .saved-search-share-modal .modal-container { display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; padding-top: 1rem; } .saved-search-share-modal .modal-container ul { display: flex; flex-direction: column; margin: 0; padding-inline-start: 0; list-style-type: none; gap: 0.25rem; } .saved-search-share-modal .modal-container li { display: flex; gap: 0.25rem; color: #ccd5e3; } .saved-search-share-modal .modal-container li .MuiRadioGroup-root { display: flex; flex-direction: column; } .saved-search-share-modal .modal-container li .MuiRadioGroup-root .MuiFormControlLabel-root { gap: 0.25rem; padding: 0.5rem; } .saved-search-share-modal .modal-container .validate-head { color: #fcfcfd; } .saved-search-share-modal .modal-container .error-text { color: #ccd5e3; } .saved-tree-menu.with-border .MuiMenuItem-root:nth-child(2) { content: ""; display: block; border-bottom: 1px solid #263449; padding-bottom: 22px; margin-bottom: 11px; } .saved-tree-menu .MuiPaper-root { max-width: 9rem !important; } .search-group-move-drawer__header { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .search-group-move-drawer__header .title-box { display: flex; justify-content: flex-start; height: 3.5rem; align-items: end; color: #ccd5e3; } .search-group-move-drawer__header .title-box .title { color: #fcfcfd; } .search-group-move-drawer__header .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .search-group-move-drawer__content { color: #ccd5e3; background-color: #182231; overflow-y: auto; padding-left: 3rem; } .search-group-move-drawer__content .MuiTreeItem-content { border-color: #263449; } .search-group-move-drawer__content .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.6) !important; } .search-group-move-drawer__content .location-treeitem-label .location-treeitem .tree-checkbox .MuiCheckbox-root { border: 0.0625rem solid #0c1119; border-radius: 0.375rem; } .search-group-move-drawer__content .location-treeitem-label .location-treeitem .MuiTypography-root { white-space: nowrap; } .search-group-move-drawer__content .MuiTreeItem-iconContainer.MuiSimpleTreeView-itemIconContainer { width: 1.25rem; } .search-group-move-drawer__content .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .search-group-move-drawer__content .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .search-group-move-drawer__content .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .location-folder-icon { color: #ffffff; } .search-group-move-drawer__content .MuiTreeItem-content.Mui-selected .MuiTreeItem-label .label-container { color: #ffffff; } .export-truelaw-label { display: flex; align-items: center; gap: 0.5rem; } .export-truelaw-label .icon-size { width: 1.25rem; height: 1.25rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .ip-restriction { display: flex; flex-direction: column; height: 100%; } .ip-restriction .error-position { position: relative; top: 1.5rem; } .ip-restriction .info-icon { color: #89a6ff; } .ip-restriction .error { color: #ff7a7a; } .ip-restriction .yourIp { color: #a5b4cb; display: flex; align-items: center; } .ip-restriction .title { padding: 1rem 2rem; display: flex; align-items: center; color: #fcfcfd; font-size: 1.5rem; font-weight: 400; font-family: Reckless; background-color: #182231; } .ip-restriction .data { flex: 1; display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem 2rem; } .ip-restriction .form { display: flex; align-items: flex-end; justify-content: space-between; } .ip-restriction .form .arr-text-field { flex: 1; } .ip-restriction .arr-datagrid { height: auto; } .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #121a25; } .ip-restriction .arr-datagrid .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #121a25; border-bottom-color: #121a25; } .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller { scrollbar-width: none !important; -ms-overflow-style: none; } .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-virtualScroller::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbar, .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical, .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbar--horizontal { display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; visibility: hidden !important; } .ip-restriction .arr-datagrid .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { display: none !important; width: 0 !important; height: 0 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .ingetion-unpublish-document-container { display: flex; flex-direction: column; background-color: #1f2b3d; height: 100%; text-align: left; } .ingetion-unpublish-document-container .unpublish-doc-header { display: flex; flex-direction: column; padding: 1rem 2rem; border-bottom: 0.0625rem solid #263449; background-color: #182231; gap: 0.625rem; } .ingetion-unpublish-document-container .unpublish-doc-header .title-container { display: flex; align-items: center; gap: 0.25rem; } .ingetion-unpublish-document-container .unpublish-doc-header .title-container .title-label { color: #fcfcfd; } .ingetion-unpublish-document-container .unpublish-doc-header .title-container .info-icon { color: #89a6ff; } .ingetion-unpublish-document-container .unpublish-doc-header .description-label { color: #ccd5e3; max-width: 50%; } .ingetion-unpublish-document-container .tree-grid-container { display: flex; flex: 1; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel { height: 100%; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .search-search-header { padding: 0.75rem 1rem 0.75rem 2rem; background-color: #0c1119; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .search-search-header .title-label { color: #fcfcfd; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .footer-button-container { padding: 1rem; display: flex; justify-content: flex-end; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .MuiTreeItem-content[data-focused=true], .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .MuiTreeItem-content:focus, .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .MuiTreeItem-content.Mui-focused { border: 0.125rem solid #fcfcfd; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel { /** Override styles for expandalbe-tree-view */ } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .expandable-tree-view { max-height: 70vh; } .ingetion-unpublish-document-container .tree-grid-container .saved-search-left-panel .expandable-tree-view .tree-content-wrapper { display: flex; flex-direction: column; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper { width: 100%; overflow-x: auto; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .history-title-container { display: flex; align-items: center; gap: 0.25rem; padding: 0.75rem 2rem; background-color: #1f2b3d; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .history-title-container .title-label { color: #fcfcfd; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .history-title-container .info-icon { color: #89a6ff; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container { background-color: #182231; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid-loading { height: 17.75rem; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid-no-row-overlay { height: 17.75rem; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid { height: 79%; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .MuiDataGrid-root { height: 105%; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #121a25; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .MuiDataGrid-root .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .document-count-cell { cursor: pointer; text-decoration: underline; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid { /** Override styles for search name column and cell */ } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .search-name-column { padding-left: 2rem; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .history-grid .search-name-cell { padding-left: 2rem; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .arr-datagrid { /* Sort icon color change in header */ } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .arr-datagrid .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .arr-datagrid { /* hide separator from last header cell */ } .ingetion-unpublish-document-container .tree-grid-container .history-grid-wrapper .unpublis-history-grid-container .arr-datagrid .last-column .MuiDataGrid-columnSeparator { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .comments-list-container { background-color: #182231; min-height: 100%; } .comments-list-container .subheader-container { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; background-color: #182231; padding: 1.125rem 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .comments-list-grid { background-color: #182231; padding: 0rem 2rem; padding-bottom: 1.125rem; height: 79%; } .comments-list-grid .MuiDataGrid-root { height: 105%; } .comments-list-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .comments-list-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { background-color: #121a25 !important; } .comments-list-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .comments-list-grid .MuiDataGrid-root .aur-button--secondary.MuiButton-root { padding: 0.25rem 0.5rem; min-width: 3.4375rem; } .comments-list-grid .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle { line-height: 1.25rem; } .comments-list-grid .no-grid-overlay { justify-content: flex-start !important; padding-top: 5.125rem; } .no-grid-overlay-height { height: 24rem; } .comments-grid-actions { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; height: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-header { display: flex; flex-direction: row; align-items: center; background-color: #182231; padding: 1.125rem 2rem; } .manage-header .manage-title { display: flex; align-items: center; gap: 0.5rem; width: 100%; background-color: #182231; } .manage-header .manage-title .manage-title-text { color: #fcfcfd; } .manage-header .manage-title .user-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .manage-header .manage-security-group-container { display: flex; flex-direction: row; align-items: center; gap: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .new-assignment { display: flex; flex-direction: column; height: 100%; background-color: #1f2b3d; } .new-assignment .title-text { color: #fcfcfd; } .new-assignment .error-text { color: #ff7a7a; } .new-assignment .new-header-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #182231; padding: 1rem 2rem; border-bottom: solid 0.0625rem #263449; } .new-assignment .new-header-box .header-title { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .new-assignment .new-header-box .header-title .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .new-assignment .new-header-box .header-button { display: flex; flex-direction: row; gap: 1rem; } .new-assignment .new-header-box .header-button svg.new-nav-icon path { fill: #89a6ff; } .new-assignment .tab-header { background-color: #121a25; border-top: 0.062rem solid #263449; padding: 0.5rem 1rem 0 2rem; display: flex; justify-content: space-between; align-items: center; } .new-assignment .tab-header .assign-user-tabs .assign-user-tab { color: #727882; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .new-assignment .tab-header .assign-user-tabs .assign-user-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .new-assignment .tab-header .search-box-div { display: flex; width: 18rem; align-items: center; } .new-assignment .tab-header .search-box-div .search-box { width: 100%; } .new-assignment .tab-header .search-box-div .MuiFilledInput-root { background-color: #121a25; } .new-assignment .tab-header .search-box-div .MuiInputBase-input::placeholder { color: #a5b4cb; letter-spacing: 0rem; } .new-assignment .new-body { display: flex; flex-direction: column; gap: 0.25rem; flex: 1; background-color: #1f2b3d; } .new-assignment .new-body .new-body-group { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 2rem; flex: 1; background-color: #121a25; padding: 2rem; } .new-assignment .new-body .new-body-group .new-input { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 1.5rem; } .new-assignment .new-body .new-body-group .new-input .new-input-box { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 0.75rem; } .new-assignment .new-body .new-body-group .new-input .assignment-active-section { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; } .new-assignment .new-body .new-body-group .new-input .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1rem; height: 1rem; } .new-assignment .new-body .new-body-group .new-input .info-icon-sub { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1.125rem; height: 1.125rem; } .new-assignment .new-body .new-body-group .new-input .new-input-label-main { display: flex; flex-direction: row; gap: 0.75rem; align-items: center; } .new-assignment .new-body .new-body-group .new-input .new-input-label { display: flex; flex-direction: row; gap: 0.25rem; align-items: center; } .new-assignment .new-body .new-body-group .new-input .arr-textfield-wrapper.text-box { width: 100%; } .new-assignment .new-body .new-body-group .new-input .coding-form-main { display: flex; flex-direction: column; gap: 0.5rem; align-items: flex-start; } .new-assignment .new-body .new-body-group .new-input .coding-form { display: flex; flex-direction: row; gap: 1.5rem; align-items: baseline; } .new-assignment .new-body .new-body-group .new-input .coding-form .coding-form-button { display: flex; flex-direction: column; align-items: flex-start; } .new-assignment .new-body .new-body-group .new-input .instructions-metadata-main { display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start; } .new-assignment .new-body .new-body-group .new-input .configure-Fields-title { display: flex; align-items: center; } .new-assignment .new-body .new-body-group .new-input .instructions-metadata-row { display: flex; flex-direction: row; gap: 1rem; align-items: center; } .new-assignment .new-body .new-body-group .new-input .coding-form-error { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; margin: 0.5rem 0rem 0rem 0rem; } .new-assignment .new-body .new-body-group .new-input .selected-coding-form { color: #ccd5e3; text-align: left; } .new-assignment .new-body .new-body-group .new-input .classification { display: flex; flex-direction: row; gap: 1.5rem; align-items: center; justify-content: flex-start; width: 75%; } .new-assignment .new-body .new-body-group .new-input .classification .new-dropdown { display: flex; flex-direction: column; gap: 0.75rem; justify-content: flex-start; align-items: flex-start; } .new-assignment .new-body .new-body-group .new-input .classification .first-drop { align-items: flex-start; } .new-assignment .new-body .new-body-group .heading { display: flex; flex-direction: row; gap: 0.5rem; padding-top: 3rem; align-items: center; } .new-assignment .new-body .new-body-group .sub-heading { text-align: left; padding-bottom: 3rem; } .new-assignment .new-body .new-body-group .tabs-section { width: 100%; background-color: #1f2b3d; border-radius: 0.75rem; padding: 0.75rem 0rem 0.75rem 1rem; } .new-assignment .new-body .new-body-group .disbaled { opacity: 0.6; pointer-events: none; cursor: not-allowed; } .new-assignment .new-body .new-body-group .object-tabs { border-bottom: 0.0625rem solid #263449; } .new-assignment .new-body .new-body-group .object-tabs .object-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .new-assignment .new-body .new-body-group .object-tabs .object-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .new-assignment .new-body .new-body-group .doc-presentation { width: 100%; } .new-assignment .new-body .first { flex: 0.5; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-permission-main { display: flex; flex-direction: column; height: 100%; } .manage-permission-main .title-text { color: #fcfcfd; } .manage-permission-main .disabled { color: #727882; } .manage-permission-main .header { display: flex; justify-content: space-between; align-items: end; background-color: #0c1119; padding: 1.5rem 3rem 1rem 3rem; min-height: 3rem; } .manage-permission-main .header .header-title { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .manage-permission-main .header .header-title .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .manage-permission-main .header .header-button { display: flex; flex-direction: row; gap: 1rem; } .manage-permission-main .body { display: flex; flex-direction: column; flex: 1; justify-content: flex-start; background-color: #121a25; padding: 1.5rem 3rem 1rem 3rem; gap: 3rem; } .manage-permission-main .body .groups { display: flex; flex-direction: column; gap: 1rem; } .manage-permission-main .body .action-list { display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; } .manage-permission-main .body .toggle-col { flex: 1; } .manage-permission-main .body .toggle-group { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .select-sort-coding-form-drawer .main-container .header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; flex-direction: row; } .select-sort-coding-form-drawer .main-container .header-box .securityGroup-title { color: #fcfcfd; font-size: 1.5rem; } .select-sort-coding-form-drawer .main-container .header-box .action-buttons-box { display: flex; gap: 1rem; align-items: start; } .select-sort-coding-form-drawer .main-container .content-box { padding: 0; } .select-sort-coding-form-drawer .main-container .content-box .container-list { width: 100% !important; background-color: #121a25; } .select-sort-coding-form-drawer .main-container .content-box .container-list .title-container { padding: 0rem; } .select-sort-coding-form-drawer .main-container .content-box .container-list .list-item .list-item-active { background-color: transparent !important; } .select-sort-coding-form-drawer .main-container .content-box .container-list .list-item .list-item-row .label-icon { width: 90%; } .select-sort-coding-form-drawer .main-container .content-box .tab-header { background-color: #0c1119; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-tabs { padding-left: 3rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-tabs .security-group-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-tabs .security-group-tab:disabled { color: #727882; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-tabs .security-group-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item { padding: 0rem; background-color: #182231; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .box-heading { color: #a5b4cb; padding-left: 1rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .box-sub-heading { color: #fcfcfd; width: 20.9375rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .custom-form-control-label { color: #a5b4cb; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row { height: 2.5rem; padding: 0.5rem 3rem; border-bottom: 0.062rem solid rgba(60, 79, 107, 0.4); } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row .column-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row .column-header .checkbox-with-title { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row .column-header .text-info-icon { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.15rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row .column-header .text-info-icon .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1rem; height: 1rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .list-item .list-item-row .list-item-checkbox svg { height: 1.25rem; width: 1.25rem; border-radius: 0.125rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-all-coding-form { background-color: #121a25; border-top: 0rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-desc { padding: 0rem 3rem; padding-top: 2rem; color: #ccd5e3; background-color: #121a25; margin: 0rem; padding-left: 2.625rem; padding-bottom: 1rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-desc.title-border-bottom { border-bottom: 0.062rem solid rgba(60, 79, 107, 0.4) !important; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .security-group-desc { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .select-sort-coding-form-drawer .main-container .content-box .tab-header .coding-form-order-sub-heading { color: #fcfcfd; padding: 1rem 3rem; } .select-sort-coding-form-drawer .main-container .right-tick-toast { height: 1.5rem; width: 1.5rem; padding: 0.5rem; margin-bottom: 3.25rem; } .select-sort-coding-form-drawer .main-container .right-tick-toast svg { color: #0c1119 !important; } .select-sort-coding-form-drawer .main-container .loading-overlay { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .metadata-container .metadata-action { align-items: end; display: flex; justify-content: space-between; background-color: #0c1119; padding: 1.5rem 3rem 1rem 3rem; } .metadata-container .metadata-action .cancel-button { border-radius: 0.5rem; } .metadata-container .metadata-action .save-button { border-radius: 0.5rem; } .metadata-container .metadata-action .metadata-label { align-items: end; display: flex; width: 41.1875rem; height: 3.5rem; } .metadata-container .metadata-action .metadata-label .info-icon { color: #89a6ff; } .metadata-container .metadata-action .metadata-label .metadata-title { color: #fcfcfd; margin-right: 0.5rem; } .metadata-container .metadata-list-container { background-color: #121a25; display: flex; gap: 1.5rem; padding: 2rem 2.75rem 4.125rem 2.25rem; } .metadata-container .metadata-list-container .transfer-action-container { width: 4rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; } .metadata-container .metadata-list-container .transfer-action-container .tranfer-action-icon-button { width: 3.5rem; height: 2.5rem; border-radius: 0rem; background-color: #182231; } .metadata-container .metadata-list-container .transfer-action-container .tranfer-action-icon-button .arrow-icon { color: #c4d9ff; } .metadata-container .metadata-list-container .container-list { background-color: #121a25; width: 23.5rem; border-right: 0.062rem solid #263449; border-radius: 0rem; height: 48.5rem; } .metadata-container .metadata-list-container .container-list .list-item { height: 45rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .Instructions_flyout .arr-drawer__content { background-color: #121a25; } .Instructions_flyout__header { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .Instructions_flyout__header .title-box { display: flex; align-items: end; justify-content: flex-start; height: 3.5rem; color: #ccd5e3; } .Instructions_flyout__header .title-box .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .Instructions_flyout__header .title-box .title { color: #fcfcfd; } .Instructions_flyout__header .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .Instructions_flyout__inputLabel { background-color: #121a25; padding: 0; flex: 1; display: flex; flex-direction: column; overflow-y: auto; } .Instructions_flyout__content { display: flex; flex-direction: column; width: 37.25rem; max-width: calc(100% - 4.5rem); margin-left: 2.25rem; margin-top: 1.75rem; margin-bottom: 1.75rem; } .Instructions_flyout__content .arr-textarea-wrapper .arr-textarea-input { height: 14rem; min-height: 14rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .sort-by-metadata-container { display: flex; flex-direction: column; padding-top: 1.5rem; color: #fcfcfd; width: 100%; } .sort-by-metadata-container .description { display: flex; align-items: flex-start; } .sort-by-metadata-container .dropdown-container { display: flex; flex-direction: row; padding: 1.5rem 0; gap: 1.5rem; } .sort-by-metadata-container .checkbox-container { display: flex; flex-direction: column; align-items: flex-start; } .sort-by-metadata-container .checkbox-container .checkbox-label { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .draggable-container { display: flex; flex-direction: row; gap: 0.5rem; background-color: transparent; border-bottom: 0.0625rem solid #3c4f6b; align-items: center; padding-bottom: 0.5rem; color: #fcfcfd; } .available-criteria-box { display: flex; justify-content: center; align-items: center; text-align: center; padding: 3.75rem; color: #8c9eba; } .sequence-category-title { text-align: left; padding-left: 0.3125rem; } .category-sequence-container { display: flex; padding: 1rem; gap: 1.5rem; } .available-criteria-container { border: 0.0625rem dashed #8c9eba; border-radius: 0.5rem; display: flex; justify-content: center; min-height: 12.5rem; } .category-sequence-item { padding: 1rem; transition: transform 250ms ease, box-shadow 250ms ease; background-color: transparent; box-shadow: none; border-bottom: none; } .box-container { width: 50%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .add-keywords-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .add-keywords-container .add-keywords-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .add-keywords-container .add-keywords-header-box .title-box { display: flex; align-items: center; justify-content: flex-start; height: 3.5rem; align-items: end; } .add-keywords-container .add-keywords-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .add-keywords-container .add-keywords-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .add-keywords-container .content-box { background-color: #121a25; padding: 2rem 3rem; height: 100vh; } .add-keywords-container .content-box .icon-size { font-size: 1rem; vertical-align: text-top; } .add-keywords-container .content-box .role-def-box { display: flex; flex-direction: column; align-items: start; gap: 1rem; } .add-keywords-container .content-box .role-def-box .aur-button--small.MuiButton-root { padding: 0.25rem 0.5rem; } .add-keywords-container .content-box .role-def-box .content { color: #a5b4cb; display: flex; flex-direction: column; gap: 1rem; } .add-keywords-container .content-box .role-def-box .content .role-name { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; vertical-align: middle; } .add-keywords-container .content-box .role-def-box .content .role-desc { vertical-align: middle; } .add-keywords-container .content-box .check-box-input { display: flex; padding: 0.375rem 1rem 0.375rem 0.5rem; } .add-keywords-container .content-box .check-box-input .label { color: #fcfcfd; } .add-keywords-container .content-box .check-box-input .add-user-checkbox { width: 1.5rem; height: 1.5rem; padding: 0rem; margin-right: 0.75rem; } .add-keywords-container .content-box .check-box-input .add-user-checkbox svg { width: 1.25rem; height: 1.25rem; display: block; margin: auto; } .add-keywords-container .content-box .check-box-input .checkbox-label { display: flex; align-items: center; justify-content: flex-start; } .add-keywords-container .content-box .custom-text { color: #a5b4cb; display: flex; justify-content: center; align-items: center; } .add-keywords-container .content-box .MuiTreeItem-content { display: flex; gap: 0.25rem !important; padding-top: 0.25rem; padding-bottom: 0.25rem; border-radius: 0rem !important; width: 100%; height: 2.25rem; border-bottom: none; } .add-keywords-container .content-box .MuiTreeItem-content:hover { background-color: transparent; } .add-keywords-container .content-box .MuiTreeItem-content .location-folder-icon, .add-keywords-container .content-box .MuiTreeItem-content .location-tree-icon, .add-keywords-container .content-box .MuiTreeItem-content .location-tick-icon, .add-keywords-container .content-box .MuiTreeItem-content .MuiSvgIcon-root { color: #89a6ff; height: 1.25rem !important; width: 1.25rem !important; } .add-keywords-container .content-box .MuiTreeItem-content .MuiTreeItem-iconContainer { width: auto; } .add-keywords-container .content-box .MuiTreeItem-content .info-icon { margin-top: 0.3125rem; width: 0.875rem; height: 0.875rem; cursor: pointer; color: #89a6ff; } .add-keywords-container .content-box .MuiTreeItem-content .label-text-container { display: flex; align-items: center; gap: 0.25rem; } .add-keywords-container .content-box .MuiTreeItem-content.Mui-selected { background-color: transparent !important; } .add-keywords-container .content-box .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer.Mui-selected { background-color: #5265ff !important; } .add-keywords-container .content-box .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: white !important; } .add-keywords-container .content-box .MuiTreeItem-content.Mui-selected.tree-item-added { background-color: #5265ff !important; } .add-keywords-container .content-box .checkbox-container { display: flex; flex-direction: column; align-items: flex-start; } .add-keywords-container .content-box .checkbox-container .checkbox-label { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .add-keywords-container .empty-state { display: flex; align-items: center; justify-content: center; } .add-keywords-container .add-keywords-no-data-found { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; overflow: hidden; background-color: #344660; } .add-keywords-container .add-keywords-no-data-found .no-data-text { margin-top: 1.5rem; color: #fcfcfd; } .add-keywords-container-no-data { flex-direction: column; display: flex; height: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .pool-container { display: flex; align-items: flex-start; width: 100%; } .pool-container .cascade-settings-title { display: flex; align-items: center; margin-bottom: 1rem; } .pool-container .manage-permissions-button { margin-bottom: 1rem; } .pool-container .pool-input-container { display: flex; flex-direction: column; width: 100%; gap: 1.25rem; } .pool-container .pool-input-container .pool-input-sub-container { display: flex; flex-direction: column; margin-left: 1.25rem; gap: 1rem; } .pool-container .pool-grid { display: flex; flex-direction: column; gap: 0.25rem; } .pool-container .input-field-container { display: flex; align-items: center; } .pool-container .info-icon { color: #5265ff; } .pool-container .arr-numeric-input-wrapper { position: relative; margin-top: 0.25rem; } .pool-container .arr-numeric-input-wrapper .arr-textfield-wrapper .arr-textfield { width: auto; } .pool-container .arr-numeric-input-wrapper .arr-numeric-input { width: 3rem; } .pool-container .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-inner-spin-button, .pool-container .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0rem; } .pool-container .arr-numeric-input-wrapper .arr-numeric-input input { appearance: textfield; -moz-appearance: textfield; font: inherit; border: none; text-align: left; width: auto; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .distribute-assignment-container { display: flex; flex-direction: column; gap: 1rem; padding-bottom: 1rem; flex: 1; background-color: #121a25; } .distribute-assignment-container .distribute-button { display: flex; justify-content: flex-end; text-align: end; margin-right: 2rem; background-color: #121a25; } .distribute-assignment-container .new-body-group { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 2rem; flex: 1; padding: 2rem; } .distribute-assignment-container .new-body-group .new-input { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 1.5rem; } .distribute-assignment-container .new-body-group .new-input .input-field-container { display: flex; width: 80%; align-items: center; } .distribute-assignment-container .new-body-group .new-input .input-field-container .title-box { flex: 2; display: flex; justify-content: flex-start; text-align: left; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container { flex: 1; display: flex; justify-content: flex-start; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper { position: relative; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .arr-textfield-wrapper .arr-textfield { width: auto; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .arr-numeric-input input { width: 100%; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-inner-spin-button, .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .arr-numeric-input input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0rem; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .arr-numeric-input input { appearance: textfield; -moz-appearance: textfield; font: inherit; border: none; text-align: left; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .MuiInputAdornment-root { color: currentColor; } .distribute-assignment-container .new-body-group .new-input .input-field-container .input-field-value-container .arr-numeric-input-wrapper .MuiInputAdornment-root .MuiTypography-root { color: currentColor; } .distribute-assignment-container .new-body-group .new-input .new-input-box { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 0.75rem; } .distribute-assignment-container .new-body-group .new-input .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1rem; height: 1rem; } .distribute-assignment-container .new-body-group .new-input .info-icon-sub { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1.125rem; height: 1.125rem; } .distribute-assignment-container .new-body-group .new-input .new-input-label { display: flex; flex-direction: row; gap: 0.25rem; align-items: center; } .distribute-assignment-container .new-body-group .new-input .arr-textfield-wrapper.text-box { width: 100%; } .distribute-assignment-container .new-body-group .new-input .coding-form { display: flex; flex-direction: row; gap: 1.5rem; align-items: center; } .distribute-assignment-container .new-body-group .new-input .instructions-metadata-row { display: flex; flex-direction: row; gap: 1rem; align-items: center; } .distribute-assignment-container .new-body-group .new-input .selected-coding-form { color: #ccd5e3; text-align: left; } .distribute-assignment-container .new-body-group .new-input .classification { display: flex; flex-direction: row; gap: 1.5rem; align-items: center; justify-content: flex-start; width: 75%; } .distribute-assignment-container .new-body-group .new-input .classification .new-dropdown { display: flex; flex-direction: column; gap: 0.75rem; justify-content: flex-start; align-items: center; } .distribute-assignment-container .new-body-group .new-input .classification .first-drop { align-items: flex-start; } .distribute-assignment-container .new-body-group .heading { display: flex; flex-direction: row; gap: 0.5rem; padding-top: 3rem; align-items: center; } .distribute-assignment-container .new-body-group .sub-heading { text-align: left; padding-bottom: 3rem; } .distribute-assignment-container .new-body-group .tabs-section { width: 100%; background-color: #1f2b3d; border-radius: 0.75rem; padding: 0.75rem 0rem 0.75rem 1rem; } .distribute-assignment-container .new-body-group .object-tabs { border-bottom: 0.0625rem solid #263449; } .distribute-assignment-container .new-body-group .object-tabs .object-tab { color: #ccd5e3; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .distribute-assignment-container .new-body-group .object-tabs .object-tab.Mui-selected { color: #fcfcfd; border-bottom: 0.25rem solid #5265ff; } .distribute-assignment-container .new-body-group .doc-presentation { width: 100%; } .distribute-assignment-container .new-body-group .doc-sequence-tooltip { cursor: pointer; } .distribute-assignment-container .first { flex: 0.5; } .checkbox-container { display: flex; flex-direction: column; align-items: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-reviewers-container .assignment-grid-action { align-items: center; padding-top: 0.5rem; padding-left: 0.5rem; } .manage-reviewers-container .manage-reviewers-filter { display: flex; padding: 1.2rem 3rem; justify-content: space-between; background-color: #0c1119; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button { background-color: #424750; color: #727882; outline: none; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button--selected svg { color: #ffffff !important; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button:disabled { background-color: #424750; color: #89a6ff; opacity: 0.6; cursor: not-allowed; } .manage-reviewers-container .manage-reviewers-filter .action-dropdown-button:disabled .MuiButton-icon svg { color: #89a6ff; } .manage-reviewers-container .add-reviewer-btn { margin-left: 1.2rem; } .add-reviewers-body .add-reviewers-header { display: flex; width: 90%; background-color: #0c1119; padding: 3rem 4rem 1rem 3rem; justify-content: space-between; } .add-reviewers-body .add-reviewers-header .heading-text-container { display: flex; flex-direction: row; align-items: center; } .add-reviewers-body .add-reviewers-header .heading-text-container .add-reviewers-text { color: #fcfcfd; margin-right: 0.3rem; } .add-reviewers-body .add-reviewers-header .heading-text-container .info-icon { color: #fcfcfd; } .add-reviewers-body .add-reviewers-header .button-text-container { display: flex; width: 19%; justify-content: space-between; } .add-reviewers-body .checkbox-container { display: flex; flex-direction: row; align-items: center; padding: 0.3rem 1.2rem; } .add-reviewers-body .checkbox-container .checkbox-text { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-assignments-main { display: flex; flex-direction: column; height: 100%; } .manage-assignments-main .manage-assignments-header { display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; align-items: center; background-color: #182231; padding: 1rem 2rem; } .manage-assignments-main .manage-assignments-header .manage-assignments-title { display: flex; align-items: center; gap: 0.5rem; } .manage-assignments-main .manage-assignments-header .manage-assignments-title .assignment-title-text { color: #fcfcfd; } .manage-assignments-main .manage-assignments-header .manage-assignments-title .saved-search-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .manage-assignments-main .manage-assignments-header .saved-button-container { display: flex; gap: 1rem; } .manage-assignments-main .manage-assignments-header .saved-button-container .action-dropdown-button { background-color: #424750; color: #727882; outline: none; } .manage-assignments-main .manage-assignments-header .saved-button-container .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .manage-assignments-main .manage-assignments-header .saved-button-container .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .manage-assignments-main .manage-assignments-header .saved-button-container .action-dropdown-button--selected svg { color: #ffffff !important; } .manage-assignments-main .manage-assignments-header .saved-button-container .action-submenu .MuiMenu-paper { margin: 0.125rem 0rem; } .manage-assignments-main .manage-assignment-container { display: flex; flex-direction: row; height: 100%; } .manage-assignments-main .manage-assignment-container .right-panel { scrollbar-color: unset !important; } .manage-assignments-main .manage-assignment-container .left-panel, .manage-assignments-main .manage-assignment-container .right-panel, .manage-assignments-main .manage-assignment-container .divider { padding: 0 !important; } .manage-assignments-main .manage-assignment-container .loading-container-assignment { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; margin-top: 2rem; } .manage-assignments-main .manage-assignment-container .assignment-treeview-container { display: flex; flex-direction: column; height: 100%; background-color: #182231; } .manage-assignments-main .manage-assignment-container .assignment-treeview-container .treeview-header { display: flex; flex-direction: column; align-items: flex-start; background-color: #121a25; padding: 0.75rem 1rem 0.75rem 2rem; } .manage-assignments-main .manage-assignment-container .assignment-treeview-container .treeview-sub { display: flex; flex-direction: row; align-items: center; gap: 8px; } .manage-assignments-main .manage-assignment-container .assignment-grid-container { display: flex; flex-direction: column; height: 100%; background-color: #0c1119; } .manage-assignments-main .manage-assignment-container .assignment-grid-container .grid-header { display: flex; padding: 0.75rem 2rem 0.75rem 2rem; } .manage-assignment-link { color: #89a6ff; cursor: pointer; text-decoration: underline; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .assignment-filter-data-grid .assignment-filter { display: flex; justify-content: space-between; padding: 1rem 2rem; } .assignment-filter-data-grid .grid-main .MuiDataGrid-columnHeader { background-color: #121a25 !important; } .assignment-filter-data-grid .grid-main .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #121a25 !important; border-bottom: none; } .assignment-filter-data-grid .grid-main .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { display: contents; } .assignment-filter-data-grid .grid-main .assignment-grid { min-height: 29.75rem !important; height: 29.75rem !important; } .assignment-filter-data-grid .grid-main .assignment-grid .MuiDataGrid-main { height: auto !important; } .assignment-filter-data-grid .grid-main .MuiDataGrid-virtualScrollerContent { flex-basis: 0rem !important; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .assignment-filter-data-grid .grid-main .selected-row .MuiDataGrid-cell { background-color: #0c1119 !important; } .assignment-filter-data-grid .grid-main .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; padding-top: 4rem; height: 100%; } .assignment-filter-data-grid .grid-main .no-project-data-found .no-assignment-text { margin-top: 1.5rem; color: #fcfcfd; } .assignment-filter-data-grid .grid-main .sticky-col { position: sticky !important; z-index: 2; } .assignment-filter-data-grid .grid-main .left-col-header { left: 0; z-index: 3; } .assignment-filter-data-grid .grid-main .left-col-cell { left: 0; } .assignment-filter-data-grid .grid-main .MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX:not([style*="overflow-x: hidden"]) { margin-bottom: 0.75rem; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal { width: 100%; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar { width: 0.625rem; height: 0.75rem; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-track { background-color: #182231; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .assignment-filter-data-grid .grid-main .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--vertical + * { display: none; } .assignment-filter-data-grid .grid-main.grid-loading .MuiDataGrid-columnHeaders { overflow-x: auto; } .assignment-filter-data-grid .grid-main.grid-loading .MuiDataGrid-virtualScroller { overflow-x: hidden !important; } .assignment-filter-data-grid .grid-main.grid-loading .MuiDataGrid-scrollbar--horizontal { display: none !important; } .assignment-filter-data-grid .assignment-grid-action { align-items: center; padding-top: 0.5rem; padding-left: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .annotation-view { padding: 1.125rem 2rem; } .annotation-view .arr-datagrid.annotation-grid { padding-bottom: 1.125rem; } .annotation-view .arr-datagrid.annotation-grid.fullHeight { height: 70vh; } .annotation-view .arr-datagrid.annotation-grid .MuiDataGrid-overlayWrapper { height: 100%; } .annotation-view .manage-header { padding: 0rem; background: none; } .annotation-view .manage-header .manage-title { background: none; } .annotation-view .MuiDataGrid-columnHeaders { height: 4rem; min-height: 4rem; } .annotation-view .MuiDataGrid-virtualScrollerRenderZone { position: relative; } .annotation-view .MuiDataGrid-virtualScrollerContent { min-width: "100% !important"; height: auto; flex-basis: auto !important; } .annotation-view .MuiDataGrid-overlayWrapper { height: 22.5625rem; } .annotation-view .MuiDataGrid-overlayWrapperInner { height: 100% !important; } .annotation-view .MuiDataGrid-scrollbar { display: none; } .annotation-view .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: start; height: 100%; padding-top: 3.75rem; } .annotation-view .no-project-data-found .no-list-text { margin-top: 1.5rem; color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .upsert-annotation-dialog .upsert-annotation-dialog-container { flex-direction: column; flex-grow: 1; display: flex; flex-wrap: wrap; gap: 1rem; } .upsert-annotation-dialog .upsert-annotation-dialog-container .upsert-annotation-container .annotation-name-input { margin-bottom: 1rem; } .upsert-annotation-dialog .upsert-annotation-dialog-container .upsert-annotation-container .annotation-desc-input { flex: 1; } .text-area-class { display: flex !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .keywordHighlight-view { height: 100%; padding: 0 2rem; } .keywordHighlight-view .arr-datagrid.keywordHighlightList-grid { padding-bottom: 2rem; } .keywordHighlight-view .arr-datagrid.keywordHighlightList-grid.fullHeight { height: 70vh; } .keywordHighlight-view .arr-datagrid.keywordHighlightList-grid .MuiDataGrid-overlayWrapper { height: 100%; } .keywordHighlight-view .no-project-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: start; height: 100%; padding-top: 3.75rem; } .keywordHighlight-view .no-project-data-found .no-list-text { margin-top: 1.5rem; color: #fcfcfd; } .keywordHighlight-view .manage-header { padding: 0rem; padding-top: 1.125rem; background: none; } .keywordHighlight-view .manage-header .manage-title { background: none; } .keywordHighlight-view .MuiDataGrid-columnHeaders { height: 4rem; min-height: 4rem; } .keywordHighlight-view .MuiDataGrid-virtualScrollerRenderZone { position: relative; } .keywordHighlight-view .MuiDataGrid-virtualScrollerContent { min-width: "100% !important"; height: auto; flex-basis: auto !important; } .keywordHighlight-view .MuiDataGrid-scrollbar { display: none; } .keyword-grid-color-cell { display: flex; align-items: center; gap: 0.5rem; } .keyword-grid-color-cell .color-dot { width: 0.8125rem; height: 0.8125rem; margin-right: 0.6875rem; border-radius: 50%; } .grid-actions { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; height: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-modal.keyword-highlight-modal .modal-paper { width: 34rem; max-width: 34rem; max-height: 37rem; padding: 2rem !important; } .arr-modal.keyword-highlight-modal .modal-content { padding: 0rem !important; } .arr-modal.keyword-highlight-modal .modal-content .modal-title-row { padding-bottom: 1rem; } .arr-modal.keyword-highlight-modal .modal-content .modal-title-row .user-info-icon { padding-left: 0.375rem; color: #89a6ff; cursor: pointer; vertical-align: middle; } .arr-modal.keyword-highlight-modal .modal-actions .button-row button { height: 3rem; } .keyword-highlight-input-content .project-field-divider { height: 1rem; } .keyword-highlight-input-content .arr-dropdown-container { margin-bottom: 1rem; } .keyword-highlight-input-content .arr-dropdown-container .MuiFilledInput-root { background-color: unset; } .keyword-highlight-input-content .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .keyword-highlight-input-content .arr-textfield-wrapper { margin-bottom: 1rem; } .keyword-add-edit-confirm-modal .modal-actions button { height: 3rem; } .keyword-confirm-modal-content { color: #ccd5e3; } .color-dot { width: 1rem; height: 1rem; border-radius: 50%; display: flex; margin-right: 0.75rem; } .keyword-modal-select .arr-dropdown-option { font-size: 0.875rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .save-report-panel { display: flex; flex-direction: column; background-color: #0c1119; color: #fcfcfd; width: 100%; } .save-report-panel .MuiTypography-root { font-family: Inter !important; font-weight: 400; } .save-report-panel .custom-header { display: flex; justify-content: space-between; align-items: flex-end; padding: 1.5rem 3rem 1rem; } .save-report-panel .custom-header .header-title { font-family: Reckless !important; font-weight: 400; font-size: 1.5rem; line-height: 1.75rem; letter-spacing: 0rem; vertical-align: middle; color: #fcfcfd; } .save-report-panel .custom-header .header-actions { display: flex; gap: 0.75rem; height: 3.5625rem; align-items: flex-end; } .save-report-panel .custom-header .header-actions .save-btn:not(.Mui-disabled) { background-color: #5265ff; color: #fcfcfd; } .save-report-panel .form-section { padding: 1rem 3rem 0rem; } .save-report-panel .form-section.report-type { padding-bottom: 1.5rem; } .save-report-panel .form-section .dark-input { margin-top: 0.5rem; margin-bottom: 0.5rem; } .save-report-panel .form-label { background-color: #121a25; padding: 0.75rem 3rem; font-family: Inter !important; font-size: 1rem; font-weight: 600 !important; line-height: 1.5rem; color: #fcfcfd; margin-top: 1.5rem; } .save-report-panel .arr-radio .custom-radio { display: flex; align-items: center; padding-right: 1rem; box-sizing: border-box; gap: 1rem; } .save-report-panel .MuiFormControlLabel-root { margin-left: -0.5rem; } .save-report-panel .MuiInputBase-input-MuiFilledInput-input { color: #fcfcfd; } .save-report-panel .location-treeitem-label { font-family: Inter !important; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; } .save-report-panel .location-treeitem-label .location-treeitem .label-disable { color: #ffffff; cursor: default; } .save-report-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; border: 0.062rem solid #263449; } .save-report-panel .arr-textfield-wrapper { padding: 1.5rem 3rem 0.5rem; } .save-report-panel .report-tree-view { padding: 0.5rem 3rem; background-color: #182231; } .save-report-panel .over-write-reports { padding-bottom: 0rem; } .save-report-panel .radio-icon { width: 1.125rem; height: 1.125rem; } .save-report-panel .radio-icon.radio-icon-checked::after { width: 0.5rem; height: 0.5rem; } .save-report-panel .MuiTreeItem-content:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .arr-drawer__content { background-color: #182231; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .review-results-container { display: flex; flex-direction: column; flex: 1; background-color: #1f2b3d; height: 100vh; box-sizing: border-box; } .review-results-container .review-results-header { display: flex; align-items: center; padding: 1.125rem 2rem; gap: 0.5rem; background-color: #182231; border-bottom: 0.0625rem solid #263449; justify-content: space-between; } .review-results-container .review-results-header .heading-title { display: flex; flex-direction: row; align-items: center; gap: 0.25rem; } .review-results-container .review-results-header .review-results-title { color: #fcfcfd; } .review-results-container .review-results-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; margin-left: 0.25rem; height: 1.25rem; width: 1.25rem; } .review-results-container .review-results-header .right-dropdown-option-container { display: flex; gap: 0.25rem; align-items: center; } .review-results-container .review-results-header .right-dropdown-option-container .caption-label { font-weight: 500; color: #fcfcfd; } .review-results-container .review-results-header .right-dropdown-option-container .arr-action-btn:focus { outline: 0.125rem solid #fcfcfd !important; } .review-results-container .review-results-header .right-dropdown-option-container .arr-action-btn svg { width: 1.8125rem; height: 1.8125rem; } .review-results-container .review-results-header .right-dropdown-option-container .arr-action-btn-open { background-color: transparent !important; color: #c4d9ff !important; } .review-results-container .review-results-header .right-dropdown-option-container .arr-action-btn-open svg { width: 1.8125rem; height: 1.8125rem; } .review-results-container .selection-criteria-box { overflow: auto; background-color: #182231; } .review-results-container .selection-criteria-box .selection-criteria-header { display: flex; align-items: center; padding: 0.75rem 2rem; gap: 0.5rem; background-color: #0c1119; height: 3rem; box-sizing: border-box; } .review-results-container .selection-criteria-box .selection-criteria-header .selection-criteria-title { color: #fcfcfd; } .review-results-container .selection-criteria-box .selection-criteria-header .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; height: 1.25rem; width: 1.25rem; } .review-results-container .selection-criteria-box .selection-criteria-content { padding: 1rem 1.5rem 1rem 2rem; background-color: #182231; margin-bottom: 0.5rem; } .review-results-container .selection-criteria-box .selection-criteria-content .button-box { display: flex; gap: 0.5rem; } .review-results-container .selection-criteria-box .selection-criteria-content .button-box .selection-criteria-reset-button { width: 77px; } .review-results-container .selection-criteria-box .selection-criteria-content .button-box .selection-criteria-apply-button { flex: 1; } .review-results-container .selection-criteria-box .selection-criteria-content .radio-box { text-align: left; padding-top: 1.5rem; padding-right: 1rem; padding-left: 0.5rem; padding-bottom: 0.5rem; } .review-results-container .selection-criteria-box .source-box { width: 16.5rem !important; min-height: 5.75rem !important; padding: 1rem 0rem 0rem 0rem !important; gap: 0.5rem !important; } .review-results-container .selection-criteria-box .source-box .source-box-heading { height: 1.25rem !important; } .review-results-container .selection-criteria-box .source-box .source-box-heading .source-box-heading-text { text-align: left !important; font-family: Inter !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.25rem; letter-spacing: 0rem !important; color: #fcfcfd !important; } .review-results-container .selection-criteria-box .source-box .source-box-heading .source-box-heading-text .asterix { color: #e2294a !important; } .review-results-container .selection-criteria-box .source-box .source-box-dropdown { text-align: left !important; padding: 0.625rem 0rem 0.625rem 0rem; } .review-results-container .standard-filter-section .arr-accordion-details { background-color: #182231; } .review-results-container .standard-filter-section .arr-accordion-details .arr-accordion-container { background-color: transparent; } .review-results-container .standard-filter-section .arr-accordion-details .date-label { margin-top: 0.625rem; min-width: 3.125rem; text-align: left; } .review-results-container .standard-filter-section .arr-accordion-details .arr-accordion-date-container { display: grid; gap: 0.5rem; } .review-results-container .standard-filter-section .arr-accordion-details .arr-accordion-date-container .arr-date-picker-container { display: flex; flex: 1; } .review-results-container .standard-filter-section .arr-accordion-details .arr-accordion-date-container .MuiFormHelperText-root { color: #fcfcfd; margin-top: 0rem; text-align: left; width: auto; white-space: normal !important; word-wrap: break-word; overflow-wrap: break-word; } .review-results-container .arr-split-panel .left-panel { padding: 0rem; background-color: #263449; min-width: 20rem !important; } .review-results-container .arr-split-panel .left-panel .MuiSimpleTreeView-root { background-color: #182231; min-width: 20rem !important; } .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content:hover { background-color: rgba(84, 106, 140, 0.2) !important; } .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(25, 118, 210, 0.08) !important; } .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .review-results-container .arr-split-panel .left-panel .MuiCheckbox-root.Mui-checked { border-radius: 0.125rem; } .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content[data-focused=true], .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content:focus, .review-results-container .arr-split-panel .left-panel .MuiTreeItem-content.Mui-focused { border: 0.125rem solid #fcfcfd; } .review-results-container .arr-split-panel .left-panel .arr-checkbox-label .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0.016rem; } .review-results-container .arr-split-panel .right-panel { padding: 0rem; } .review-results-container .right-panel-box { height: 100%; } .review-results-container .right-panel-box .zero-state { justify-content: flex-end; } .review-results-container .right-panel-box .content-state { justify-content: space-between; } .review-results-container .right-panel-box .right-panel-top-section { padding: 0rem 2rem; box-sizing: border-box; height: 4.375rem; background-color: #1f2b3d; display: flex; align-items: center; } .review-results-container .right-panel-box .right-panel-top-section .header-title-section { text-align: justify; } .review-results-container .right-panel-box .right-panel-top-section .header-title-section .heading-text { color: #fcfcfd; } .review-results-container .right-panel-box .right-panel-top-section .header-title-section .time-text { color: #a5b4cb; } .review-results-container .right-panel-box .right-panel-top-section .header-button-section { gap: 0.5rem; display: flex; } .review-results-container .right-panel-box .right-panel-top-section .header-button-section .header-icon { height: 1.125rem; width: 1.125rem; } .review-results-container .right-panel-box .right-panel-top-section .header-button-section .inactive-icon { color: #898e97; height: 1.125rem; width: 1.125rem; } .review-results-container .right-panel-box .right-panel-top-section .header-button-section .icon-button.MuiIconButton-root.Mui-disabled { opacity: 1; } .review-results-container .right-panel-box .no-result-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80%; } .review-results-container .right-panel-box .no-result-data-found .no-result-text { margin-top: 1.5rem; color: #fcfcfd; white-space: normal; } .review-results-container .filter-date-field { background-color: transparent !important; } .review-results-container .filter-date-field .MuiInputBase-root { border: 0.062rem solid #3c4f6b !important; border-radius: 0.5rem; height: 2.5rem; padding-top: 0rem; background-color: #121a25; } .review-results-container .filter-date-field .MuiInputBase-root input::placeholder { color: #a5b4cb; opacity: 1; font-size: 0.875rem; } .review-results-container .export-format-wrapper { width: 100%; height: 2.5rem; display: flex; flex-direction: row; } .review-results-container .label-container { min-width: 5rem; width: 30%; height: 100%; display: flex; justify-content: flex-start; align-items: center; color: #fcfcfd; } .review-results-container .dropdown-container { width: 66.67%; height: 100%; } .review-results-container .exportFormatContainer { display: flex; flex-direction: column; gap: 0.5rem; margin: 1rem 1rem 1rem 2rem; } .review-results-container .inputContainer { display: grid; gap: 0.5rem; } .review-results-container .MuiAccordionDetails-root { padding: 0.5rem 1rem 0.5rem !important; } .review-results-container .MuiAccordionSummary-root { min-height: 3rem !important; } .standard-report-info-dialog b { color: #fcfcfd; } .standard-report-right-action-menu .arr-menu__item [data-test-id=arr-menu-item-selected-icon] { visibility: hidden; } .standard-report-right-action-menu .arr-menu__item-content { color: #fcfcfd; } .standard-filter-section { margin-bottom: 0.5rem; border-top: 0.0625rem solid #3c4f6b; } .asterix { color: #e2294a !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .results-box { width: 16.5rem !important; margin-top: 0.5rem !important; gap: 0.5rem !important; } .results-box .result-count { font-family: Inter !important; font-weight: 400 !important; font-size: 0.75rem !important; line-height: 1.125rem !important; letter-spacing: 0rem !important; color: #ccd5e3 !important; } .results-box .arr-chips-container { margin-top: 0.5rem !important; gap: 0.25rem !important; } .results-box .button-container { display: flex; align-items: center; gap: 1rem !important; padding-top: 1rem !important; } .results-box .button-base, .results-box .select-btn, .results-box .cancel-btn { width: 5.5rem !important; height: 2.5rem !important; border-radius: 0.5rem !important; border-width: 0.062rem !important; padding: 0.5rem 1rem !important; gap: 0.5rem !important; } .results-box .button-text-base, .results-box .select-button-text, .results-box .cancel-button-text { font-family: Inter !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.25rem !important; letter-spacing: 0.016rem !important; vertical-align: middle !important; text-transform: capitalize !important; } .results-box .cancel-btn { background-color: rgba(84, 106, 140, 0.2) !important; } .results-box .cancel-button-text { color: #89a6ff !important; } .results-box .select-btn { background-color: #5265ff !important; } .results-box .select-btn.inactive { background-color: rgba(66, 71, 80, 0.2) !important; } .results-box .select-button-text { color: #ffffff !important; } .results-box .select-button-text.inactive { color: #727882 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .search-term-report-total-count { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 1.5rem 2rem; gap: 2rem; background-color: #1f2b3d; margin-top: -1rem; } .search-term-report-total-count .tiles-section { order: 1; } .search-term-report-total-count .forward-icon { order: 2; } .search-term-report-total-count .summary-section { order: 3; } .search-term-report-total-count .tiles-section { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1 1 0; min-width: 12rem; max-width: 41.125rem; } .search-term-report-total-count .arr-tile-selection { width: 13.5rem; height: 2.5rem; border-radius: 0.5rem; background: #121a25; opacity: 1; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0.75rem; gap: 0.5rem; } .search-term-report-total-count .arr-tile-selection .MuiSvgIcon-root { width: 1.25rem !important; height: 1.25rem !important; border: 0.062rem solid #0c1119 !important; } .search-term-report-total-count .arr-tile-selection .label { font-size: 0.75rem; font-weight: 600; color: #fcfcfd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .search-term-report-total-count .arr-tile-selection .count { font-size: 0.75rem; font-weight: 600; color: #fcfcfd; opacity: 1; } .search-term-report-total-count .arr-tile-selection:hover { background: #121a25; border-color: #6e87ff; } .search-term-report-total-count .arr-tile-selection.selected { border-color: #6e87ff; background: #121a25; } .search-term-report-total-count .arr-tile-selection.disabled { cursor: default !important; border: 0.062rem solid #424750; background-color: #263449; } .search-term-report-total-count .forward-icon { display: flex; align-items: center; justify-content: center; margin-left: 1.5rem; margin-right: 1.5rem; flex: 0 0 auto; } .search-term-report-total-count .forward-icon svg { width: 0.8125rem; height: 5.25rem; } .search-term-report-total-count .summary-section { flex: 0 1 auto; width: 18.6875rem; max-width: 100%; box-sizing: border-box; height: 5.25rem; border-radius: 0.5rem; padding: 0.75rem 1rem; background: #121a25; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; } .search-term-report-total-count .summary-section .total-selected { display: flex; flex-direction: column; justify-content: center; min-width: 0rem; } .search-term-report-total-count .summary-section .total-selected .label { font-family: Inter; color: #a5b4cb; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; letter-spacing: 0.016rem; } .search-term-report-total-count .summary-section .total-selected .value { font-family: Inter; color: #fcfcfd; font-size: 1.5rem; line-height: 1.75rem; font-weight: 600; letter-spacing: 0rem; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .table-header { display: flex; align-items: center; justify-content: space-between; padding: 0rem 2rem; background-color: #1f2b3d; height: 4.375rem; box-sizing: border-box; } .table-header .table-header-section { text-align: start; } .table-header .table-header-section .action-dropdown-button { background-color: #424750; color: #727882; outline: none; } .table-header .table-header-section .action-dropdown-button .MuiButton-icon svg { width: 1rem !important; height: 1rem !important; color: #727882; } .table-header .table-header-section .action-dropdown-button--selected { background-color: #5265ff !important; color: #ffffff; } .table-header .table-header-section .action-dropdown-button--selected svg { color: #ffffff !important; } .table-header .table-header-section .action-buttons-right { display: flex; align-items: center; gap: 0.5rem; } .table-header .table-header-section .action-buttons-right .action-buttons { display: flex; gap: 0.125rem; } .table-header-actions .action-buttons-right { gap: 0.5rem; display: flex; } .table-header-actions .action-buttons-right .inactive-icon { color: #898e97; } .table-header-actions .action-buttons-right .icon-button.MuiIconButton-root.Mui-disabled { opacity: 1; } .table-header-actions .icon-button.MuiIconButton-sizeLarge svg { width: auto; height: auto; } .action-submenu .MuiMenu-paper { margin: 0.125rem 0rem; } .doc-column-menu .MuiMenuItem-root.MuiMenuItem-dense { width: 100%; } .doc-column-menu .MuiMenu-paper { width: auto !important; max-width: 50.5rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .report-data-grid .row-family .MuiDataGrid-cell { background-color: #121a25 !important; border-bottom: unset !important; } .report-data-grid .MuiDataGrid-filler { background-color: #121a25 !important; border-color: #121a25 !important; } .report-data-grid .MuiDataGrid-scrollbarFiller { background-color: #121a25 !important; border-color: #121a25 !important; } .report-data-grid { height: 100%; overflow: hidden; } .report-data-grid .MuiDataGrid-root { height: 100%; } .report-data-grid .MuiDataGrid-virtualScroller { overflow-y: auto; } .report-data-grid .MuiDataGrid-columnHeaders { position: sticky; top: 0; z-index: 2; background-color: inherit; } .report-data-grid .MuiDataGrid-scrollbar--vertical { display: none; } .cell-content { height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .standard-report-template-right-panel { height: 100%; } .standard-report-template-right-panel .no-result-data-found { background-color: #344660; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80%; } .standard-report-template-right-panel .no-result-data-found .no-result-text { margin-top: 1.5rem; color: #fcfcfd; white-space: normal; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .export-data-main { display: flex; font-family: Inter; } .export-data-main .container-list { width: 100%; box-sizing: border-box; border-radius: 0rem; background-color: #182231; padding-left: 1rem; padding-right: 0.75rem; height: 50.6875rem; padding-bottom: 1rem; } .export-data-main .container-list .title-container { padding: 0rem; } .export-data-main .container-list .list-item { overflow-y: hidden; height: auto; } .export-data-main .container-list .list-item .list-item-active.row-disabled { background-color: rgba(82, 101, 255, 0.4); } .export-data-main .container-list .list-item .list-item-row { border-color: #263449; padding-left: 0rem; } .export-data-main .info-icon-label { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1rem; height: 1rem; padding-bottom: 0.0625rem; } .export-data-main .available-objects { padding: 0rem; background-color: #182231; display: flex; flex-direction: column; height: calc(100vh - 5rem); border-right: 0.062rem solid #3c4f6b; scrollbar-color: initial; overscroll-behavior: contain; } .export-data-main .available-objects::-webkit-scrollbar { width: 0.75rem; } .export-data-main .available-objects::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .export-data-main .available-objects::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .export-data-main .available-objects::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .export-data-main .available-objects .top-part { display: flex; justify-content: space-between; align-items: center; } .export-data-main .available-objects > div:first-child { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0.75rem 1rem 0.75rem 1.5rem; background-color: #0c1119; } .export-data-main .available-objects > div:first-child .MuiTypography-root { color: #fcfcfd; font-size: 1.125rem; font-weight: 600; font-family: Inter; line-height: 1.5rem; margin: 0rem; } .export-data-main .available-objects .tab-headings { border-bottom: 0.062rem solid #263449; box-sizing: border-box; background-color: #182231; display: flex; justify-content: space-between; align-items: center; padding-top: 0.125rem; } .export-data-main .available-objects .tab-headings .object-tabs .object-tab { color: #ccd5e3; text-transform: none; width: 11.5625rem; border-bottom: 0.25rem solid transparent; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .export-data-main .available-objects .tab-headings .object-tabs .object-tab.Mui-selected { color: #fcfcfd; border-color: #5265ff; } .export-data-main .available-objects .available-objects-content { overflow-y: auto; flex: 1; overscroll-behavior: contain; } .export-data-main .available-objects .available-objects-content::-webkit-scrollbar { width: 0.75rem; } .export-data-main .available-objects .available-objects-content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .export-data-main .available-objects .available-objects-content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .export-data-main .available-objects .available-objects-content::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .export-data-main .available-objects.metadata-mode { padding-top: 0.5rem; padding-bottom: 0.5rem; } .export-data-main .available-objects.metadata-mode ul.MuiList-root, .export-data-main .available-objects.metadata-mode .arr-transfer-list, .export-data-main .available-objects.metadata-mode .arr-transfer-list__list { margin: 0; padding: 0; list-style: none; } .export-data-main .available-objects.metadata-mode li.MuiListItem-root, .export-data-main .available-objects.metadata-mode li.arr-transfer-item, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.03); color: #2d3d55; background: transparent; min-height: 3rem; } .export-data-main .available-objects.metadata-mode li.MuiListItem-root input[type=checkbox], .export-data-main .available-objects.metadata-mode li.MuiListItem-root .arr-checkbox, .export-data-main .available-objects.metadata-mode li.MuiListItem-root .MuiCheckbox-root, .export-data-main .available-objects.metadata-mode li.arr-transfer-item input[type=checkbox], .export-data-main .available-objects.metadata-mode li.arr-transfer-item .arr-checkbox, .export-data-main .available-objects.metadata-mode li.arr-transfer-item .MuiCheckbox-root, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item input[type=checkbox], .export-data-main .available-objects.metadata-mode .arr-transfer-list__item .arr-checkbox, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item .MuiCheckbox-root, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root input[type=checkbox], .export-data-main .available-objects.metadata-mode .MuiListItemButton-root .arr-checkbox, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root .MuiCheckbox-root { margin-right: 0.25rem; width: 20px; height: 20px; } .export-data-main .available-objects.metadata-mode li.MuiListItem-root .arr-transfer-label, .export-data-main .available-objects.metadata-mode li.MuiListItem-root .MuiListItemText-root, .export-data-main .available-objects.metadata-mode li.MuiListItem-root .tree-label, .export-data-main .available-objects.metadata-mode li.arr-transfer-item .arr-transfer-label, .export-data-main .available-objects.metadata-mode li.arr-transfer-item .MuiListItemText-root, .export-data-main .available-objects.metadata-mode li.arr-transfer-item .tree-label, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item .arr-transfer-label, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item .MuiListItemText-root, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item .tree-label, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root .arr-transfer-label, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root .MuiListItemText-root, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root .tree-label { font-size: 1.125rem; color: #2d3d55; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .export-data-main .available-objects.metadata-mode li.MuiListItem-root.Mui-selected, .export-data-main .available-objects.metadata-mode li.MuiListItem-root.selected, .export-data-main .available-objects.metadata-mode li.arr-transfer-item.Mui-selected, .export-data-main .available-objects.metadata-mode li.arr-transfer-item.selected, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item.Mui-selected, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item.selected, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root.Mui-selected, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root.selected { background: transparent; color: #ccd5e3; } .export-data-main .available-objects.metadata-mode li.MuiListItem-root.disabled, .export-data-main .available-objects.metadata-mode li.MuiListItem-root[aria-disabled=true], .export-data-main .available-objects.metadata-mode li.arr-transfer-item.disabled, .export-data-main .available-objects.metadata-mode li.arr-transfer-item[aria-disabled=true], .export-data-main .available-objects.metadata-mode .arr-transfer-list__item.disabled, .export-data-main .available-objects.metadata-mode .arr-transfer-list__item[aria-disabled=true], .export-data-main .available-objects.metadata-mode .MuiListItemButton-root.disabled, .export-data-main .available-objects.metadata-mode .MuiListItemButton-root[aria-disabled=true] { opacity: 0.6; pointer-events: none; } .export-data-main .available-objects.metadata-mode .MuiTabs-root .MuiTab-root { padding-left: 0.25rem; padding-right: 0.25rem; } .export-data-main .available-objects .container-list .list-item .list-item-row .label-inactive { color: #ccd5e3; } .export-data-main .available-objects .tree-group .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.125rem !important; width: 1.125rem !important; } .export-data-main .available-objects .tree-group .location-treeitem-label .location-treeitem .label-disable { color: #ccd5e3; cursor: default; } .export-data-main .available-objects .tree-group .group-title { display: block; padding: 0.5rem 1.5rem; background: #1f2b3d; color: #fcfcfd; font-weight: 600; font-size: 0.875rem; font-family: Inter; text-align: left; } .export-data-main .available-objects .tree-group .tree-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.5rem; color: #2d3d55; background: transparent; } .export-data-main .available-objects .tree-group .tree-row.selected { background: #5265ff; color: #ffffff; } .export-data-main .available-objects .tree-group .tree-row .tree-label { flex: 1; font-size: 1.125rem; } .export-data-main .available-objects .MuiTreeItem-content.tree-item-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .export-data-main .available-objects .MuiTreeItem-content.tree-item-selected.disabled { background-color: rgba(82, 101, 255, 0.4) !important; } .export-data-main .available-objects .MuiTreeItem-content.tree-item-selected .MuiTreeItem-iconContainer svg { color: #89a6ff !important; } .export-data-main .available-objects .arr-checkbox.Mui-checked.Mui-disabled .MuiSvgIcon-root { color: rgba(82, 101, 255, 0.4); } .export-data-main .export-report-content { padding: 0; background-color: #182231; display: flex; flex-direction: column; height: calc(100vh - 5rem); box-sizing: border-box; /* Right panel - Selected For Export (kept as-is, minor refinements) */ } .export-data-main .export-report-content > div:first-child { display: flex; padding: 1rem 1.5rem; box-sizing: border-box; background-color: #0c1119; } .export-data-main .export-report-content > div:first-child .MuiTypography-root { color: #fcfcfd; font-size: 1.125rem; font-weight: 600; font-family: Inter; line-height: 1.5rem; margin: 0; } .export-data-main .export-report-content > div:first-child .toggle-button { margin-left: 0.5rem; display: flex; align-items: center; } .export-data-main .export-report-content .selected-panel-wrapper { display: flex; flex-direction: column; } .export-data-main .export-report-content .selected-panel { display: flex; flex-wrap: wrap; padding: 0.4375rem 1.5rem; box-sizing: border-box; justify-content: space-between; align-items: center; border-bottom: 0.062rem solid #263449; } .export-data-main .export-report-content .selected-panel .panel-title { color: #fcfcfd; font-weight: 600; font-size: 1.5rem; } .export-data-main .export-report-content .selected-panel .export-object-label { color: #fcfcfd; font-size: 0.875rem; align-items: center; font-family: Inter; line-height: 1.25rem; } .export-data-main .export-report-content .selected-panel .export-object-label1 { color: #89a6ff; font-size: 0.875rem; align-items: center; font-family: Inter; line-height: 1.25rem; } .export-data-main .export-report-content .selected-panel .selected-panel-header { display: flex; justify-content: space-between; padding: 0 0.75rem; } .export-data-main .export-report-content .selected-panel .selected-panel-header-left { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; } .export-data-main .export-report-content .selected-panel .selected-panel-header-left .toggle-label-wrapper { display: flex; align-items: center; gap: 0.25rem; } .export-data-main .export-report-content .field-drag-handle { display: flex; padding-top: 6px; align-self: flex-start; } .export-data-main .export-report-content .selected-panel-content { flex: 1; overflow-y: auto; padding: 0 1.5rem; box-sizing: border-box; scrollbar-color: initial; overscroll-behavior: contain; } .export-data-main .export-report-content .selected-panel-content::-webkit-scrollbar { width: 0.75rem; } .export-data-main .export-report-content .selected-panel-content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .export-data-main .export-report-content .selected-panel-content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .export-data-main .export-report-content .selected-panel-content::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .export-data-main .export-item-label { font-size: 0.875rem; color: #fcfcfd; font-family: Inter; word-break: break-all; width: 100%; margin-right: 0.5rem; line-height: 1.25rem; text-wrap: wrap; } .export-data-main .run-report-button { width: 8.125rem; } .export-data-main .icon-button.MuiIconButton-sizeMedium { width: 1.5rem; height: 1.5rem; padding-bottom: 6px; align-self: flex-end; } .export-data-main .export-no-items { padding: 1.5rem 0.5rem; color: #a5b4cb; font-size: 0.875rem !important; font-family: Inter; line-height: 1.25rem; white-space: initial; text-align: start; } .export-data-main .arr-switch .MuiSwitch-track { background-color: #182231; border: 0.0625rem solid #8c9eba; opacity: 1; position: relative; } .export-data-main .arr-switch .MuiSwitch-thumb { background-color: #182231; border: 0.0625rem solid #8c9eba; } .export-data-main .arr-switch .Mui-checked .MuiSwitch-thumb { margin-top: 0rem; margin-left: 0rem; height: 1.125rem !important; width: 1.125rem !important; } .export-data-main .arr-switch .MuiSwitch-track::before { top: 0.75rem !important; } .export-data-main .arr-switch .MuiSwitch-root.Mui-disabled .MuiSwitch-track { background-color: #182231; border: 0.0625rem solid #424750; opacity: 0.5; } .export-data-main .arr-switch .MuiSwitch-root.Mui-disabled .MuiSwitch-thumb { background-color: #182231; border: 0.0625rem solid #424750; } .export-data-main .arr-switch .MuiButtonBase-root.Mui-disabled + .MuiSwitch-track { background-color: #182231; border: 0.0625rem solid #424750; opacity: 1; cursor: default; } .export-data-main .arr-switch .Mui-checked:hover .MuiSwitch-thumb { border-color: #8c9eba !important; } .tag-group-radio { display: flex; flex-direction: column; } .tag-group-radio .arr-radio, .tag-group-radio .arr-radio-group, .tag-group-radio .MuiFormGroup-root { display: flex; flex-direction: column; margin-left: 0.625rem; } .tag-group-radio label, .tag-group-radio .MuiFormControlLabel-label, .tag-group-radio .arr-radio-label { color: #ffffff !important; } .tag-group-radio .arr-radio-item, .tag-group-radio .MuiFormControlLabel-root { margin-bottom: 0.75rem; } .tag-group-radio .arr-radio-item:last-child, .tag-group-radio .MuiFormControlLabel-root:last-child { margin-bottom: 0rem; } .tag-group-modal > .arr-modal-header, .tag-group-modal .MuiDialogTitle-root > .MuiTypography-root { font-size: 1.25rem !important; } .toggle-switch { padding: 0.4375rem 0.25rem 0.4375rem 0.25rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .export-item { display: flex !important; flex: 1; flex-wrap: wrap; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .header-wrapper { height: 6rem; gap: 1rem; padding: 1.5rem 3rem 1rem 3rem; background-color: #0c1119; display: flex; flex-direction: row; box-sizing: border-box; } .header-wrapper .drawer-header { width: 66%; color: #fcfcfd; height: 3.5rem; position: relative; padding-top: 1.75rem; box-sizing: border-box; } .header-wrapper .text1 { position: absolute; bottom: 0; left: 0; } .header-wrapper .action-buttons-box { gap: 1rem; display: flex; align-items: flex-end; } .body-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; background-color: #121a25; } .body-wrapper .discriptionText { height: 4.5rem; justify-content: space-between; opacity: 1; color: #ccd5e3; padding: 0.75rem 3rem 0.75rem 3rem; box-sizing: border-box; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .body-wrapper .scrubInputWrapper { display: flex; flex-direction: row; width: 100%; padding-left: 3rem; margin-bottom: 1rem; } .body-wrapper .add-button { width: 8.5rem; } .body-wrapper .scrubInput { display: flex; flex-direction: column; width: 45%; } .body-wrapper .inputHeader { color: #ffffff; } .body-wrapper .scrubInputContainer { width: 60%; } .body-wrapper .scrubInputContainer1 { display: flex; flex-direction: row; gap: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .adb-container .table-header { background-color: #1f2b3d; } .adb-container .table-header .table-header-section { text-align: left; } .adb-container .table-header .table-header-section .header-title-section .heading-text { color: #fcfcfd; } .adb-container .table-header .table-header-section .header-title-section .text-body-subtle { color: #a5b4cb; } .adb-container .table-header .table-header-actions .action-buttons-right .header-icon svg { width: 1.125rem; height: 1.125rem; } .adb-container .table-header .table-header-actions .action-buttons-right .inactive-icon svg { width: 1.125rem; height: 1.125rem; } .adb-container .table-header .table-header-actions .action-buttons-right .header-icon-button svg { width: 0.875rem; height: 1.0625rem; } .adb-container .arr-split-panel .left-panel .MuiCheckbox-root.Mui-checked { border: none !important; border-radius: 0 !important; } .adb-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label { color: #fcfcfd; } .adb-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label .MuiTypography-root { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .adb-container .arr-split-panel .left-panel .arr-chips-container .arrSelectionChip .filter-label { font-size: 0.75rem; line-height: 1.125rem; font-weight: 600; } .adb-container .adb-report-grid .first-column-header { padding-left: 2rem !important; } .adb-container .adb-report-grid .first-column-cell { padding-left: 2rem !important; } .adb-container .adb-report-grid .in-set-completed-cell { color: #7ddfbb !important; padding-left: 0.5rem !important; } .adb-container .adb-report-grid .in-set-cell { padding-left: 0.5rem !important; } .adb-container .adb-report-grid .in-set-left-to-do-cell { color: #ffc37d !important; padding-left: 0.5rem !important; } .adb-container .adb-report-grid .checkbox-cell-container { display: flex; gap: 0.5rem; } .adb-container .adb-report-grid .checkbox-cell-container .arr-checkbox { padding: 0rem !important; } .adb-container .adb-report-grid .last-column .MuiDataGrid-columnSeparator { display: none; } .adb-container .adb-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { border-bottom: none !important; background-color: #121a25 !important; } .adb-container .adb-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-filler { border-bottom: none !important; background-color: #121a25 !important; } .adb-container .adb-report-grid-documents .MuiDataGrid-row { min-height: auto !important; } .adb-container .adb-report-grid-documents .MuiDataGrid-row .MuiDataGrid-cell { height: auto !important; white-space: normal; word-wrap: break-word; display: block; } .adb-container .adb-report-grid-documents .MuiDataGrid-row .MuiDataGrid-cell.arr-checkbox-column-cell { align-items: flex-start !important; } .adb-container .adb-report-grid-documents .MuiDataGrid-columnHeaderTitle { white-space: normal; } .adb-container .table-action-header { background-color: #0c1119; padding: 0.75rem 2rem; justify-content: space-between; display: flex; align-items: center; } .adb-container .table-action-header .title-label { color: #fcfcfd; } .adb-container .table-action-header .action-button-container { display: flex; align-items: center; } .adb-container .table-action-header .action-button-container [data-testid=adb-action-menu] { min-width: 7.875rem; margin-left: 1.5rem; } .adb-container .table-action-header .action-button-container [data-testid=document-filter-option] { margin-left: 0.5rem; } .adb-container .table-action-header .action-button-container .filter-label { color: #fcfcfd; } .adb-container .abm-action-menu .arr-menu__item-content { color: #fcfcfd; } .adb-container .arr-action-btn:focus { outline: 0.125rem solid #fcfcfd !important; } .abm-action-menu .arr-menu__item.Mui-disabled { color: #727882 !important; opacity: 1 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .document-count-summary { display: flex; gap: 4rem; background-color: #1f2b3d; padding: 0rem 2rem 1.5rem 2rem; flex-wrap: wrap; } .document-count-summary .left-side-container { display: flex; flex-direction: column; min-width: 17.875rem; } .document-count-summary .left-side-container .content-row { display: flex; padding-top: 1rem; padding-bottom: 1rem; gap: 0.5rem; width: 100%; justify-content: space-between; } .document-count-summary .left-side-container .content-row .title-label { text-align: left; color: #ccd5e3; } .document-count-summary .left-side-container .content-row .count-label { color: #fcfcfd; text-align: right; } .document-count-summary .left-side-container .content-row-border { border-bottom: 0.062rem solid #3c4f6b; } .document-count-summary .right-side-container { display: flex; justify-content: flex-end; flex: 1; gap: 0.5rem; } .document-count-summary .right-side-container .count-box { text-align: left; flex: 1; max-width: 19.5625rem; min-width: 8rem; display: flex; gap: 1rem; flex-direction: column; padding: 1rem 1.5rem 1rem 2rem; background-color: #121a25; } .document-count-summary .right-side-container .count-box .title-label { color: #ccd5e3; } .document-count-summary .right-side-container .count-box .count-label { color: #fcfcfd; } @media (max-width: 1024px) { .document-count-summary { flex-direction: column; gap: 1rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .export-report-container .review-results-container .selection-criteria-box .selection-criteria-content .button-box .selection-criteria-reset-button { min-width: 100%; } .export-report-container .review-results-container .arr-split-panel .left-panel { background-color: #182231; min-width: 19.5rem !important; } .export-report-container .review-results-container .arr-split-panel .right-panel { overflow: visible; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .rpa-container .selection-criteria-box .selection-criteria-content { margin-bottom: 0rem; } .rpa-container .table-header { background-color: #1f2b3d; } .rpa-container .table-header .table-header-section { text-align: left; } .rpa-container .table-header .table-header-section .header-title-section .heading-text { color: #fcfcfd; } .rpa-container .table-header .table-header-section .header-title-section .text-body-subtle { color: #a5b4cb; } .rpa-container .table-header .table-header-actions .action-buttons-right .header-icon svg { width: 1.125rem; height: 1.125rem; } .rpa-container .table-header .table-header-actions .action-buttons-right .inactive-icon svg { width: 1.125rem; height: 1.125rem; } .rpa-container .table-header .table-header-actions .action-buttons-right .header-icon-button svg { width: 0.875rem; height: 1.0625rem; } .rpa-container .arr-split-panel .left-panel { min-width: 20.5rem !important; } .rpa-container .arr-split-panel .left-panel .standard-filter-section { margin: 0rem; } .rpa-container .arr-split-panel .left-panel .standard-filter-section.assignment-group .arr-accordion-summary { border-bottom: 0.0625rem solid #3c4f6b; } .rpa-container .arr-split-panel .left-panel .standard-filter-section.assignment-group .arr-accordion-details { padding: unset !important; } .rpa-container .arr-split-panel .left-panel .standard-filter-section.assignment-level .arr-accordion-summary.Mui-expanded { border-bottom: 0.0625rem solid #3c4f6b; } .rpa-container .arr-split-panel .left-panel .arr-accordion-details { min-height: unset !important; } .rpa-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container { background-color: unset; } .rpa-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container .arr-checkbox-list { margin-left: 0rem; } .rpa-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container .arr-checkbox-list .arr-checkbox-children { gap: 0.125rem; } .rpa-container .arr-split-panel .left-panel .MuiCheckbox-root.Mui-checked { border: none !important; border-radius: 0 !important; } .rpa-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label { color: #fcfcfd; } .rpa-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label .MuiTypography-root { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .rpa-container .arr-split-panel .left-panel .arr-chips-container .arrSelectionChip .filter-label { font-size: 0.75rem; line-height: 1.125rem; font-weight: 600; } .rpa-container .arr-split-panel .left-panel .rpa-left-panel-toggle { padding: 1rem; border-bottom: 1px solid #263449; } .rpa-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .rpa-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section .toggle-label { color: #fcfcfd; flex: 1; } .rpa-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section .toggle-wrapper .rpa-toggle-checkbox { width: 2.5rem; height: 1.5rem; cursor: pointer; } .rpa-container .arr-split-panel .right-panel .standard-report-template-right-panel .load-more-btn { background-color: #1f2b3d; display: flex; justify-content: center; padding: 1rem; } .rpa-container .rpa-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { border-bottom: none !important; background-color: #121a25 !important; } .rpa-container .rpa-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-filler { border-bottom: none !important; background-color: #121a25 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .grouped-assignment-tables-container .assignment-group-header { background-color: #1f2b3d; padding: 3rem 2rem 0.75rem 2rem; text-align: left; } .grouped-assignment-tables-container .assignment-group-header.first-group { padding: 0.75rem 2rem; } .grouped-assignment-tables-container .assignment-group-header .assignment-group-header-title { color: #fcfcfd; } .grouped-assignment-tables-container .summary-table-wrapper .report-data-grid .rpa-summary-grid { height: auto; } .grouped-assignment-tables-container .summary-table-wrapper .report-data-grid .rpa-details-grid { height: auto; } .grouped-assignment-tables-container .no-data-message-container { padding: 2rem; background-color: #344660; } .grouped-assignment-tables-container .no-data-message-container .no-data-message { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .rpr-container .table-header { background-color: #1f2b3d; } .rpr-container .table-header .table-header-section { text-align: left; } .rpr-container .table-header .table-header-section .header-title-section .heading-text { color: #fcfcfd; } .rpr-container .table-header .table-header-section .header-title-section .text-body-subtle { color: #a5b4cb; } .rpr-container .table-header .table-header-actions .action-buttons-right .header-icon svg { width: 1.125rem; height: 1.125rem; } .rpr-container .table-header .table-header-actions .action-buttons-right .inactive-icon svg { width: 1.125rem; height: 1.125rem; } .rpr-container .table-header .table-header-actions .action-buttons-right .header-icon-button svg { width: 0.875rem; height: 1.0625rem; } .rpr-container .arr-split-panel .left-panel .arr-accordion-details { min-height: unset !important; } .rpr-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container { background-color: unset; } .rpr-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container .arr-checkbox-list { margin-left: 0rem; } .rpr-container .arr-split-panel .left-panel .arr-accordion-details .arr-accordion-container .arr-checkbox-list .arr-checkbox-children { gap: 0.125rem; } .rpr-container .arr-split-panel .left-panel .MuiCheckbox-root.Mui-checked { border: none !important; border-radius: 0 !important; } .rpr-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label { color: #fcfcfd; } .rpr-container .arr-split-panel .left-panel .arr-checkbox-list .arr-checkbox-label .MuiTypography-root { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .rpr-container .arr-split-panel .left-panel .arr-chips-container .arrSelectionChip .filter-label { font-size: 0.75rem; line-height: 1.125rem; font-weight: 600; } .rpr-container .arr-split-panel .left-panel .rpa-left-panel-toggle { padding: 1rem; border-bottom: 1px solid #263449; } .rpr-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .rpr-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section .toggle-label { color: #fcfcfd; flex: 1; } .rpr-container .arr-split-panel .left-panel .rpa-left-panel-toggle .toggle-section .toggle-wrapper .rpa-toggle-checkbox { width: 2.5rem; height: 1.5rem; cursor: pointer; } .rpr-container .rpr-report-grid { height: auto !important; } .rpr-container .rpr-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { border-bottom: none !important; background-color: #121a25 !important; } .rpr-container .rpr-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-filler { border-bottom: none !important; background-color: #121a25 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .review-summary-container { background-color: #1f2b3d; padding: 0rem 4rem 1.5rem 4rem; display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto); column-gap: 4rem; } .review-summary-container .review-row { display: flex; justify-content: space-between; align-items: center; padding: 0.625rem 0rem; } .review-summary-container .custom-text { color: #ccd5e3; padding-right: 1rem; } .review-summary-container .custom-text-value { color: #fcfcfd; } .review-summary-container .custom-divider { background-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .document-count-summary { display: flex; gap: 4rem; background-color: #1f2b3d; padding: 0rem 2rem 1.5rem 2rem; flex-wrap: wrap; } .document-count-summary .left-side-container { display: flex; flex-direction: column; min-width: 17.875rem; } .document-count-summary .left-side-container .content-row { display: flex; padding-top: 1rem; padding-bottom: 1rem; gap: 0.5rem; width: 100%; justify-content: space-between; } .document-count-summary .left-side-container .content-row .title-label { text-align: left; color: #ccd5e3; } .document-count-summary .left-side-container .content-row .count-label { color: #fcfcfd; text-align: right; } .document-count-summary .left-side-container .content-row-border { border-bottom: 0.062rem solid #3c4f6b; } .document-count-summary .right-side-container { display: flex; justify-content: flex-end; flex: 1; gap: 0.5rem; } .document-count-summary .right-side-container .count-box { text-align: left; flex: 1; max-width: 19.5625rem; min-width: 8rem; display: flex; gap: 1rem; flex-direction: column; padding: 1rem 1.5rem 1rem 2rem; background-color: #121a25; } .document-count-summary .right-side-container .count-box .title-label { color: #ccd5e3; } .document-count-summary .right-side-container .count-box .count-label { color: #fcfcfd; } @media (max-width: 1024px) { .document-count-summary { flex-direction: column; gap: 1rem; } } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-productivity-container .selection-criteria-box .selection-criteria-content { padding: 1rem 1rem 1rem 1.625rem; } .reviewer-productivity-container .completed-date-range-container { display: grid; background-color: transparent; gap: 0.5rem; padding: 1rem 1rem 1rem 1.5rem !important; } .reviewer-productivity-container .completed-date-range-container .body3_size { text-align: left; } .reviewer-productivity-container .arr-accordion-container .arr-accordion-section.MuiAccordion-root { background-color: #1f2b3d !important; } .reviewer-productivity-container .MuiAccordionDetails-root { padding: 0.5rem 0rem !important; } .reviewer-productivity-container .standard-filter-section { margin-bottom: 0rem; margin-top: 0rem; } .reviewer-productivity-container .reviewer-productivity-grid { height: auto !important; overflow: visible !important; max-height: none !important; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeader:focus, .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within, .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-cell:focus, .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-cell:focus-within { outline: none !important; box-shadow: none !important; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .arr-datagrid__sort-icon path { fill: #89a6ff !important; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeader:focus, .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within { outline: none; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeader { height: auto !important; max-height: unset !important; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeaderTitleContainer { height: auto !important; max-height: unset !important; overflow: visible; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeaderTitleContainer .MuiDataGrid-columnHeaderTitleContainerContent .cell-content { padding-top: 0rem; white-space: normal !important; word-wrap: break-word !important; text-align: left !important; } .reviewer-productivity-container .reviewer-productivity-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders { max-height: unset !important; padding-top: 1rem; padding-bottom: 1rem; background-color: #121a25; height: auto !important; overflow: visible; display: flex; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-time-online-container .selection-criteria-box { margin-top: 0rem !important; } .reviewer-time-online-container .selection-criteria-box .selection-criteria-header { background-color: #121a25; padding: 0.75rem 1rem; } .reviewer-time-online-container .selection-criteria-box .selection-criteria-content { padding: 1rem; margin-bottom: 1rem; } .reviewer-time-online-container .arr-accordion-container .arr-accordion-section.MuiAccordion-root { background-color: #1f2b3d !important; } .reviewer-time-online-container .MuiAccordionDetails-root { padding: 0.5rem 0rem !important; } .reviewer-time-online-container .standard-filter-section { margin-bottom: 0rem; margin-top: 0rem; } .reviewer-time-online-container .arr-accordion-summary.MuiAccordionSummary-root { padding-right: 1rem !important; } .reviewer-time-online-container .completed-date-range-container { display: grid; gap: 0.5rem; padding: 1rem 1rem 1rem 2rem !important; } .reviewer-time-online-container .completed-date-range-container .body3_size { text-align: left; } .reviewer-time-online-container .completed-date-range-container .time-offset-minutes { background-color: #121a25; } .reviewer-time-online-container .completed-date-range-container .time-offset-minutes .MuiInputLabel-root { margin-top: -0.3125rem !important; color: #fcfcfd !important; } .reviewer-time-online-container .completed-date-range-container .time-offset-minutes .MuiFilledInput-root { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .reviewer-time-online-container .completed-date-range-container .time-offset-minutes ::placeholder { color: #fff; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .reviewer-time-online-container .header-title-section .typo-text.subhead3_size { color: #fcfcfd !important; } .reviewer-time-online-container .header-title-section .time-text { color: #a5b4cb; } .reviewer-time-online-container .reviewer-time-online-grid { height: auto !important; overflow: visible !important; max-height: none !important; } .reviewer-time-online-container .reviewer-time-online-grid .total-cell-container .MuiDataGrid-cell { background-color: #121a25 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .checkbox-cell-wrapper { display: flex; align-items: center; gap: 0.5rem; } .checkbox-cell-wrapper .MuiCheckbox-root { padding: 0rem !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tag-counts-by-tag-report-container .tag-report-grid .first-column-header { padding-left: 2rem !important; } .tag-counts-by-tag-report-container .tag-report-grid .first-column-cell { padding-left: 2rem !important; } .tag-counts-by-tag-report-container .tag-report-grid .last-column .MuiDataGrid-columnSeparator { display: none; } .tag-counts-by-tag-report-container .tag-report-grid .ellipsis-cell { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .tag-counts-by-tag-report-container .tag-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-scrollbarFiller { border-bottom: none !important; background-color: #121a25 !important; } .tag-counts-by-tag-report-container .tag-report-grid .MuiDataGrid-columnHeaders .MuiDataGrid-filler { border-bottom: none !important; background-color: #121a25 !important; } .tag-counts-by-tag-report-container .standard-filter-section .arr-accordion-details { padding-top: 1rem !important; } .tag-counts-by-tag-report-container .standard-filter-section .arr-accordion-details .arr-accordion-container { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; background-color: transparent !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .timeline-container .header-title-section .heading-text { color: #fcfcfd; } .timeline-container .arr-action-btn:focus { outline: 0.125rem solid #fcfcfd !important; } .timeline-container .arr-split-panel .arr-accordion-details { padding: 1rem 1.5rem 1rem 2rem !important; min-height: 3rem !important; } .timeline-container .MuiFilledInput-root svg.MuiSvgIcon-root { margin-right: 0.8125rem; } .timeline-container .MuiAccordion-region [data-testid=arr-details-documentTypeSection] { padding: 0rem !important; } .timeline-container .standard-filter-section .arr-accordion-details { padding-top: 1rem !important; } .timeline-container .standard-filter-section .arr-accordion-details .arr-accordion-container { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; background-color: transparent !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .timeline-render-data { background: #1f2b3d; padding: 1rem !important; min-height: 100%; } .timeline-render-data .tl-charts { margin-bottom: 1.125rem; } .daily-footer-labels { display: flex; justify-content: space-around; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .reviewer-count-container .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader.weekend-header-cell { background-color: #182231; } .reviewer-count-container .arr-datagrid-pro .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell.weekend-cell { background-color: #263449; } .reviewer-count-container .arr-datagrid-pro { height: auto; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .explorer-grid { border-right: 1px solid #3c4f6b; background-color: #182231; min-width: 0rem; /* CRITICAL FIX */ overflow-y: auto; max-height: 25.5rem; white-space: normal !important; box-sizing: border-box; } .explorer-grid::-webkit-scrollbar { width: 0.875rem; } .explorer-grid::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .explorer-grid::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .explorer-grid::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .explorer-grid { min-height: 0rem; } .explorer-grid .arr-accordion-summary.MuiAccordionSummary-root { padding: 0rem; } .explorer-grid .arr-dropdown-header { font-weight: 600; color: #fcfcfd; text-align: left; padding-top: 2rem; font-size: 1rem; margin-bottom: 0rem; } .explorer-grid .source-header-row { display: flex; align-items: center; gap: 0.5rem; padding-top: 2rem; } .explorer-grid .source-header-row .arr-dropdown-header { padding-top: 0rem; } .explorer-grid .source-header-row .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; width: 1.25rem; height: 1.25rem; } .explorer-grid .MuiAccordionDetails-root { padding: 0rem !important; } .explorer-grid .arr-dropdown-container .arr-dropdown-selected { color: #fcfcfd !important; } .explorer-grid .explorer-grid .arr-chips-container .arrSelectionChip .filter-label { font-size: 0.75rem !important; } .explorer-grid .arr-chips-container .arrSelectionChip .filter-label { font-size: 0.75rem !important; } .explorer-grid .arr-accordion-title { gap: 0.5rem !important; /* prevent zoom overflow */ min-width: 0rem !important; /* CRITICAL */ width: 100% !important; padding-right: 0 !important; box-sizing: border-box !important; } .explorer-grid .chip-count-header { color: #ccd5e3; margin-bottom: 0.5rem; font-weight: 600; padding-top: 0.5rem; font-size: 0.75rem !important; } .explorer-grid .arr-tree-container { padding: 0rem 1rem 0rem 1rem; margin-top: 0.5rem; } .explorer-grid .arr-tree-container .custom-text-style { color: #ffffff !important; } .explorer-grid .dropdown { width: 100%; max-width: 100%; min-width: 0rem !important; box-sizing: border-box; } .explorer-grid .boxContainer { display: flex; flex-wrap: wrap; gap: 0.25rem; /* gap: 1 (MUI spacing = 8px * 1 = 8px = 0.5rem, use any value you prefer) */ width: 100%; overflow: hidden; padding-bottom: 0rem; margin-bottom: 0rem; padding-right: 1rem; /* same as sx paddingRight: 1 */ } .explorer-grid .arr-chips-container { display: flex; flex-wrap: wrap; gap: 0.25rem; max-width: 100%; overflow-x: hidden; } .explorer-grid .arr-chips-container .arrSelectionChip { display: flex; align-items: center; min-width: 0; max-width: 100%; height: auto; white-space: normal; } .explorer-grid .arrSelectionChip .filter-label { font-weight: 700; font-size: 0.688rem; line-height: 1rem; letter-spacing: 0.016rem; white-space: normal !important; word-break: break-word; overflow-wrap: anywhere; max-width: 100%; } .explorer-grid .MuiAccordionSummary-expandIconWrapper { display: none !important; } .explorer-grid .arr-accordion-section.MuiAccordion-root { background-color: #182231 !important; font-size: 14px; } .explorer-grid .no-source-container { display: flex; justify-content: center; align-items: center; min-height: 6.5rem !important; } .explorer-grid .arr-accordion-details { background-color: #182231 !important; padding-top: 1rem !important; padding-left: 0rem !important; } .explorer-grid .arr-accordion-title { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 1.125rem; font-family: Inter; font-weight: 600; gap: 1rem; padding-right: 1rem; } .explorer-grid .accordion-title-label { font-family: Inter !important; font-weight: 600 !important; font-style: SemiBold !important; font-size: 1rem !important; line-height: 1.5rem !important; letter-spacing: 0rem !important; color: #fcfcfd !important; } .explorer-grid .arr-dropdown-container--medium { width: 100% !important; /* fully responsive */ min-width: 0 !important; /* prevents overflow */ box-sizing: border-box; } .explorer-grid .arr-dropdown-container--medium .MuiFormControl-root, .explorer-grid .arr-dropdown-container--medium .MuiOutlinedInput-root, .explorer-grid .arr-dropdown-container--medium .MuiInputBase-root { width: 100% !important; min-width: 0 !important; box-sizing: border-box; } .explorer-grid .arr-accordion-title-wrapper, .explorer-grid .arr-accordion-title, .explorer-grid .arr-accordion-title p, .explorer-grid .arr-accordion-title .MuiTypography-root { display: flex !important; flex-direction: column; width: 100% !important; min-width: 0 !important; /* CRITICAL */ box-sizing: border-box; } .explorer-grid .button-container { display: flex; align-items: center; gap: 1rem !important; } .explorer-grid .button-base, .explorer-grid .select-btn, .explorer-grid .cancel-btn { width: 5.5rem !important; height: 2.5rem !important; border-radius: 0.5rem !important; border-width: 0.062rem !important; padding: 0.5rem 1rem !important; gap: 0.5rem !important; } .explorer-grid .button-text-base, .explorer-grid .select-button-text, .explorer-grid .cancel-button-text { font-family: Inter !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.25rem !important; letter-spacing: 0.016rem !important; vertical-align: middle !important; text-transform: capitalize !important; } .explorer-grid .cancel-btn { background-color: #424750 !important; } .explorer-grid .cancel-btn.active { background-color: #5265ff !important; } .explorer-grid .cancel-button-text { color: #89a6ff !important; } .explorer-grid .cancel-button-text.inactive { color: #727882 !important; } .explorer-grid .select-btn { background-color: #5265ff !important; } .explorer-grid .select-btn.inactive { background-color: #424750 !important; } .explorer-grid .select-button-text { color: #ffffff !important; } .explorer-grid .select-button-text.inactive { color: #727882 !important; } .explorer-grid .typographyEllipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Reckless !important; font-weight: 400 !important; font-size: 1.5rem !important; line-height: 1.75rem !important; letter-spacing: 0rem !important; vertical-align: middle !important; color: #fcfcfd !important; } .explorer-grid .flexCenter { display: flex; align-items: center; } .explorer-grid .flexBoxWhite { flex: 1; min-width: 0; color: #ffffff; } .explorer-grid .captionBlock { font-family: Inter !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; vertical-align: middle !important; color: #a5b4cb !important; } .explorer-grid .drawerContent { display: flex; flex-direction: column; gap: 1rem; } .explorer-grid .unavailable-text { font-family: Inter !important; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.25rem !important; letter-spacing: 0rem !important; color: #a5b4cb !important; } .explorer-grid .custom-accordion-with-checkbox .accordion-section .accordion-details.expanded { background: #182231 !important; } .filters-container { background-color: #182231; } .communication-explorer-container .custom-accordion-with-checkbox .accordion-section .accordion-details { padding: 0rem 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .communication-explorer-container .filter-panel { width: 100%; } .communication-explorer-container .filter-panel .data { font-size: 0.875rem; color: #fcfcfd; font-family: Inter; } .communication-explorer-container .filter-panel .parent-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; border-bottom: 1px solid #3c4f6b; padding-bottom: 1rem; } .communication-explorer-container .filter-panel .parent-filters .v1-selection-chip { border-radius: 0.5rem; } .communication-explorer-container .filter-panel .title { font-weight: 600; color: #fcfcfd; } .communication-explorer-container .filter-panel .panel-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } .communication-explorer-container .filter-panel .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; width: 1.25rem; height: 1.25rem; } .communication-explorer-container .filter-panel .active-filters .arr-filter-chip-filter-selection-continer { overflow-wrap: anywhere; cursor: pointer; } .communication-explorer-container .filter-panel .active-filters .active-filter.arr-filter-chip-v1-v2-responsive:hover { background-color: #603e94; } .communication-explorer-container .filter-panel .active-filters .active-filters-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; border-bottom: 1px solid #3c4f6b; } .communication-explorer-container .no-report-container { min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .inner-text-frame-stack .divider { width: "50%"; border-color: #98a9c3; margin-bottom: 0.125rem; } .stack-container { padding-left: 0.125rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .bubble-tooltip-container { display: inline-block; flex-direction: column; border-radius: 0.25rem; background-color: #ffffff; color: #0c1119; padding: 0.5rem; gap: 0.5rem; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15); } .bubble-tooltip-container .mail-block { display: flex; justify-content: center; gap: 0.5rem; align-items: center; width: 100%; text-align: center; } .bubble-tooltip-container .mail-section { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .bubble-tooltip-container .text-inverse-heading { color: #0c1119; } .bubble-tooltip-container .text-inverse-body { color: #2d3d55; } .bubble-tooltip-container .data-arrow { color: #89a6ff; } .bubble-tooltip-container .focus-text, .bubble-tooltip-container .focus-arrow { color: #ff7a7a; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .criteria-box { width: 100%; height: 100vh; overflow: hidden; } .criteria-box .action-area { width: 100%; background-color: #d3e4ff; text-align: left; padding: 1.5rem 2rem; display: flex; box-sizing: border-box; } .criteria-box .arr-dropdown-container__arr-dropdown-select { background-color: #5265ff; min-width: 6rem; border: none; } .criteria-box .bubbles-container { width: 100%; height: 100%; overflow: hidden; background: #e1eeff; } .criteria-box .bubbles-container rect { stroke-width: 0.125rem; stroke: #8c9eba; rx: 0.5rem; ry: 0.5rem; } .criteria-box .bubbles-container .others-box { display: flex; flex-direction: column; border: 0.125rem solid #b2bfd3; text-align: left; gap: 0.25rem; padding: 1rem; border-radius: 0.5rem; } .criteria-box .text-inverse-heading { color: #0c1119; } .criteria-box .text-inverse-body { color: #2d3d55; } .criteria-box .center-text-box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; height: 100%; } .criteria-box .text_on_top { font-size: 1.125rem; text-anchor: middle; font-family: Inter; } .criteria-box .tooltip-container { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-commnExplorer-header { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #182231; padding: 0rem; width: 100%; } .view-commnExplorer-header .view-commnExplorer-title-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #182231; } .view-commnExplorer-header .view-commnExplorer-title-container { display: flex; align-items: center; gap: 0.5rem; } .view-commnExplorer-header .view-commnExplorer-title { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0rem; margin-top: 1rem; margin-bottom: 1rem; margin-left: 2rem; } .view-commnExplorer-header .view-commnExplorer-title .view-commnExplorer-title-text { color: #fcfcfd; } .view-commnExplorer-header .view-commnExplorer-title .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; } .view-commnExplorer-header .view-commnExplorer-title .typo-text { font-size: 1.5rem; } .view-commnExplorer-header .view-commnExplorer-title .headline3_size { font-size: 1.5rem; } .view-commnExplorer-header .view-commnExplorer-actions { display: flex; gap: 0.5rem; padding-right: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .save-report-panel { display: flex; flex-direction: column; background-color: #0c1119; color: #fcfcfd; width: 100%; } .save-report-panel .custom-header { display: flex; justify-content: space-between; align-items: center; } .save-report-panel .custom-header .header-title { font-family: Reckless; font-weight: 400; font-size: 1.5rem; line-height: 1.75rem; letter-spacing: 0rem; vertical-align: middle; color: #fcfcfd; margin: 0; } .save-report-panel .custom-header .header-title-container { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .save-report-panel .custom-header .view-user-info-icon { fill: #89a6ff; color: #89a6ff; cursor: pointer; flex-shrink: 0; display: inline-flex; align-items: center; } .save-report-panel .custom-header .header-actions { display: flex; gap: 0.75rem; height: 3.5625rem; align-items: flex-end; } .save-report-panel .custom-header .header-actions .save-btn:not(.Mui-disabled) { background-color: #5265ff; color: #fcfcfd; } .save-report-panel .form-section { padding: 1rem 3rem 0rem; } .save-report-panel .form-section.report-type { padding-bottom: 1.5rem; } .save-report-panel .form-section .dark-input { margin-top: 0.5rem; margin-bottom: 0.5rem; } .save-report-panel .form-label { background-color: #121a25; padding: 0.75rem 3rem; font-family: Inter; font-size: 1rem; font-weight: 500; color: #fcfcfd; margin-top: 1.5rem; } .save-report-panel .arr-radio .custom-radio { display: flex; align-items: center; padding-right: 1rem; box-sizing: border-box; gap: 1rem; } .save-report-panel .MuiFormControlLabel-root { margin-left: -0.5rem; } .save-report-panel .MuiInputBase-input-MuiFilledInput-input { color: #fcfcfd; } .save-report-panel .location-treeitem-label .location-treeitem .label-disable { color: #ffffff; cursor: default; } .save-report-panel .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .save-report-panel .arr-textfield-wrapper { padding: 1.5rem 3rem 0.5rem; } .save-report-panel .report-tree-view { padding: 0.5rem 3rem; background-color: #182231; } .save-report-panel .over-write-reports { padding-bottom: 0rem; } .arr-drawer__content { background-color: #182231; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .project-field-list-container { background-color: #182231; justify-content: space-between; min-height: 100%; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .project-field-list-grid { background-color: #182231; padding: 0rem 2rem; padding-bottom: 1.125rem; height: 79%; } .project-field-list-grid .MuiDataGrid-root { height: 105%; } .project-field-list-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .project-field-list-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .project-field-list-grid .no-grid-overlay { justify-content: flex-start !important; padding-top: 5.125rem; } .no-grid-overlay-height { height: 24rem; } .comments-grid-actions { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; height: 100%; } .project-field-list-filter { background-color: #182231; justify-content: space-between; min-height: 100%; display: flex; } .project-field-list-filter .subheader-container { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; background-color: #182231; padding: 1.125rem 2rem; gap: 0.5rem; } .project-field-list-filter .subheader-container-apply-filter { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; padding: 1rem 2rem; } .project-field-list-filter .subheader-container-apply-filter .arr-textfield-wrapper .arr-textfield { width: 20rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-modal.project-field-modal .modal-paper { width: 74rem; max-width: 74rem; min-height: 39rem; padding: 0rem !important; } .arr-modal.project-field-modal .modal-content { padding: 0rem !important; } .arr-modal.project-field-modal .modal-content .modal-title-row { padding: 2rem; padding-bottom: 0.75rem; } .arr-modal.project-field-modal .modal-content .modal-title-row .user-info-icon { padding-left: 0.375rem; color: #89a6ff; cursor: pointer; vertical-align: middle; } .arr-modal.project-field-modal .modal-actions .button-row { justify-content: flex-end; padding-bottom: 1rem; padding-right: 3rem; } .arr-modal.project-field-modal .modal-actions .button-row button { flex: none; } .arr-modal.project-field-modal .modal-actions .button-row .aur-button--primary { width: 9.3125rem; } .project-field-input-content { padding: 2rem 6rem; background-color: #121a25; border: 0.0625rem solid #263449; } .project-field-input-content .project-field-divider { height: 1rem; } .project-field-input-content .MuiFormControlLabel-label { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .project-field-input-content .arr-textarea-wrapper .arr-textarea-input::placeholder { color: #fcfcfd; } .arr-textarea-wrapper .arr-textarea-input { box-sizing: border-box; border-color: #3c4f6b !important; } .spin_loader_content { position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0; */ display: flex; align-items: center; justify-content: center; z-index: 9999; /* make sure this is above modal content */ } .spin_loader_content .spin_loader_content-spinner { width: 6rem; height: 6rem; } .disabled-dropdown * { pointer-events: none !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .concept-explorer-container { overflow: hidden; } .concept-explorer-container .concept-explorer-info-icon { color: #89a6ff; cursor: pointer; } .concept-explorer-container .communication-explorer-container { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; background-color: #0c1119; } .concept-explorer-container .custom-accordion-with-checkbox .accordion-section { margin: 0.5rem !important; } .concept-explorer-container .concept-explorer-header { display: flex; align-items: center; padding: 1rem 0rem; gap: 0.5rem; width: 100%; background-color: #182231; } .concept-explorer-container .concept-explorer-header .concept-explorer-header-title { margin-left: 2rem; } .concept-explorer-container .concept-explorer-header .concept-explorer-upload-icon { margin-left: auto; margin-right: 2rem; } .concept-explorer-container .cart-container .cart-header { text-align: left; padding: 1rem; } .concept-explorer-container .cart-container .cart-header .cart-actions-section { display: flex; flex-direction: row; align-items: center; } .concept-explorer-container .cart-container .cart-header .cart-actions-section p { flex: 1; } .concept-explorer-container .cart-container .cart-header .cart-actions-section .arr-dropdown-container__arr-dropdown-select { background-color: #5265ff; } .concept-explorer-container .cart-container .cart-empty-state { display: flex; padding: 3rem 2.75rem; border: 0.0625rem dashed #8c9eba; border-radius: 0.5rem; margin: 0.5rem; background-color: #1f2b3d; } .concept-explorer-container .cart-container .cart-items-container { padding: 0.5rem; margin: 0 0.75rem; gap: 0.5rem; background-color: #0c1119; border-radius: 0.5rem; } .concept-explorer-container .cart-container .cart-items-container .cart-item { display: flex; flex-direction: column; background-color: #2b3585; border-radius: 0.25rem; overflow: hidden; text-align: left; padding: 0.5rem 0.5rem 3rem 1rem; word-break: break-all; gap: 0.25rem; } .concept-explorer-container .cart-container .cart-items-container .cart-item .close-icon-stack { display: flex; align-items: end; width: 100%; } .concept-explorer-container .cart-container .cart-items-container .cart-item .close-icon-stack svg { color: #ffffff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .cluster-tooltip-container { display: inline-block; border-radius: 0.25rem; background-color: #ffffff; color: #0c1119; padding: 0.5rem; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15); gap: 0.25rem; } .cluster-tooltip-container .tooltip-content { display: flex; flex-direction: column; gap: 0.25rem; } .cluster-tooltip-container .tooltip-content .tooltip-row { width: 100%; } .cluster-tooltip-container .tooltip-content { text-align: left; padding: 0 !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .heated-map-container { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 100vh; } .heated-map-container .report-panel { padding: 1.5rem 2rem; display: flex; flex-direction: column; gap: 1rem; } .heated-map-container .report-panel .text-panel { display: flex; flex-direction: column; text-align: left; gap: 0.5rem; } .heated-map-container .report-panel .text-panel .panel-title { display: flex; flex-direction: row; align-items: start; gap: 0.5rem; } .heated-map-container .report-panel .text-panel a:-webkit-any-link { color: #89a6ff; text-decoration: none; } .heated-map-container .report-panel .show-items-panel { display: flex; flex-direction: row; gap: 0.625rem; align-items: center; } .heated-map-container .report-panel .analysis-panel { display: flex; flex-direction: row; align-items: center; } .heated-map-container .report-panel .analysis-panel .keyword-section { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; flex: 1; } .heated-map-container .report-panel .analysis-panel .analyze-section { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .heated-map-container .clusters-container { width: 100%; height: 100%; overflow: hidden; } .heated-map-container .clusters-container .heatmap { stroke-width: 0.125rem; stroke: #0c1119; rx: 0.25rem; ry: 0.25rem; } .heated-map-container .clusters-container svg g foreignObject { cursor: pointer; } .heated-map-container .svg-div { pointer-events: none; display: none; } .heated-map-container .text-box { text-align: left; padding-right: 0.5rem; padding-top: 0.5rem; padding-left: 1rem; display: flex; flex-direction: column; gap: 0.25rem; } .heated-map-container .text-box .icon { display: flex; justify-content: end; align-items: end; } .heated-map-container .text-box .icon .add { background-color: rgba(82, 101, 255, 0.2); border-radius: 0.25rem; } .heated-map-container .text-box .icon .add svg { color: #4555d6; } .heated-map-container .text-box .icon .add.add-dark svg { color: #0c1119; } .heated-map-container .text-box .icon .added { background-color: #89a6ff; border-radius: 0.25rem; } .heated-map-container .text-box .icon .added svg { color: #0c1119; } .heated-map-container .text-box p { overflow-wrap: break-word; } .heated-map-container .text-box p.inverse-heading { color: #0c1119; } .heated-map-container .text-box p.cart-item-text { color: #727882; } .apply-keyword-modal .modal-container { display: flex; flex-direction: column; gap: 1rem; } .apply-keyword-modal .modal-container .arr-textarea-wrapper .arr-textarea-input { padding: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .keyword-text-area textarea::placeholder { color: #fcfcfd; } .keyword-text-area textarea:focus::placeholder { color: transparent; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .action-area { padding: 0.5rem; display: flex; align-items: center; justify-content: space-between; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-Categorization { padding: 0; height: 100%; padding: 0rem 0rem; overflow: hidden; } .view-Categorization .arr-dropdown-header { font-weight: 600; color: #fcfcfd; text-align: left; padding-top: 0.5rem; padding-bottom: 1rem; font-size: 1rem; } .view-Categorization .grid-right-border { border-right: 1px solid var(--mui-palette-border-bold); height: 100%; } .view-Categorization .grid-container { height: 100%; border-right: 1px solid #3c4f6b; background-color: #121a25; } .view-Categorization .info-icon-small { width: 1rem; height: 1rem; color: #89a6ff !important; display: flex; cursor: pointer; } .view-Categorization .Step1-title { display: flex; align-items: center; width: 100%; box-sizing: border-box; color: #fcfcfd; background-color: #0c1119; min-height: 1.625rem; height: auto; padding: 0.75rem 1.5rem; font-weight: 400; font-family: "Reckless"; } .view-Categorization .corpus-title { display: flex; align-items: center; } .view-Categorization .step1-dropdownBox { padding: 1rem 0; display: flex; align-items: center; color: #fcfcfd; background-color: #121a25; width: 100%; box-sizing: border-box; min-height: 26px; height: auto; padding: 0.75rem 1.5rem; } .view-Categorization .arr-tree-container { display: flex; flex-direction: column; align-items: stretch; color: #fcfcfd; width: 100%; min-width: 0; box-sizing: border-box; padding: 0rem; margin-top: 0rem; max-height: 80vh; overflow-y: auto; overflow-x: auto; background-color: rgba(84, 106, 140, 0.2); } .view-Categorization .arr-tree-container::-webkit-scrollbar { width: 0.875rem; } .view-Categorization .arr-tree-container::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .view-Categorization .arr-tree-container::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .view-Categorization .arr-tree-container::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .view-Categorization .arr-tree-container .custom-text-style { color: #ffffff !important; } .view-Categorization .MuiTreeItem-content.Mui-selected { background-color: #5265ff !important; border-bottom: 0.0625rem solid rgba(60, 79, 107, 0.4) !important; } .view-Categorization .MuiTabs-indicator.css-jkmkwa { background-color: #5265ff !important; } .view-Categorization .location-treeitem-label .location-treeitem .tree-checkbox .MuiSvgIcon-root { height: 1.25rem !important; width: 1.25rem !important; } .view-Categorization .cohesion-input { border: 1px solid #3c4f6b; height: 2.5rem; border-radius: 0.5rem; color: #fcfcfd; font-size: 0.875rem; padding: 0.5rem 0.0625rem; box-sizing: border-box; width: 9rem; } .view-Categorization .tree-container { background-color: rgba(84, 106, 140, 0.2); } .view-Categorization .cohesion-input-text .MuiInputBase-input { color: #fcfcfd; } .view-Categorization .custom-accordion-with-checkbox { gap: 0.2rem; } .view-Categorization .accordion-title-primary { font-size: 0.875rem; } .view-Categorization .MuiAccordion-root { border: 0; border-radius: 0; } .view-Categorization .scrollable-content { height: 80vh; overflow-y: auto; } .view-Categorization .scrollable-content::-webkit-scrollbar { width: 0.875rem; } .view-Categorization .scrollable-content::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .view-Categorization .scrollable-content::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .view-Categorization .scrollable-content::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .view-Categorization .scrollable-content .custom-accordion-with-checkbox .accordion-section .accordion-details.expanded { padding: 0; } .view-Categorization .scrollable-content .custom-accordion-with-checkbox .MuiCheckbox-root.Mui-checked { height: auto; width: auto; background-color: #5265ff; } .view-Categorization .slider-button { color: #89a6ff; padding: 0; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-categorization-title { padding: 1rem 2rem; display: flex; align-items: center; color: #fcfcfd; font-size: 1.5rem; font-weight: 400; font-family: Reckless; background-color: #182231; width: 100%; gap: 1rem; } .view-categorization-title .MuiButtonBase-root { gap: 0.5rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-categorization-result { height: 100%; display: flex; flex-direction: column; } .view-categorization-result .scrollable-content { background-color: #121a25; } .view-categorization-result .results-description-section { padding: 1.5rem 4rem 0 4rem; text-align: left; display: flex; flex-direction: column; gap: 1.5rem; } .view-categorization-result .results-description-section .run-description { color: #a5b4cb; } .view-categorization-result .results-description-section .run-button { width: 100%; } .view-categorization-result .categorization-result { padding: 0.75rem 2rem; display: flex; flex-direction: column; gap: 2rem; text-align: left; } .view-categorization-result .categorization-result .documents-cohesion { display: flex; gap: 2rem; } .view-categorization-result .categorization-result .documents-cohesion .visualization { display: flex; flex-direction: column; gap: 0.5rem; } .view-categorization-result .categorization-result .documents-cohesion .visualization .documents { color: #c4aaeb; } .view-categorization-result .categorization-result .documents-cohesion .visualization .cohesion { color: #7ddfbb; } .view-categorization-result .categorization-result .documents-cohesion .visualization .low-cohesion { color: #ffc37d; } .view-categorization-result .categorization-result .view-in-doc-list { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .categorization-modal .modal-container { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; } .notification-modal .modal-container { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; } .notification-modal .button-row { display: flex; flex-wrap: wrap; justify-content: space-around; } .notification-modal .button-row button { width: 48%; } .notification-modal.arr-modal .modal-actions .button-row button { flex: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-background-tasks-container .filter-label { font-family: Inter; font-size: 0.875rem; line-height: 1.25rem; } .view-background-tasks-container .background-tasks-grid { background-color: #0c1119; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-virtualScroller { max-height: 22.5rem; min-height: 22.5rem; overflow-y: auto; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-root { overflow: visible; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-mainContent { padding-left: 2rem; } .view-background-tasks-container .background-tasks-grid .MuiDataGrid-root .MuiDataGrid-filler { display: none !important; } .view-background-tasks-container .view-background-tasks-header { display: flex; justify-content: space-between; align-items: center; background-color: #182231; padding: 1.125rem 2rem; } .view-background-tasks-container .view-background-tasks-header .view-background-tasks-title { display: flex; align-items: center; gap: 0.5rem; } .view-background-tasks-container .view-background-tasks-header .view-background-tasks-title .view-background-tasks-title-text { color: #fcfcfd; } .view-background-tasks-container .filter-panel { background-color: #1f2b3d; padding: 1rem 1.5rem; } .view-background-tasks-container .filter-panel .filters { background-color: #182231; border-radius: 12px; padding: 1rem; display: flex; gap: 1rem; flex-direction: column; align-items: flex-start; } .view-background-tasks-container .filter-panel .filters .filter-section { display: flex; gap: 1.8rem; } @media (max-width: 75rem) { .view-background-tasks-container .filter-panel .filters .filter-section { flex-direction: column; gap: 1rem; } } .view-background-tasks-container .filter-panel .filters .filter-section .filter-item { display: flex; align-items: center; gap: 0.7rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .batch-redactions-tree-container { min-height: 100%; padding-left: 2rem; background-color: #1f2b3d; } .batch-redactions-tree-container .tree-title { display: flex; gap: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .batch-redactions-tree-container .tree-body { overflow: auto; max-height: 25.75rem; /* Vertical scrollbar styling */ } .batch-redactions-tree-container .tree-body::-webkit-scrollbar { width: 0.625rem; } .batch-redactions-tree-container .tree-body::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .batch-redactions-tree-container .tree-body::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .info-icon-small { height: 1rem; width: 1rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-report-modal .data { background-color: #182231; max-height: 21.75rem; overflow-y: auto; border-radius: 0.5rem; padding: 0.5rem 1.5rem 1rem 1.5rem; } .view-report-modal .data::-webkit-scrollbar { width: 0.625rem; } .view-report-modal .data::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .view-report-modal .data::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .view-report-modal .data .title { color: #fcfcfd; padding-top: 0.75rem; padding-bottom: 0.25rem; } .view-report-modal .data .row { display: flex; justify-content: space-between; max-width: 60%; padding-left: 1rem; } .view-report-modal .data .row .typo-text.body3_size { padding: 0.25rem 0rem; } .view-report-modal .dropdown-container { display: flex; margin-top: 1rem; margin-bottom: 1rem; } .view-report-modal .dropdown-container .MuiBox-root { flex: 1; display: flex; gap: 0.125rem; align-items: anchor-center; } .view-report-modal .dropdown-container .MuiBox-root svg { height: 1rem; } .view-report-modal .dropdown-container .MuiFormControl-root { flex: 2 !important; } .view-report-modal .download-redaction-button { float: right; } .view-report-modal .download-redaction-button .download-button { padding: 0rem; } .view-report-modal .download-redaction-button .download-button:focus { outline: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .redaction-history-grid { background-color: #182231; padding: 0rem 1rem; padding-bottom: 1.125rem; height: 79%; } .redaction-history-grid.fullHeight { height: 50vh; } .redaction-history-grid .MuiDataGrid-root { height: 105%; } .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-columnHeader.no-separator .MuiDataGrid-iconSeparator { display: none; } .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-cell.no-separator, .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-columnHeader.no-separator { padding-right: 0.5rem; } .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-cell.item-align-center { display: flex; align-items: center; } .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical { visibility: hidden; } .redaction-history-grid .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent { max-height: 22.5rem; overflow: hidden; } .redaction-history-grid .no-grid-overlay { justify-content: flex-start !important; padding-top: 5.125rem; } .redaction-history-grid .no-grid-overlay .no-grid-content { width: 25rem; padding-top: 0.5rem; color: #a5b4cb; } .redaction-history-grid .failed-status-color { color: #ff0000; } .redaction-history-grid .complete-status-color { color: #ffc37d; } .no-grid-overlay-height { height: 24rem; } .comments-grid-actions { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; height: 100%; } .batch-redaction-model .arr-modal .modal-content { padding-top: 1rem; } .batch-redaction-model .modal-actions .button-row button { height: 3.5rem; font-size: 1.125rem; } .arr-modal.batch-redaction-model .modal-content { padding-top: 0.5rem !important; width: 30rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .manage-clients-container { padding-left: 2rem; padding-right: 2rem; } .manage-clients-container .manage-clients-header { display: flex; align-items: center; padding-top: 1.125rem; padding-bottom: 1.125rem; } .manage-clients-container .manage-clients-header .manage-clients-info-icon { cursor: pointer; color: #89a6ff; } .manage-clients-container .manage-clients-filter-panel { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; } .manage-clients-container .manage-clients-filter-panel .manage-clients-filter-panel-controls { display: flex; align-items: center; gap: 1rem; } .manage-clients-container .manage-clients-filter-panel .manage-clients-filter-panel-controls .manage-clients-item-flex { flex: 0 0 17rem; } .manage-clients-container .manage-clients-grid .MuiDataGrid-row--borderBottom { background-color: #121a25; } .manage-clients-container .manage-clients-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar { width: 0.75rem; } .manage-clients-container .manage-clients-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 1rem; border: 0.125rem solid transparent; background-clip: content-box; } .manage-clients-container .manage-clients-grid .MuiDataGrid-root .MuiDataGrid-scrollbar--vertical::-webkit-scrollbar-track { background-color: #182231; } .manage-clients-container .manage-clients-grid .MuiDataGrid-root .MuiDataGrid-filler { display: none; } .manage-clients-container .manage-clients-grid .MuiDataGrid-root .MuiDataGrid-virtualScroller { max-height: 26rem; min-height: 26rem; overflow-y: auto; } .manage-clients-container .manage-clients-grid .icon-button.MuiIconButton-sizeMedium { width: 2.125rem; } .manage-clients-container .more-option-header .MuiDataGrid-columnSeparator { display: none; } .manage-clients-container .more-option-header .MuiDataGrid-columnSeparator--sideRight { display: none; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .add-client-container { min-height: 100vh; background: var(--surface-strong, #121a25); } .add-client-container .arr-drawer__header { display: none !important; } .add-client-container .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .add-client-container .header-title { margin-bottom: 0rem; color: #fcfcfd; } .add-client-container .client-checkbox-box { width: 35.4375rem; /* 584px */ max-height: 6.625rem; /* 80px */ height: 6.625rem; /* 80px */ border: 0.0625rem solid #3c4f6b; border-radius: 0.5rem; /* 8px */ padding: 0.5rem; /* 8px */ opacity: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 0; } .add-client-container .client-checkbox-box::-webkit-scrollbar { width: 0.875rem; } .add-client-container .client-checkbox-box::-webkit-scrollbar-thumb { background-color: #546a8c; border-radius: 0.75rem; border: 0.25rem solid transparent; background-clip: content-box; } .add-client-container .client-checkbox-box::-webkit-scrollbar-thumb:hover { background-color: #546a8c; } .add-client-container .client-checkbox-box::-webkit-scrollbar-button { display: none; width: 0rem; height: 0rem; } .add-client-container .client-checkbox-box .custom-text-style { color: #ffffff !important; } .add-client-container .error-text { color: #ff7a7a !important; font-size: 0.875rem; margin-top: 0.25rem; font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .add-client-container .info-icon-small { width: 1rem; height: 1rem; color: #89a6ff !important; display: flex; cursor: pointer; } .add-client-container .MuiTreeItem-content { border: none !important; } .add-client-container .client-workspace-container .client-workspace-inner-container { padding: 2rem 0rem; } .add-client-container .client-workspace-container .client-workspace-inner-container .workspace-title { text-align: left; color: #fcfcfd; } .add-client-container .MuiTypography-root { color: #fcfcfd; } .add-client-container .add-client-header-box { display: flex; gap: 1rem; padding: 1.5rem 3rem 1rem; justify-content: space-between; background-color: #0c1119; } .add-client-container .add-client-header-box .title-box { display: flex; align-items: center; justify-content: flex-start; height: 3.5rem; align-items: end; } .add-client-container .add-client-header-box .title-box .title { color: #fcfcfd; font-size: 1.75rem; } .add-client-container .add-client-header-box .action-buttons-box { display: flex; gap: 1rem; align-items: end; } .add-client-container .content-box { background-color: #121a25; padding: 2rem 3rem; min-height: 100%; } .add-client-container .content-box .icon-size { font-size: 1rem; vertical-align: text-top; } .add-client-container .content-box .role-def-box { display: flex; flex-direction: column; align-items: start; gap: 1rem; } .add-client-container .content-box .role-def-box .aur-button--small.MuiButton-root { padding: 0.25rem 0.5rem; } .add-client-container .content-box .role-def-box .content { color: #a5b4cb; display: flex; flex-direction: column; gap: 1rem; } .add-client-container .content-box .role-def-box .content .role-name { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; vertical-align: middle; } .add-client-container .content-box .role-def-box .content .role-desc { vertical-align: middle; } .add-client-container .content-box .check-box-input { display: flex; padding: 0.375rem 1rem 0.375rem 0.5rem; } .add-client-container .content-box .check-box-input .label { color: #fcfcfd; } .add-client-container .content-box .check-box-input .add-user-checkbox { width: 1.5rem; height: 1.5rem; padding: 0rem; margin-right: 0.75rem; } .add-client-container .content-box .check-box-input .add-user-checkbox svg { width: 1.25rem; height: 1.25rem; display: block; margin: auto; } .add-client-container .content-box .check-box-input .checkbox-label { display: flex; align-items: center; justify-content: flex-start; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-tags-folders-main { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #182231; } .view-tags-folders-main .view-tags-folders-header { display: flex; align-items: center; padding: 1rem 2rem; border-top: 0.062rem solid #263449; gap: 0.5rem; } .view-tags-folders-main .view-tags-folders-header .tags-folder-title-text { color: #fcfcfd; } .view-tags-folders-main .view-tags-folders-header .tags-folder-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-tags-folders-main .tabpanel-active { display: flex; flex: 1 1 auto; } .view-tags-folders-main .tabpanel-active > div { width: 100%; } .view-tags-folders-main .tabpanel-hidden { height: 0rem !important; } .view-tags-folders-main .MuiTabs-root { padding: 0rem 2rem; border-bottom: 0.062rem solid #263449; } .view-tags-folders-main .MuiTabs-root .MuiTabs-indicator { background: unset; border-bottom: 0.25rem solid #5265ff; } .view-tags-folders-main .tab-label { letter-spacing: 0rem !important; } .view-tags-folders-main .tabs { flex-shrink: 0; border-bottom: 0.062rem solid #3c4f6b; } .view-tags-folders-main .tabs .tab { text-transform: none; color: #ccd5e3; width: 11.25rem; } .view-tags-folders-main .tabs .Mui-selected { color: #fcfcfd; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .tags-folders-tab-content { display: flex; flex-direction: column; height: 100%; } .tags-folders-tab-content .action-container { display: flex; flex-direction: row; align-items: center; padding: 1rem 2rem; justify-content: space-between; gap: 2rem; height: 2.5rem; } .tags-folders-tab-content .action-container .filters-section { display: flex; flex-direction: row; align-items: center; gap: 2rem; } .tags-folders-tab-content .action-container .filters-section .toggle-group { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.5rem 0rem; } .tags-folders-tab-content .action-container .filters-section .arr-textfield-wrapper .arr-textfield { background-color: #121a25; } .tags-folders-tab-content .action-container .filters-section .search-input .arr-textfield .MuiInputBase-root { height: 2.5rem; padding-left: 0.5rem; } .tags-folders-tab-content .action-container .filters-section .search-input .arr-textfield .MuiInputAdornment-root { color: #89a6ff; margin-left: 0rem; } .tags-folders-tab-content .action-container .filters-section .search-input .arr-textfield .clear-adornment-icon { color: #8c9eba; } .tags-folders-tab-content .action-container .filters-section .search-input .arr-textfield .clear-adornment-icon .MuiSvgIcon-root { font-size: 1rem; cursor: pointer; } .tags-folders-tab-content .action-container .security-group-dropdown-disabled { pointer-events: none; } .tags-folders-tab-content .loading-container { display: flex; justify-content: center; align-items: center; height: 100%; background-color: #1f2b3d; } .tags-folders-tab-content .tree-container { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background-color: #1f2b3d; padding: 0rem 2rem 3rem 2rem; } .tags-folders-tab-content .tree-container .MuiSimpleTreeView-root.trr-item-check { width: 100%; height: 100%; overflow: auto; scrollbar-color: #546a8c #b2bfd3; scrollbar-width: thin; } .tags-folders-tab-content .tree-container .MuiTreeItem-content.Mui-selected { background-color: rgba(82, 101, 255, 0.6) !important; } .tags-folders-tab-content .tree-container .MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer svg { color: #ffffff !important; } .tags-folders-tab-content .tree-container .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2); } .tags-folders-tab-content .tree-container p.custom-text { padding: 2rem; } .tag-group-modal .option-number .MuiInputBase-input { padding-top: 0.375rem; padding-bottom: 0.125rem; } .tag-group-modal .option-number .MuiInputBase-input ::placeholder { color: #fcfcfd; } .tag-group-modal .option-number .MuiOutlinedInput-input { padding-top: 0.375rem; padding-bottom: 0.125rem; } .tag-group-modal .option-number .MuiOutlinedInput-input ::placeholder { color: #fcfcfd; } .tag-group-modal .modal-container { display: flex; flex-direction: column; gap: 1rem; } .tag-group-modal .modal-container .tag-group-title { color: #fcfcfd; } .tag-group-modal .modal-container .text-field-area { display: flex; flex-direction: column; } .tag-group-modal .modal-container .text-field-area .text-field-label { color: #a5b4cb; padding: 0.5rem 1rem; } .tag-group-modal .modal-container .text-field-area .dropdown-container { padding: 1rem 0; } .tag-group-modal .modal-container .text-field-area .propagate-folder-container { display: flex; flex-direction: row; padding: 0.5rem 0; } .tag-group-modal .modal-container .text-field-area .propagate-folder-container .propagate-folder-text { color: #fcfcfd; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .tag-group-modal .modal-container .text-field-area .propagate-folder-container .info-icon { color: #89a6ff; padding-left: 0.25rem; } .tag-group-modal .modal-container .text-field-area .checkbox-container { display: flex; flex-direction: row; align-items: center; } .tag-group-modal .modal-container .text-field-area .checkbox-container .checkbox-text { color: #fcfcfd; font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .batch-print-main .batch-print-stepper .display1_size.stepper-label { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .batch-print-main .batch-print-stepper .display2_size.stepper-label { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .batch-print-main .batch-print-stepper .display3_size.stepper-label { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .batch-print-main .batch-print-stepper .headline1_size.stepper-label { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .batch-print-main .batch-print-stepper .headline2_size.stepper-label { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .batch-print-main .batch-print-stepper .headline3_size.stepper-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .batch-print-main .batch-print-stepper .subhead1_size.stepper-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .batch-print-main .batch-print-stepper .subhead2_size.stepper-label { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .batch-print-main .batch-print-stepper .subhead3_size.stepper-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .batch-print-main .batch-print-stepper .subhead4_size.stepper-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .batch-print-main .batch-print-stepper .stepper-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .batch-print-main .batch-print-stepper .body1_size.stepper-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .batch-print-main .batch-print-stepper .body2_size.stepper-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .batch-print-main .batch-print-stepper .body3_size.stepper-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .batch-print-main .batch-print-stepper .body4_size.stepper-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .batch-print-main .batch-print-stepper .body5_size.stepper-label { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .batch-print-main .batch-print-stepper .label1_size.stepper-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .batch-print-main .batch-print-stepper .label2_size.stepper-label { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .batch-print-main .batch-print-stepper .label3_size.stepper-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .batch-print-main .batch-print-stepper .label4_size.stepper-label { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .batch-print-main .batch-print-stepper .buttonLarge_size.stepper-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .batch-print-main .batch-print-stepper .buttonMedium_size.stepper-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .batch-print-main .batch-print-stepper .buttonSmall_size.stepper-label { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .batch-print-main .batch-print-stepper .buttonXS_size.stepper-label { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .batch-print-main .batch-print-stepper .profilePictureTextClientMedium_size.stepper-label { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .batch-print-main .batch-print-stepper .profilePictureTextSmall_size.stepper-label { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .batch-print-main .batch-print-stepper .toastMessageText_size.stepper-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .batch-print-main { display: flex; flex-direction: column; background-color: #0c1119; height: 100%; } .batch-print-main .batch-print-stepper { background-color: #182231; padding: 1rem 2rem; } .batch-print-main .batch-print-stepper .arr-stepper-container { height: 4rem; } .batch-print-main .batch-print-stepper .arr-step { min-height: 4rem !important; height: 4rem !important; display: flex; justify-content: center; align-items: flex-start; } .batch-print-main .batch-print-stepper .arr-step:first-child { padding-left: 0; } .batch-print-main .batch-print-stepper .stepper-label { justify-content: flex-start; padding-left: 2rem; width: 80%; } .batch-print-main .stepper-button { display: flex; justify-content: space-between; padding: 1rem 2rem; } .batch-print-main .stepper-button .hide { visibility: hidden; } .batch-print-main .stepper-content { flex: 1; overflow: auto; padding: 0.25rem 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .source-selection-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .source-selection-container .source-selection-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .source-selection-container .source-selection-body { display: flex; flex-direction: column; align-items: flex-start; padding: 2rem 3rem; background-color: #182231; } .source-selection-container .source-selection-body .tree-header { background-color: #1f2b3d; padding: 0.75rem 0rem 0.75rem 0rem; width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; border: 0.0625rem solid #3c4f6b; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .source-selection-container .source-selection-body .tree-header .search-input { background-color: #121a25; border-radius: 0.5rem; width: 40%; margin-left: 0.75rem; } .source-selection-container .source-selection-body .tree-header .search-input .MuiInputAdornment-root { color: #a5b4cb; } .source-selection-container .source-selection-body .tree-header .search-input .MuiFilledInput-input { color: #a5b4cb; } .source-selection-container .source-selection-body .tree-header .tree-header-title { margin-left: 0.75rem; } .source-selection-container .source-selection-body .tree-container { display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 400px; background-color: #0c1119; } .source-selection-container .source-selection-body .tree-container .MuiSimpleTreeView-root.trr-item-check { width: 100%; height: 100%; overflow: auto; scrollbar-color: #546a8c #0c1119; scrollbar-width: thin; } .source-selection-container .source-selection-body .tree-container .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2); } .source-selection-container .source-selection-body .tree-container p.custom-text { padding: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .basis-for-printing-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .basis-for-printing-container .source-selection-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .basis-for-printing-container .source-selection-body { display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; padding: 2rem 3rem; background-color: #182231; } .basis-for-printing-container .source-selection-body .body-header { display: flex; flex-direction: column; gap: 1rem; text-align: left; width: 50%; } .basis-for-printing-container .source-selection-body .tree-container { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; background-color: #182231; } .basis-for-printing-container .source-selection-body .tree-container .dropdown-container { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; flex: 1; } .basis-for-printing-container .source-selection-body .tree-container .dropdown-container .dropdown { width: 62%; } .basis-for-printing-container .source-selection-body .tree-container .list-container { flex: 1; } .basis-for-printing-container .source-selection-body .tree-container .list-container .select-production-list { width: 100%; } .basis-for-printing-container .source-selection-body .tree-container .MuiSimpleTreeView-root.trr-item-check { width: 100%; height: 100%; overflow: auto; scrollbar-color: #546a8c #b2bfd3; scrollbar-width: thin; } .basis-for-printing-container .source-selection-body .tree-container .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2); } .basis-for-printing-container .source-selection-body .tree-container p.custom-text { padding: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .slip-sheet-cover-page { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .slip-sheet-cover-page .slip-sheet-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .slip-sheet-cover-page .slip-sheet-header .info-icon { cursor: pointer; } .slip-sheet-cover-page .slip-sheet-content-container { display: flex; flex-direction: column; gap: 1rem; background-color: #0f172a; border: 0.0625rem solid var(--Border-01, #1f2937); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; padding: 2rem 3rem; } .slip-sheet-cover-page .slip-sheet-content-section1 { padding: 1.5rem; } .slip-sheet-cover-page .slip-sheet-description { width: 50%; text-align: left; } .slip-sheet-cover-page .slip-sheet-content { padding: 1rem 1.5rem; } .slip-sheet-cover-page .table-of-contents-section { display: flex; flex-direction: column; padding-bottom: 1.5rem; border-bottom: 0.125rem solid #3c4f6b; } .slip-sheet-cover-page .include-slip-sheets-text { color: #ccd5e3; } .slip-sheet-cover-page .slip-sheet-type-selector { display: flex; flex-direction: row; gap: 1rem; align-items: center; margin-bottom: 1.5rem; } .slip-sheet-cover-page .slip-sheet-type-dropdown { min-width: 18.75rem; flex-shrink: 0; } .slip-sheet-cover-page .table-of-contents-toggle-row { display: flex; align-items: center; flex-direction: row; gap: 0; } .slip-sheet-cover-page .enable-slip-sheets-toggle-row { display: flex; align-items: flex-start; } .slip-sheet-cover-page .no-dropdown { padding-bottom: 1.5rem; } .slip-sheet-cover-page .toc-checkbox-row { display: flex; align-items: flex-start; padding-top: 0.75rem; } .slip-sheet-cover-page .slip-sheets-section { padding-top: 1.5rem; border-bottom: 0.125rem solid #3c4f6b; } .slip-sheet-cover-page .slip-sheet-selector { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; width: 100%; margin-bottom: 1.5rem 0; } .slip-sheet-cover-page .arr-tree-item-selector { width: 100%; } .slip-sheet-cover-page .toggle-intro-page { display: flex; align-items: center; padding-top: 1.5rem; } .slip-sheet-cover-page .selector-title { margin-bottom: 1.25rem; } .slip-sheet-cover-page .cover-page-form { padding-top: 0.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .slip-sheet-cover-page .cover-page-section1, .slip-sheet-cover-page .cover-page-section2 { display: flex; flex-direction: column; gap: 1rem; width: 100%; } .slip-sheet-cover-page .form-field { display: flex; flex-direction: column; gap: 0.5rem; } .slip-sheet-cover-page .form-field.form-field-description { flex: 1; min-height: 9.375rem; } .slip-sheet-cover-page .field-label { color: var(--Text-Secondary, #cbd5e1); margin-bottom: 0.25rem; } .slip-sheet-cover-page .MuiFormControlLabel-root { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0rem; margin-right: 0.25rem; } .slip-sheet-cover-page .MuiFormControlLabel-root .MuiFormControlLabel-label { color: #fcfcfd; margin-left: 1rem; text-align: left; } .slip-sheet-cover-page .MuiFormControlLabel-root .MuiFormControlLabel-label .MuiBox-root { display: flex; align-items: center; gap: 0.5rem; } .slip-sheet-cover-page .MuiFormControlLabel-root .arr-switch-wrapper { margin-right: 0.625rem; flex-shrink: 0; } .workproduct-tree { background-color: #182231; padding: 0.75rem; border-radius: 0.5rem; width: 100%; } .workproduct-tree .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled { background-color: #0c1119 !important; } .workproduct-tree .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled:not(:has(.location-folder-icon)) .typo-text, .workproduct-tree .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled:not(:has(.location-folder-icon)) .MuiTypography-root { color: #727882 !important; } .workproduct-tree .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled .MuiCheckbox-root { color: #727882 !important; } .workproduct-tree .arr-tree-item-selector .fields-panel .fields-content .MuiTreeItem-content.Mui-selected.disabled .MuiCheckbox-root svg { color: #727882 !important; } .workproduct-tree .arr-tree-item-selector.active-tab-0 .fields-panel { height: 19.375rem !important; } .workproduct-tree .arr-tree-item-selector.active-tab-0 .fields-panel .fields-content { background: #0c1119; min-height: 13.375rem !important; overflow-y: auto !important; } .workproduct-tree .arr-tree-item-selector.active-tab-0 .fields-panel .fields-content::-webkit-scrollbar { width: 0.25rem; } .workproduct-tree .arr-tree-item-selector.active-tab-0 .fields-panel .fields-content::-webkit-scrollbar-track { background: transparent; } .workproduct-tree .arr-tree-item-selector.active-tab-0 .fields-panel .fields-content::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .fields-panel { height: 44.8125rem !important; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .fields-panel .fields-content { background: #0c1119; height: 43.0625rem !important; overflow-y: auto !important; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .fields-panel .fields-content::-webkit-scrollbar { width: 0.25rem; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .fields-panel .fields-content::-webkit-scrollbar-track { background: transparent; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .fields-panel .fields-content::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .groups-container .group-container .group-title { margin-bottom: 0.5rem; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .groups-container .group-container .tree-container { max-height: 15.625rem; overflow-y: auto; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .groups-container .group-container .tree-container::-webkit-scrollbar { width: 0.25rem; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .groups-container .group-container .tree-container::-webkit-scrollbar-track { background: transparent; } .workproduct-tree .arr-tree-item-selector.active-tab-1 .groups-container .group-container .tree-container::-webkit-scrollbar-thumb { background: #546a8c; border-radius: 0.125rem; } .slip-sheet-link-color { color: #89a6ff; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .analysis-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #1f2b3d; } .analysis-container .analysis-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .analysis-container .source-selection-body { display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; padding: 2rem 3rem; background-color: #121a25; text-align: left; } .analysis-container .source-selection-body .analysis-description { width: 50rem; text-align: left; } .analysis-container .source-selection-body .body-container { gap: 2rem; display: flex; flex-direction: column; } .analysis-container .source-selection-body .body-container .list-content { padding-left: 1.5rem; } .analysis-container .analysis-grid-container { background-color: #121a25; padding: 0rem 3rem 2rem 3rem; } .analysis-container .analysis-grid-container .analysis-data-grid .MuiDataGrid-main { height: auto !important; } .analysis-container .analysis-grid-container .row-radio { margin-top: 0.625rem; } .analysis-container .analysis-grid-container .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { background-color: #0c1119 !important; } .analysis-container .analysis-grid-container .arr-datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler { background-color: #0c1119 !important; border-bottom: none; } .analysis-container .analysis-grid-container .arr-datagrid .MuiDataGrid-virtualScrollerContent { min-width: "100% !important"; height: auto; flex-basis: auto !important; } .analysis-container .analysis-grid-container .arr-datagrid .MuiDataGrid-scrollbar { display: none; } .analysis-container .analysis-grid-container .arr-datagrid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell { height: 2.5rem; } .analysis-container .dropdown { width: 50%; } .analysis-container .tree-search-container { padding-bottom: 2rem; background-color: #121a25; } .analysis-container .tree-search-container .toggle-header { align-items: center; display: flex; gap: 1rem; } .analysis-container .tree-search-container .toggle-header .name-tooltip-header { display: flex; gap: 0.25rem; align-items: center; } .analysis-container .tree-search-container .tree-header { background-color: #1f2b3d; padding: 0.75rem 0rem 0.75rem 0rem; width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; border: 0.0625rem solid #3c4f6b; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .analysis-container .tree-search-container .tree-header .search-input { background-color: #121a25; border-radius: 0.5rem; width: 40%; margin-left: 0.75rem; } .analysis-container .tree-search-container .tree-header .search-input .MuiInputAdornment-root { color: #a5b4cb; } .analysis-container .tree-search-container .tree-header .search-input .MuiFilledInput-input { color: #a5b4cb; } .analysis-container .tree-search-container .tree-header .tree-header-title { margin-left: 0.75rem; } .analysis-container .tree-search-container .tree-container { display: flex; flex-direction: column; align-items: flex-start; width: 100%; background-color: #0c1119; } .analysis-container .tree-search-container .tree-container .MuiSimpleTreeView-root.trr-item-check { width: 100%; height: 100%; overflow: auto; scrollbar-color: #546a8c #b2bfd3; scrollbar-width: thin; } .analysis-container .tree-search-container .tree-container .MuiTreeItem-content.highlight-search-node { background-color: rgba(82, 101, 255, 0.2); } .analysis-container .tree-search-container .tree-container p.custom-text { padding: 2rem; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .export-format-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #0c1119; } .export-format-container .export-format-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .export-format-container .source-selection-body { padding: 2rem 3rem; background-color: #121a25; gap: 1rem; display: flex; flex-direction: column; } .export-format-container .source-selection-body .dropdown-container { gap: 1rem; display: flex; } .export-format-container .source-selection-body .dropdown-container .dropdown-field { width: 16.25rem; } .export-format-container .source-selection-body .dropdown-container .file-label { width: 9.375rem; text-align: left; } .export-format-container .source-selection-body .dropdown-container .radio-field { padding-left: 0.25rem; } .export-format-container .source-selection-body .dropdown-container .radio-field .MuiFormControlLabel-root .MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .export-format-container .source-selection-body .dropdown-container .radio-field .arr-radio .custom-radio { padding: 0rem 0.75rem; } .tooltip-list-title { font-weight: 700; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size, .exception-file-types-container .step-content .step-media-box .menu-box span.display1_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size, .exception-file-types-container .step-content .step-media-box .menu-box span.display2_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size, .exception-file-types-container .step-content .step-media-box .menu-box span.display3_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size, .exception-file-types-container .step-content .step-media-box .menu-box span.headline1_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size, .exception-file-types-container .step-content .step-media-box .menu-box span.headline2_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size, .exception-file-types-container .step-content .step-media-box .menu-box span.headline3_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size, .exception-file-types-container .step-content .step-media-box .menu-box span.subhead1_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size, .exception-file-types-container .step-content .step-media-box .menu-box span.subhead2_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size, .exception-file-types-container .step-content .step-media-box .menu-box span.subhead3_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size, .exception-file-types-container .step-content .step-media-box .menu-box span.subhead4_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size, .exception-file-types-container .step-content .step-media-box .menu-box span.subhead5_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size, .exception-file-types-container .step-content .step-media-box .menu-box span.body1_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size, .exception-file-types-container .step-content .step-media-box .menu-box span.body2_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size, .exception-file-types-container .step-content .step-media-box .menu-box span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size, .exception-file-types-container .step-content .step-media-box .menu-box span.body4_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size, .exception-file-types-container .step-content .step-media-box .menu-box span.body5_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size, .exception-file-types-container .step-content .step-media-box .menu-box span.label1_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size, .exception-file-types-container .step-content .step-media-box .menu-box span.label2_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size, .exception-file-types-container .step-content .step-media-box .menu-box span.label3_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size, .exception-file-types-container .step-content .step-media-box .menu-box span.label4_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size, .exception-file-types-container .step-content .step-media-box .menu-box span.buttonLarge_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size, .exception-file-types-container .step-content .step-media-box .menu-box span.buttonMedium_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size, .exception-file-types-container .step-content .step-media-box .menu-box span.buttonSmall_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size, .exception-file-types-container .step-content .step-media-box .menu-box span.buttonXS_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size, .exception-file-types-container .step-content .step-media-box .menu-box span.profilePictureTextClientMedium_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size, .exception-file-types-container .step-content .step-media-box .menu-box span.profilePictureTextSmall_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size, .exception-file-types-container .step-content .step-media-box .menu-box span.toastMessageText_size.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .exception-file-types-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #121a25; align-self: flex-start; } .exception-file-types-container .step-header { background-color: #1f2b3d; padding: 1rem 1rem; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .exception-file-types-container .step-content { display: flex; flex-direction: column; padding: 2rem 3rem; gap: 2rem; align-items: flex-start; justify-content: space-between; height: 100%; } .exception-file-types-container .step-content .step-header-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: justify; width: 50%; } .exception-file-types-container .step-content .step-media-box { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; text-align: justify; width: 100%; gap: 2rem; } .exception-file-types-container .step-content .step-media-box .menu-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; width: 50%; } .exception-file-types-container .step-content .step-media-box .menu-box .menu-header-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.5rem; } .exception-file-types-container .step-content .step-media-box .menu-box .menu-header-box .menu-header { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.5rem; } .exception-file-types-container .step-content .step-media-box .menu-box .menu-header-box .info-icon { height: 1.25rem; width: 1.25rem; } .exception-file-types-container .step-content .step-media-box .menu-box .menu-header-box .body-text-color { color: #ccd5e3; } .exception-file-types-container .step-content .step-media-box .menu-box .menu-item { display: flex; flex-direction: row; gap: 0.75rem; align-items: center; justify-content: center; } .exception-file-types-container .step-content .step-media-box .menu-box .MuiFormGroup-root.MuiFormGroup-row.MuiRadioGroup-root.MuiRadioGroup-row { gap: 2rem; } .exception-file-types-container .step-content .step-media-box .editor-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; width: 50%; } .exception-file-types-container .step-content .divider { width: 100%; height: 0.125rem; border: none; background-color: #3c4f6b; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .arr-branding-location { display: flex; flex-direction: column; background: #121a25; border-radius: 0.5rem; padding: 1.25rem; border: 1px solid #3c4f6b; gap: 1rem; } .arr-branding-location__row { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .arr-branding-location__inline-divider { width: 100%; height: 0.0625rem; background-color: #8c9eba; } .arr-branding-location__dropzone { border: 0.125rem dashed #8c9eba; border-radius: 0.5rem; padding: 1.25rem; text-align: center; background: #182231; } .arr-branding-location__dropzone .label { color: #a5b4cb; } .arr-branding-location__dropzone .placeholder { color: #727882; margin-bottom: 1rem; } .arr-branding-location__dropzone .reset-button { color: #727882; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .branding-and-redactions-container { display: flex; flex-direction: column; flex-grow: 1; overflow-x: hidden; height: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .branding-and-redactions-container .bar-header { background-color: #1f2b3d; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .branding-and-redactions-container .bar-body { display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; padding: 2rem 3rem; background-color: #121a25; } .branding-and-redactions-container .bar-body .bar-body-toggle { display: flex; flex-direction: row; gap: 1rem; text-align: left; padding: 0.5rem 0.5rem; align-items: center; padding-left: 0rem; } .branding-and-redactions-container .bar-body .bar-body-toggle .info-icon { color: #89a6ff; cursor: pointer; vertical-align: top; width: 1rem; height: 1rem; padding-left: 0.25rem; } .branding-and-redactions-container .bar-body .bar-body-selector { display: flex; flex-direction: row; gap: 1rem; text-align: left; width: 100%; align-items: center; } .branding-and-redactions-container .bar-body .bar-body-selector .selector-label { color: #ccd5e3; } .branding-and-redactions-container .bar-body .bar-body-selector .dropdown { max-width: 16.25rem; } .branding-and-redactions-container .bar-body .bar-body-divider { width: 0.75rem; height: 0.0625rem; align-self: center; background-color: #3c4f6b; width: 100%; } .branding-and-redactions-container .bar-body .bar-location { display: flex; flex-direction: column; gap: 1rem; width: 100%; max-width: 50rem; } .branding-and-redactions-container .bar-body .bar-location .bar-location-label { display: flex; flex-direction: row; align-items: center; } .branding-and-redactions-container .bar-body .bar-location .bar-location-label .info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; width: 1rem; height: 1rem; padding-left: 0.25rem; } .branding-and-redactions-container .branding-textarea-wrapper { display: flex; flex-direction: column; align-items: start; gap: 1rem; padding-top: 1rem; } .branding-and-redactions-container .branding-textarea-wrapper .label-text { display: flex; flex-direction: column; align-items: start; color: #fcfcfd; } .branding-and-redactions-container .branding-textarea-wrapper .note { color: #a5b4cb; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .view-redaction-tags-main { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #263449; } .view-redaction-tags-main .view-redaction-tags-header { display: flex; align-items: center; padding: 1rem 2rem; border-top: 0.062rem solid #263449; gap: 0.5rem; background-color: #182231; } .view-redaction-tags-main .view-redaction-tags-header .redaction-tags-title-text { color: #fcfcfd; } .view-redaction-tags-main .view-redaction-tags-header .redaction-tags-info-icon { color: #89a6ff; cursor: pointer; vertical-align: middle; } .view-redaction-tags-main .action-container { display: flex; flex-direction: row; align-items: center; padding: 1.5rem 2rem 0.75rem 2rem; justify-content: space-between; gap: 2rem; height: 2.5rem; background-color: #182231; } .view-redaction-tags-main .action-container .filters-section { display: flex; flex-direction: row; align-items: center; gap: 2rem; } .view-redaction-tags-main .action-container .filters-section .toggle-group { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.5rem 0rem; } .view-redaction-tags-main .action-container .security-group-dropdown-disabled { pointer-events: none; } .redaction-tag-modal .modal-container { display: flex; flex-direction: column; gap: 1rem; } .redaction-tag-modal .modal-container .redaction-tag-title { color: #fcfcfd !important; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .shareable-links-container .download-container { display: flex; min-height: 100vh; background-color: #0c1119; position: relative; justify-content: center; } .shareable-links-container .download-container-gradient { position: absolute; height: 100%; width: 90%; } .shareable-links-container .download-container .download-left { flex: 1; display: flex; padding-top: 8.125rem; padding-left: 6.5rem; justify-content: flex-start; } .shareable-links-container .download-container .download-left .branding { text-align: center; } .shareable-links-container .download-container .download-right { flex: 1; display: flex; padding-top: 8.125rem; } .shareable-links-container .download-container .download-right .download-right-box { display: flex; flex-direction: column; gap: 1.5rem; min-width: 28.75rem; text-align: left; } .shareable-links-container .download-container .download-right .download-right-box .download-title { color: #fcfcfd; } .shareable-links-container .download-container .download-right .download-right-box .arr-textfield-wrapper .arr-textfield--large .MuiInputLabel-root.MuiInputLabel-shrink { line-height: 1rem; letter-spacing: 0.03125rem; transform: translate(0.7rem, 0.4375rem) !important; } .shareable-links-container .download-container .download-error-container { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2rem; max-width: 28.75rem; } .shareable-links-container .download-container .download-error-container .error-msg-container { gap: 1rem; display: flex; flex-direction: column; } .shareable-links-container .download-container .download-error-container .error-msg-container .error-sub-msg { color: #ccd5e3; } /* Google Fonts - Inter */ /* Custom Font - Reckless */ @font-face { font-family: "Reckless"; src: url("/assets/Reckless-Regular-buUpdb9D.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } /* Font fallbacks for better loading experience */ .font-family-display { font-family: "Reckless", Georgia, serif; } .font-family-headline { font-family: "Reckless", Georgia, serif; } .font-family-supporting { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Background Tokens */ /* Surface Tokens */ /* Action Tokens */ /* Text Tokens */ /* Border Tokens */ /* Icon Tokens */ /* Data Visualization Tokens */ /* Spacing Tokens */ /* Size Tokens */ /* Breakpoint Tokens */ /* Corner (Border Radius) Tokens */ /* Typography Tokens */ /* Line Height Tokens */ /* Opacity Tokens */ /* Other Tokens */ /* Action Tokens */ /* Glacier color codes */ .typo-text.display1_size { font-size: 3.5rem; line-height: 4rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display2_size { font-size: 3rem; line-height: 3.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.display3_size { font-size: 2.25rem; line-height: 2.625rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline1_size { font-size: 2rem; line-height: 2.5rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline2_size { font-size: 1.75rem; line-height: 2.25rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.headline3_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Reckless; font-weight: 400; letter-spacing: 0rem; } .typo-text.subhead1_size { font-size: 1.5rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead2_size { font-size: 1.25rem; line-height: 1.75rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead3_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead4_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 600; letter-spacing: 0rem; } .typo-text.subhead5_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.body1_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body2_size { font-size: 1rem; line-height: 1.5rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body3_size { font-size: 0.875rem; line-height: 1.25rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body4_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.body5_size { font-size: 0.688rem; line-height: 1rem; font-family: Inter; font-weight: 400; letter-spacing: 0rem; } .typo-text.label1_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label2_size { font-size: 0.875rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label3_size { font-size: 0.75rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.label4_size { font-size: 0.688rem; line-height: 1.125rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.buttonLarge_size { font-size: 1.125rem; line-height: 1.5rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonMedium_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonSmall_size { font-size: 0.875rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.buttonXS_size { font-size: 0.75rem; line-height: 1rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .typo-text.profilePictureTextClientMedium_size { font-size: 2rem; line-height: 2.421rem; font-family: Inter; font-weight: 600; letter-spacing: 0.016rem; } .typo-text.profilePictureTextSmall_size { font-size: 0.875rem; line-height: 1.059rem; font-family: Inter; font-weight: 600; letter-spacing: 0.044rem; } .typo-text.toastMessageText_size { font-size: 1rem; line-height: 1.25rem; font-family: Inter; font-weight: 500; letter-spacing: 0.016rem; } .text-action-default { color: #89a6ff; } .text-body-strong { color: #ccd5e3; } .text-headings { color: #fcfcfd !important; } .text-body-subtle { color: #a5b4cb; } .text-warning { color: #ffc37d; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis-start { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; } .text-date-range-title { margin-bottom: 0.5rem; font-weight: 600; } .inactivity-modal-action .modal-content { padding-bottom: 0rem; } .inactivity-modal-action .inactivity-modal { padding: 2rem 0rem 2rem 0rem; background: linear-gradient(90deg, #0c1119 0%, #182231 50.5%, #0c1119 100%); } .inactivity-modal-action .inactivity-modal .inactivity-modal-content { display: flex; gap: 1rem; align-items: center; } .inactivity-modal-action .inactivity-modal .inactivity-modal-content .countdown { color: #89a6ff; padding-bottom: 0.375rem; } .inactivity-modal-action .inactivity-modal .inactivity-modal-content .inactivity-description { color: #fcfcfd; } .inactivity-modal-action .inactivity-modal .inactivity-session-message { color: #ccd5e3; }