From 1cf475294a7579eca4886128458d69aed7e13846 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Tue, 17 Feb 2026 09:49:42 +0100 Subject: [PATCH 1/6] feat(tokens): sizing lagt til (sizing.card.link-card.height) --- tokens/$themes.json | 752 ++---------------------- tokens/brand/nve.json | 48 ++ tokens/public/device/desktop-large.json | 22 + tokens/public/device/desktop.json | 22 + tokens/public/device/mobile-small.json | 22 + tokens/public/device/mobile.json | 22 + tokens/public/device/tablet.json | 22 + 7 files changed, 214 insertions(+), 696 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index d5b30bc1..562bcd57 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -140,236 +140,6 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "1972:8", "$figmaVariableReferences": { - "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", - "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", - "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", - "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", - "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", - "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", - "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", - "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", - "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", - "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", - "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", - "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", - "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", - "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", - "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", - "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", - "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", - "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", - "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", - "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", - "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", - "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", - "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", - "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", - "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", - "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", - "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", - "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", - "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", - "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", - "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", - "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", - "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", - "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", - "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", - "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", - "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", - "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", - "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", - "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", - "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", - "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", - "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", - "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", - "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", - "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", - "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", - "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", - "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", - "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", - "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", - "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", - "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", - "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", - "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", - "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", - "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", - "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", - "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", - "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", - "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", - "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", - "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", - "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", - "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", - "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", - "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", - "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", - "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", - "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", - "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", - "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", - "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", - "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", - "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", - "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", - "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", - "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", - "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", - "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", - "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", - "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", - "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", - "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", - "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", - "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", - "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", - "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", - "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", - "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", - "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", - "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", - "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", - "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", - "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", - "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", - "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", - "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", - "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", - "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", - "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", - "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", - "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", - "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", - "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", - "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", - "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", - "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", - "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", - "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", - "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", - "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", - "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", - "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", - "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", - "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", - "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", - "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", - "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", - "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", - "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", - "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", - "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", - "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", - "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", - "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", - "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", - "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", - "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", - "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", - "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", - "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", - "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", - "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", - "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", - "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", - "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", - "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", - "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", - "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", - "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", - "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", - "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", - "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", - "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", - "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", - "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", - "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", - "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", - "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", - "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", - "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", - "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", - "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", - "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", - "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", - "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", - "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", - "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", - "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", - "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", - "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", - "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", - "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", - "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", - "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", - "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", - "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", - "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", - "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", - "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", - "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", - "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", - "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", - "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", - "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", - "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", - "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", - "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", - "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", - "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", - "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", - "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", - "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", - "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", - "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", - "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", - "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", - "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", - "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", - "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", - "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", - "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", - "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", - "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", - "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", - "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", - "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", - "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", - "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", - "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", - "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", - "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", - "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", - "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", - "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", - "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", - "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", - "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", - "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", - "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", - "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", - "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", - "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", - "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", - "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", - "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", - "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", - "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", - "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", - "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", - "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", - "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", - "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -439,14 +209,24 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", @@ -503,236 +283,6 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "1972:9", "$figmaVariableReferences": { - "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", - "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", - "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", - "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", - "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", - "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", - "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", - "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", - "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", - "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", - "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", - "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", - "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", - "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", - "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", - "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", - "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", - "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", - "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", - "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", - "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", - "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", - "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", - "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", - "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", - "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", - "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", - "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", - "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", - "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", - "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", - "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", - "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", - "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", - "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", - "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", - "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", - "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", - "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", - "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", - "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", - "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", - "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", - "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", - "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", - "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", - "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", - "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", - "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", - "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", - "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", - "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", - "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", - "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", - "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", - "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", - "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", - "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", - "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", - "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", - "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", - "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", - "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", - "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", - "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", - "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", - "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", - "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", - "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", - "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", - "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", - "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", - "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", - "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", - "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", - "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", - "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", - "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", - "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", - "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", - "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", - "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", - "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", - "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", - "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", - "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", - "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", - "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", - "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", - "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", - "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", - "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", - "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", - "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", - "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", - "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", - "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", - "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", - "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", - "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", - "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", - "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", - "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", - "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", - "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", - "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", - "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", - "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", - "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", - "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", - "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", - "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", - "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", - "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", - "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", - "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", - "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", - "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", - "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", - "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", - "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", - "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", - "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", - "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", - "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", - "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", - "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", - "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", - "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", - "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", - "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", - "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", - "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", - "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", - "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", - "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", - "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", - "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", - "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", - "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", - "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", - "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", - "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", - "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", - "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", - "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", - "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", - "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", - "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", - "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", - "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", - "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", - "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", - "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", - "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", - "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", - "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", - "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", - "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", - "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", - "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", - "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", - "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", - "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", - "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", - "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", - "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", - "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", - "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", - "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", - "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", - "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", - "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", - "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", - "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", - "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", - "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", - "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", - "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", - "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", - "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", - "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", - "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", - "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", - "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", - "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", - "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", - "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", - "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", - "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", - "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", - "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", - "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", - "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", - "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", - "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", - "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", - "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", - "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", - "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", - "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", - "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", - "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", - "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", - "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", - "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", - "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", - "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", - "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", - "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", - "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", - "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", - "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", - "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", - "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", - "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", - "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", - "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", - "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", - "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", - "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", - "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", - "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", - "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -802,14 +352,24 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", @@ -1735,6 +1295,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1888,6 +1452,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2039,6 +1607,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2154,6 +1726,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2380,236 +1956,6 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "2276:0", "$figmaVariableReferences": { - "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", - "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", - "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", - "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", - "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", - "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", - "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", - "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", - "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", - "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", - "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", - "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", - "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", - "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", - "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", - "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", - "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", - "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", - "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", - "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", - "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", - "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", - "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", - "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", - "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", - "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", - "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", - "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", - "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", - "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", - "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", - "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", - "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", - "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", - "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", - "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", - "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", - "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", - "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", - "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", - "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", - "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", - "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", - "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", - "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", - "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", - "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", - "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", - "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", - "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", - "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", - "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", - "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", - "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", - "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", - "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", - "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", - "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", - "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", - "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", - "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", - "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", - "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", - "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", - "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", - "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", - "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", - "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", - "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", - "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", - "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", - "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", - "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", - "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", - "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", - "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", - "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", - "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", - "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", - "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", - "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", - "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", - "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", - "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", - "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", - "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", - "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", - "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", - "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", - "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", - "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", - "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", - "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", - "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", - "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", - "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", - "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", - "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", - "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", - "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", - "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", - "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", - "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", - "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", - "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", - "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", - "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", - "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", - "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", - "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", - "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", - "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", - "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", - "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", - "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", - "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", - "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", - "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", - "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", - "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", - "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", - "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", - "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", - "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", - "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", - "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", - "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", - "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", - "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", - "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", - "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", - "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", - "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", - "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", - "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", - "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", - "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", - "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", - "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", - "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", - "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", - "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", - "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", - "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", - "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", - "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", - "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", - "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", - "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", - "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", - "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", - "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", - "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", - "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", - "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", - "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", - "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", - "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", - "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", - "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", - "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", - "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", - "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", - "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", - "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", - "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", - "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", - "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", - "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", - "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", - "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", - "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", - "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", - "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", - "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", - "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", - "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", - "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", - "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", - "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", - "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", - "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", - "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", - "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", - "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", - "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", - "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", - "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", - "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", - "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", - "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", - "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", - "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", - "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", - "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", - "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", - "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", - "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", - "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", - "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", - "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", - "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", - "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", - "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", - "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", - "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", - "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", - "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", - "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", - "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", - "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", - "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", - "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", - "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", - "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", - "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", - "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", - "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", - "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", - "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", - "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", - "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", - "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", - "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -2679,14 +2025,24 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", @@ -2831,6 +2187,10 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index bde59f84..6e413a0b 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -1496,18 +1496,66 @@ "$type": "sizing", "$value": "40px" }, + "62x": { + "$type": "sizing", + "$value": "62px" + }, "64x": { "$type": "sizing", "$value": "64px" }, + "70x": { + "$type": "sizing", + "$value": "70px" + }, + "84x": { + "$type": "sizing", + "$value": "84px" + }, "88x": { "$type": "sizing", "$value": "88px" }, + "92x": { + "$type": "sizing", + "$value": "92px" + }, + "108x": { + "$type": "sizing", + "$value": "108px" + }, + "112x": { + "$type": "sizing", + "$value": "112px" + }, + "118x": { + "$type": "sizing", + "$value": "118px" + }, + "120x": { + "$type": "sizing", + "$value": "120px" + }, + "124x": { + "$type": "sizing", + "$value": "124px" + }, + "132x": { + "$type": "sizing", + "$value": "132px" + }, + "136x": { + "$type": "sizing", + "$value": "136px" + }, "200x": { "$type": "sizing", "$value": "200px" }, + "212x": { + "$type": "sizing", + "$value": "212px" + }, "216x": { "$type": "sizing", "$value": "216px" diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index c1a70dbc..0f9f8ff0 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -149,6 +149,28 @@ "$type": "sizing", "$value": "{sizing.1024x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "large": { + "$type": "sizing", + "$value": "{sizing.136x}" + }, + "medium": { + "$type": "sizing", + "$value": "{sizing.112x}" + }, + "small": { + "$type": "sizing", + "$value": "{sizing.88x}" + } + } + } } }, "font-size": { diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index 148c2a29..08d61f01 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -164,6 +164,28 @@ "$value": "{sizing.750x}" } }, + "card": { + "link-card": { + "height": { + "x-large": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "large": { + "$type": "sizing", + "$value": "{sizing.136x}" + }, + "medium": { + "$type": "sizing", + "$value": "{sizing.112x}" + }, + "small": { + "$type": "sizing", + "$value": "{sizing.88x}" + } + } + } + }, "fixed-sizing": { "2x-small": { "$type": "sizing", diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index 2b6752b4..7f3c8293 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -149,6 +149,28 @@ "$type": "sizing", "$value": "{sizing.320x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "$type": "sizing", + "$value": "{sizing.120x}" + }, + "large": { + "$type": "sizing", + "$value": "{sizing.108x}" + }, + "medium": { + "$type": "sizing", + "$value": "{sizing.84x}" + }, + "small": { + "$type": "sizing", + "$value": "{sizing.62x}" + } + } + } } }, "font-size": { diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index dd44b90b..c4fe23a2 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -149,6 +149,28 @@ "$type": "sizing", "$value": "{sizing.390x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "$type": "sizing", + "$value": "{sizing.124x}" + }, + "large": { + "$type": "sizing", + "$value": "{sizing.108x}" + }, + "medium": { + "$type": "sizing", + "$value": "{sizing.84x}" + }, + "small": { + "$type": "sizing", + "$value": "{sizing.62x}" + } + } + } } }, "font-size": { diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 1085e497..d246e767 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -149,6 +149,28 @@ "$type": "sizing", "$value": "{sizing.544x}" } + }, + "card": { + "link-card": { + "height": { + "x-large": { + "$type": "sizing", + "$value": "{sizing.132x}" + }, + "large": { + "$type": "sizing", + "$value": "{sizing.118x}" + }, + "medium": { + "$type": "sizing", + "$value": "{sizing.92x}" + }, + "small": { + "$type": "sizing", + "$value": "{sizing.70x}" + } + } + } } }, "font-size": { From 22e82a4f109cbfa1b4a2f18fd8f243156e011bed Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Tue, 17 Feb 2026 11:21:51 +0000 Subject: [PATCH 2/6] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?= =?UTF-8?q?=C3=A5=20nye=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.vitepress/theme/styles/nve_theme.css | 1523 +++++++++-------- .../.vitepress/theme/styles/rme_theme.css | 1523 +++++++++-------- .../.vitepress/theme/styles/varsom_theme.css | 1523 +++++++++-------- public/css/nve.css | 1490 ++++++++-------- public/css/rme.css | 1490 ++++++++-------- public/css/varsom.css | 1485 ++++++++-------- 6 files changed, 4925 insertions(+), 4109 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 8f8dd969..1d6afe2c 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -1,4 +1,5 @@ -:root.nve { --color-shades-brand-100: #ff666b; +:root.nve { + --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; --color-shades-brand-250: #f3203c; @@ -227,12 +228,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -240,11 +241,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -273,7 +280,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -316,7 +325,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -452,7 +463,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -466,9 +477,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -598,6 +621,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -606,56 +633,99 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -:root.nve_darkmode { --color-shades-brand-100: #ff666b; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} +:root.nve_darkmode { + --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; --color-shades-brand-250: #f3203c; @@ -884,12 +954,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -897,11 +967,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -930,7 +1006,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1108,645 +1186,710 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); +} @media (min-width: 1600px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.nve, :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} - + :root.nve, + :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } @media ((min-width: 764px) and (max-width: 1023px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.nve, :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - + :root.nve, + :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } @media ((min-width: 390px) and (max-width: 763px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.nve, :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root.nve, + :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.nve, :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ + :root.nve, + :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } - -} \ No newline at end of file diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index 97c737d9..0ab1a3c0 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -1,4 +1,5 @@ -:root.rme { --color-shades-brand-100: #cfd6fc; +:root.rme { + --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; --color-shades-brand-250: #8f9ee0; @@ -227,12 +228,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -240,11 +241,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -273,7 +280,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -316,7 +325,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -452,7 +463,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -466,9 +477,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -598,6 +621,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -606,56 +633,99 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -:root.rme_darkmode { --color-shades-brand-100: #cfd6fc; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} +:root.rme_darkmode { + --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; --color-shades-brand-250: #8f9ee0; @@ -884,12 +954,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -897,11 +967,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -930,7 +1006,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1108,645 +1186,710 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); +} @media (min-width: 1600px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.rme, :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} - + :root.rme, + :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } @media ((min-width: 764px) and (max-width: 1023px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.rme, :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - + :root.rme, + :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } @media ((min-width: 390px) and (max-width: 763px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.rme, :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root.rme, + :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.rme, :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ + :root.rme, + :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } - -} \ No newline at end of file diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index fd4b48b4..13634cda 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -1,4 +1,5 @@ -:root.varsom { --color-shades-brand-100: #ffd1a3; +:root.varsom { + --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; --color-shades-brand-250: #ffa970; @@ -227,12 +228,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -240,11 +241,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -273,7 +280,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -316,7 +325,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -452,7 +463,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -466,9 +477,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -598,6 +621,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -606,56 +633,99 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -:root.varsom_darkmode { --color-shades-brand-100: #ffd1a3; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} +:root.varsom_darkmode { + --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; --color-shades-brand-250: #ffa970; @@ -884,12 +954,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -897,11 +967,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -930,7 +1006,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1108,645 +1186,710 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); +} @media (min-width: 1600px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.varsom, :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} - + :root.varsom, + :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } @media ((min-width: 764px) and (max-width: 1023px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.varsom, :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - + :root.varsom, + :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } @media ((min-width: 390px) and (max-width: 763px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.varsom, :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root.varsom, + :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root.varsom, :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ + :root.varsom, + :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } - -} \ No newline at end of file diff --git a/public/css/nve.css b/public/css/nve.css index aa9fb7f6..d703b855 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,11 +246,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -279,7 +285,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -322,7 +330,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -458,7 +468,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -472,9 +482,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -604,6 +626,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -612,692 +638,794 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} @media (min-width: 1600px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } +@media ((min-width: 764px) and (max-width: 1023px)) { + /** + * Do not edit directly, this file was auto-generated. + */ + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } -@media ((min-width: 764px) and (max-width: 1023px)) { -/** +@media ((min-width: 390px) and (max-width: 763px)) { + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - -} -@media ((min-width: 390px) and (max-width: 763px)) { -/** - * Do not edit directly, this file was auto-generated. - */ - -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } diff --git a/public/css/rme.css b/public/css/rme.css index d6af4bc1..a6067942 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,11 +246,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -279,7 +285,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -322,7 +330,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -458,7 +468,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -472,9 +482,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -604,6 +626,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -612,692 +638,794 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} @media (min-width: 1600px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } +@media ((min-width: 764px) and (max-width: 1023px)) { + /** + * Do not edit directly, this file was auto-generated. + */ + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } -@media ((min-width: 764px) and (max-width: 1023px)) { -/** +@media ((min-width: 390px) and (max-width: 763px)) { + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - -} -@media ((min-width: 390px) and (max-width: 763px)) { -/** - * Do not edit directly, this file was auto-generated. - */ - -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } diff --git a/public/css/varsom.css b/public/css/varsom.css index bc195e5a..75852a46 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.20; + --line-height-1: 1.2; --line-height-2: 1.25; - --line-height-3: 1.30; - --line-height-4: 1.40; - --line-height-5: 1.50; - --line-height-6: 1.10; + --line-height-3: 1.3; + --line-height-4: 1.4; + --line-height-5: 1.5; + --line-height-6: 1.1; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,11 +246,17 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); - --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); - --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); - --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); + --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); + --box-shadow-soft: + -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), + -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); + --box-shadow-hard: + -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), + -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); + --box-shadow-dropdown: + 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), + 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -279,7 +285,9 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var( + --color-shades-functional-neutralgrey-000 + ); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -322,7 +330,9 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ + --color-feedback-background-default-neutral: var( + --color-shades-functional-neutralgrey-150 + ); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -458,7 +468,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -472,9 +482,21 @@ --sizing-24x: 24px; --sizing-32x: 32px; --sizing-40x: 40px; + --sizing-62x: 62px; --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; --sizing-200x: 200px; + --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; @@ -604,6 +626,10 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -612,692 +638,797 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) + var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) + var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) + var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) + var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + + --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) + var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / + var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) + var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) + var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -@media (min-width: 1600px) { -/** - * Do not edit directly, this file was auto-generated. - */ - -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +@media (min-width: 1600px) { + /** + * Do not edit directly, this file was auto-generated. + */ + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large: var(--sizing-212x); + --sizing-card-link-card-height-large: var(--sizing-136x); + --sizing-card-link-card-height-medium: var(--sizing-112x); + --sizing-card-link-card-height-small: var(--sizing-88x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ + } } @media ((min-width: 764px) and (max-width: 1023px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large: var(--sizing-132x); + --sizing-card-link-card-height-large: var(--sizing-118x); + --sizing-card-link-card-height-medium: var(--sizing-92x); + --sizing-card-link-card-height-small: var(--sizing-70x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ + } } @media ((min-width: 390px) and (max-width: 763px)) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large: var(--sizing-124x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ + } } @media (max-width: 389px) { -/** + /** * Do not edit directly, this file was auto-generated. */ -:root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-64x: 64px; - --sizing-88x: 88px; - --sizing-200x: 200px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ -} - + :root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-24x: 24px; + --sizing-32x: 32px; + --sizing-40x: 40px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large: var(--sizing-120x); + --sizing-card-link-card-height-large: var(--sizing-108x); + --sizing-card-link-card-height-medium: var(--sizing-84x); + --sizing-card-link-card-height-small: var(--sizing-62x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ + } } From e64aea1455861e4c139032f02098acdf86649230 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Fri, 20 Feb 2026 11:18:10 +0100 Subject: [PATCH 3/6] =?UTF-8?q?feat(tokens):=20Nye=20tokens:=20icon=20st?= =?UTF-8?q?=C3=B8rrelser=20(7=20stk)=20+=20endret=20navn=20p=C3=A5=20sizin?= =?UTF-8?q?g.card.link-card?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens/$themes.json | 70 ++++++++++++++++++-- tokens/brand/nve.json | 40 ++++++++++++ tokens/public/device/desktop-large.json | 87 +++++++++++++++++++++---- tokens/public/device/desktop.json | 87 +++++++++++++++++++++---- tokens/public/device/mobile-small.json | 87 +++++++++++++++++++++---- tokens/public/device/mobile.json | 87 +++++++++++++++++++++---- tokens/public/device/tablet.json | 87 +++++++++++++++++++++---- 7 files changed, 470 insertions(+), 75 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 562bcd57..0a4974a0 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -1299,6 +1299,13 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1309,7 +1316,12 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" }, "group": "Device" }, @@ -1456,6 +1468,13 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1466,7 +1485,12 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" }, "group": "Device" }, @@ -1611,6 +1635,13 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1621,7 +1652,12 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" }, "$figmaCollectionId": "VariableCollectionId:1972:338", "$figmaModeId": "1972:14", @@ -1730,6 +1766,13 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1740,7 +1783,12 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" }, "group": "Device" }, @@ -2191,6 +2239,13 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2201,7 +2256,12 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", + "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", + "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" }, "group": "Device" } diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index 6e413a0b..bf6803fb 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -1484,18 +1484,46 @@ } }, "sizing": { + "18x": { + "$type": "sizing", + "$value": "18px" + }, + "20x": { + "$type": "sizing", + "$value": "20px" + }, "24x": { "$type": "sizing", "$value": "24px" }, + "28x": { + "$type": "sizing", + "$value": "28px" + }, "32x": { "$type": "sizing", "$value": "32px" }, + "36x": { + "$type": "sizing", + "$value": "36px" + }, "40x": { "$type": "sizing", "$value": "40px" }, + "44x": { + "$type": "sizing", + "$value": "44px" + }, + "48x": { + "$type": "sizing", + "$value": "48px" + }, + "56x": { + "$type": "sizing", + "$value": "56px" + }, "62x": { "$type": "sizing", "$value": "62px" @@ -1548,6 +1576,14 @@ "$type": "sizing", "$value": "136px" }, + "160x": { + "$type": "sizing", + "$value": "160px" + }, + "180x": { + "$type": "sizing", + "$value": "180px" + }, "200x": { "$type": "sizing", "$value": "200px" @@ -1572,6 +1608,10 @@ "$type": "sizing", "$value": "232px" }, + "246x": { + "$type": "sizing", + "$value": "246px" + }, "256x": { "$type": "sizing", "$value": "256px" diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index 0f9f8ff0..b304e39e 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -154,23 +154,82 @@ "link-card": { "height": { "x-large": { - "$type": "sizing", - "$value": "{sizing.212x}" - }, - "large": { - "$type": "sizing", - "$value": "{sizing.136x}" - }, - "medium": { - "$type": "sizing", - "$value": "{sizing.112x}" - }, - "small": { - "$type": "sizing", - "$value": "{sizing.88x}" + "min-height": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.246x}" + } } } } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.70x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index 08d61f01..fd6456fc 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -168,24 +168,83 @@ "link-card": { "height": { "x-large": { - "$type": "sizing", - "$value": "{sizing.212x}" - }, - "large": { - "$type": "sizing", - "$value": "{sizing.136x}" - }, - "medium": { - "$type": "sizing", - "$value": "{sizing.112x}" - }, - "small": { - "$type": "sizing", - "$value": "{sizing.88x}" + "min-height": { + "$type": "sizing", + "$value": "{sizing.212x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.246x}" + } } } } }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.70x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } + }, "fixed-sizing": { "2x-small": { "$type": "sizing", diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index 7f3c8293..e29abc74 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -154,23 +154,82 @@ "link-card": { "height": { "x-large": { - "$type": "sizing", - "$value": "{sizing.120x}" - }, - "large": { - "$type": "sizing", - "$value": "{sizing.108x}" - }, - "medium": { - "$type": "sizing", - "$value": "{sizing.84x}" - }, - "small": { - "$type": "sizing", - "$value": "{sizing.62x}" + "min-height": { + "$type": "sizing", + "$value": "{sizing.120x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.160x}" + } } } } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.36x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.28x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index c4fe23a2..de0c2178 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -154,23 +154,82 @@ "link-card": { "height": { "x-large": { - "$type": "sizing", - "$value": "{sizing.124x}" - }, - "large": { - "$type": "sizing", - "$value": "{sizing.108x}" - }, - "medium": { - "$type": "sizing", - "$value": "{sizing.84x}" - }, - "small": { - "$type": "sizing", - "$value": "{sizing.62x}" + "min-height": { + "$type": "sizing", + "$value": "{sizing.124x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.180x}" + } } } } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.36x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.28x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index d246e767..115970f1 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -154,23 +154,82 @@ "link-card": { "height": { "x-large": { - "$type": "sizing", - "$value": "{sizing.132x}" - }, - "large": { - "$type": "sizing", - "$value": "{sizing.118x}" - }, - "medium": { - "$type": "sizing", - "$value": "{sizing.92x}" - }, - "small": { - "$type": "sizing", - "$value": "{sizing.70x}" + "min-height": { + "$type": "sizing", + "$value": "{sizing.132x}" + }, + "max-height": { + "$type": "sizing", + "$value": "{sizing.200x}" + } } } } + }, + "icon": { + "3x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.56x}" + }, + "2x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.48x}" + }, + "x-large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.44x}" + }, + "large": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.40x}" + }, + "medium": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.32x}" + }, + "small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.24x}" + }, + "x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] + }, + "$type": "sizing", + "$value": "{sizing.20x}" + } } }, "font-size": { From 97284dd15f1090e3bd7b67a49dd03c5552daef9d Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 20 Feb 2026 10:19:25 +0000 Subject: [PATCH 4/6] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?= =?UTF-8?q?=C3=A5=20nye=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.vitepress/theme/styles/nve_theme.css | 1564 +++++++++-------- .../.vitepress/theme/styles/rme_theme.css | 1564 +++++++++-------- .../.vitepress/theme/styles/varsom_theme.css | 1564 +++++++++-------- public/css/nve.css | 1396 ++++++++------- public/css/rme.css | 1396 ++++++++------- public/css/varsom.css | 1397 ++++++++------- 6 files changed, 4802 insertions(+), 4079 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 1d6afe2c..295b04f8 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -474,9 +474,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -490,12 +497,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -621,10 +631,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -633,91 +648,50 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1194,702 +1168,760 @@ * Do not edit directly, this file was auto-generated. */ - :root.nve, - :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } +:root.nve, :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} + } @media ((min-width: 764px) and (max-width: 1023px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.nve, - :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root.nve, :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.nve, - :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root.nve, :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root.nve, - :root.nve_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root.nve, :root.nve_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ } diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index 0ab1a3c0..8446b655 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -474,9 +474,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -490,12 +497,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -621,10 +631,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -633,91 +648,50 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1194,702 +1168,760 @@ * Do not edit directly, this file was auto-generated. */ - :root.rme, - :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } +:root.rme, :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} + } @media ((min-width: 764px) and (max-width: 1023px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.rme, - :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root.rme, :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.rme, - :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root.rme, :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root.rme, - :root.rme_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root.rme, :root.rme_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ } diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 13634cda..4b3eecc1 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -474,9 +474,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -490,12 +497,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -621,10 +631,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -633,91 +648,50 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -1194,702 +1168,760 @@ * Do not edit directly, this file was auto-generated. */ - :root.varsom, - :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } +:root.varsom, :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ +} + } @media ((min-width: 764px) and (max-width: 1023px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.varsom, - :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root.varsom, :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root.varsom, - :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root.varsom, :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root.varsom, - :root.varsom_darkmode { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root.varsom, :root.varsom_darkmode { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ } diff --git a/public/css/nve.css b/public/css/nve.css index d703b855..65eab85f 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -479,9 +479,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -495,12 +502,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -626,10 +636,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -638,91 +653,238 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +@media (min-width: 1600px) { +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -909,523 +1071,571 @@ * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ +} + } diff --git a/public/css/rme.css b/public/css/rme.css index a6067942..256b5737 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -479,9 +479,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -495,12 +502,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -626,10 +636,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -638,91 +653,238 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +@media (min-width: 1600px) { +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-x-small: var(--dimension-4x); /** 14 px */ + --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ @@ -909,523 +1071,571 @@ * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ +} + } diff --git a/public/css/varsom.css b/public/css/varsom.css index 75852a46..3fad8259 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -479,9 +479,16 @@ --spacing-88x: 88px; --spacing-220x: 220px; --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; --sizing-24x: 24px; + --sizing-28x: 28px; --sizing-32x: 32px; + --sizing-36x: 36px; --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; @@ -495,12 +502,15 @@ --sizing-124x: 124px; --sizing-132x: 132px; --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; --sizing-200x: 200px; --sizing-212x: 212px; --sizing-216x: 216px; --sizing-217x: 217px; --sizing-220x: 220px; --sizing-232x: 232px; + --sizing-246x: 246px; --sizing-256x: 256px; --sizing-282x: 282px; --sizing-286x: 286px; @@ -626,10 +636,15 @@ --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-large: var(--sizing-750x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -638,92 +653,236 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large) / var(--line-height-0) - var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large) / var(--line-height-2) - var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large) / var(--line-height-3) - var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large) / var(--line-height-4) - var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - - --typography-body-medium: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-1) - var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small) / - var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-5) - var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small) / var(--line-height-6) - var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --font-size-small: var(--dimension-4-5x); /** 16 px */ + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small) / var(--line-height-6) - var(--font-family-source-sans-pro); --font-size-medium: var(--dimension-5x); /** 18 px */ + --font-size-large: var(--dimension-6x); /** 20 px */ + --font-size-x-large: var(--dimension-8x); /** 24 px */ + --font-size-2x-large: var(--dimension-10x); /** 32 px */ + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +@media (min-width: 1600px) { +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-6x); + --spacing-x-large: var(--dimension-8x); + --spacing-2x-large: var(--dimension-12x); + --spacing-3x-large: var(--dimension-16x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-24x); + --spacing-content-margin-top: var(--spacing-40x); + --spacing-content-margin-bottom: var(--spacing-88x); + --spacing-content-margin-left-right: var(--spacing-48x); + --sizing-4x-small: var(--dimension-2x); + --sizing-3x-small: var(--dimension-4x); + --sizing-2x-small: var(--dimension-6x); + --sizing-x-small: var(--dimension-9x); + --sizing-small: var(--dimension-12x); + --sizing-medium: var(--dimension-15x); + --sizing-large: var(--dimension-18x); + --sizing-x-large: var(--dimension-21x); + --sizing-2x-large: var(--dimension-24x); + --sizing-device-page-min-width: var(--sizing-1600x); + --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-1200x); + --sizing-device-content-max-width-small: var(--sizing-588x); + --sizing-device-content-max-width-x-small: var(--sizing-282x); + --sizing-brand-logo-medium: var(--sizing-88x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-1024x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); + --sizing-icon-3x-large: var(--sizing-70x); + --sizing-icon-2x-large: var(--sizing-56x); + --sizing-icon-x-large: var(--sizing-48x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ @@ -912,523 +1071,571 @@ * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-5x); - --spacing-x-large: var(--dimension-7x); - --spacing-2x-large: var(--dimension-10x); - --spacing-3x-large: var(--dimension-14x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-22x); - --spacing-content-margin-top: var(--spacing-32x); - --spacing-content-margin-bottom: var(--spacing-56x); - --spacing-content-margin-left-right: var(--spacing-40x); - --sizing-4x-small: var(--dimension-1x); - --sizing-3x-small: var(--dimension-3-5x); - --sizing-2x-small: var(--dimension-5x); - --sizing-x-small: var(--dimension-8x); - --sizing-small: var(--dimension-11x); - --sizing-medium: var(--dimension-14x); - --sizing-large: var(--dimension-17x); - --sizing-x-large: var(--dimension-20x); - --sizing-2x-large: var(--dimension-23x); - --sizing-device-page-min-width: var(--sizing-764x); - --sizing-device-page-max-width: var(--sizing-1023x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-800x); - --sizing-device-content-max-width-small: var(--sizing-544x); - --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-544x); - --sizing-card-link-card-height-x-large: var(--sizing-132x); - --sizing-card-link-card-height-large: var(--sizing-118x); - --sizing-card-link-card-height-medium: var(--sizing-92x); - --sizing-card-link-card-height-small: var(--sizing-70x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-1x); + --spacing-x-small: var(--dimension-2x); + --spacing-small: var(--dimension-3x); + --spacing-medium: var(--dimension-4x); + --spacing-large: var(--dimension-5x); + --spacing-x-large: var(--dimension-7x); + --spacing-2x-large: var(--dimension-10x); + --spacing-3x-large: var(--dimension-14x); + --spacing-4x-large: var(--dimension-20x); + --spacing-5x-large: var(--dimension-22x); + --spacing-content-margin-top: var(--spacing-32x); + --spacing-content-margin-bottom: var(--spacing-56x); + --spacing-content-margin-left-right: var(--spacing-40x); + --sizing-4x-small: var(--dimension-1x); + --sizing-3x-small: var(--dimension-3-5x); + --sizing-2x-small: var(--dimension-5x); + --sizing-x-small: var(--dimension-8x); + --sizing-small: var(--dimension-11x); + --sizing-medium: var(--dimension-14x); + --sizing-large: var(--dimension-17x); + --sizing-x-large: var(--dimension-20x); + --sizing-2x-large: var(--dimension-23x); + --sizing-device-page-min-width: var(--sizing-764x); + --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-800x); + --sizing-device-content-max-width-small: var(--sizing-544x); + --sizing-device-content-max-width-x-small: var(--sizing-216x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-544x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); + --sizing-icon-3x-large: var(--sizing-56x); + --sizing-icon-2x-large: var(--sizing-48x); + --sizing-icon-x-large: var(--sizing-44x); + --sizing-icon-large: var(--sizing-40x); + --sizing-icon-medium: var(--sizing-32x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media ((min-width: 390px) and (max-width: 763px)) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-6x); - --spacing-2x-large: var(--dimension-8x); - --spacing-3x-large: var(--dimension-11x); - --spacing-4x-large: var(--dimension-16x); - --spacing-5x-large: var(--dimension-19x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-48x); - --spacing-content-margin-left-right: var(--spacing-24x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-390x); - --sizing-device-page-max-width: var(--sizing-763x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-600x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-390x); - --sizing-card-link-card-height-x-large: var(--sizing-124x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-8x); /** 32 px */ - --font-size-3x-large: var(--dimension-9x); /** 40 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-6x); + --spacing-2x-large: var(--dimension-8x); + --spacing-3x-large: var(--dimension-11x); + --spacing-4x-large: var(--dimension-16x); + --spacing-5x-large: var(--dimension-19x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-48x); + --spacing-content-margin-left-right: var(--spacing-24x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-390x); + --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-600x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-large: var(--sizing-390x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-7x); /** 24 px */ + --font-size-2x-large: var(--dimension-9x); /** 32 px */ + --font-size-3x-large: var(--dimension-11x); /** 40 px */ +} + } @media (max-width: 389px) { /** * Do not edit directly, this file was auto-generated. */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-05x); - --spacing-x-small: var(--dimension-1x); - --spacing-small: var(--dimension-2x); - --spacing-medium: var(--dimension-3x); - --spacing-large: var(--dimension-4x); - --spacing-x-large: var(--dimension-4-5x); - --spacing-2x-large: var(--dimension-5x); - --spacing-3x-large: var(--dimension-6x); - --spacing-4x-large: var(--dimension-7x); - --spacing-5x-large: var(--dimension-10x); - --spacing-content-margin-top: var(--spacing-24x); - --spacing-content-margin-bottom: var(--spacing-40x); - --spacing-content-margin-left-right: var(--spacing-20x); - --sizing-4x-small: var(--dimension-05x); - --sizing-3x-small: var(--dimension-3x); - --sizing-2x-small: var(--dimension-4-5x); - --sizing-x-small: var(--dimension-7x); - --sizing-small: var(--dimension-10x); - --sizing-medium: var(--dimension-13x); - --sizing-large: var(--dimension-16x); - --sizing-x-large: var(--dimension-19x); - --sizing-2x-large: var(--dimension-22x); - --sizing-device-page-min-width: var(--sizing-320x); - --sizing-device-page-max-width: var(--sizing-389x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-366x); - --sizing-device-content-max-width-small: var(--sizing-496x); - --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); - --sizing-brand-illustration-medium: var(--sizing-24x); - --sizing-image-large: var(--sizing-320x); - --sizing-card-link-card-height-x-large: var(--sizing-120x); - --sizing-card-link-card-height-large: var(--sizing-108x); - --sizing-card-link-card-height-medium: var(--sizing-84x); - --sizing-card-link-card-height-small: var(--sizing-62x); - --font-size-2x-small: var(--dimension-3x); /** 12 px */ - --font-size-x-small: var(--dimension-3-5x); /** 14 px */ - --font-size-small: var(--dimension-4x); /** 16 px */ - --font-size-medium: var(--dimension-4-5x); /** 18 px */ - --font-size-large: var(--dimension-5x); /** 20 px */ - --font-size-x-large: var(--dimension-6x); /** 24 px */ - --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 32 px */ - } +:root { + --spacing-none: 0; + --spacing-20x: 20px; + --spacing-24x: 24px; + --spacing-32x: 32px; + --spacing-40x: 40px; + --spacing-48x: 48px; + --spacing-50x: 50px; + --spacing-56x: 56px; + --spacing-88x: 88px; + --spacing-220x: 220px; + --spacing-620x: 620px; + --sizing-18x: 18px; + --sizing-20x: 20px; + --sizing-24x: 24px; + --sizing-28x: 28px; + --sizing-32x: 32px; + --sizing-36x: 36px; + --sizing-40x: 40px; + --sizing-44x: 44px; + --sizing-48x: 48px; + --sizing-56x: 56px; + --sizing-62x: 62px; + --sizing-64x: 64px; + --sizing-70x: 70px; + --sizing-84x: 84px; + --sizing-88x: 88px; + --sizing-92x: 92px; + --sizing-108x: 108px; + --sizing-112x: 112px; + --sizing-118x: 118px; + --sizing-120x: 120px; + --sizing-124x: 124px; + --sizing-132x: 132px; + --sizing-136x: 136px; + --sizing-160x: 160px; + --sizing-180x: 180px; + --sizing-200x: 200px; + --sizing-212x: 212px; + --sizing-216x: 216px; + --sizing-217x: 217px; + --sizing-220x: 220px; + --sizing-232x: 232px; + --sizing-246x: 246px; + --sizing-256x: 256px; + --sizing-282x: 282px; + --sizing-286x: 286px; + --sizing-320x: 320px; + --sizing-342x: 342px; + --sizing-366x: 366px; + --sizing-389x: 389px; + --sizing-390x: 390px; + --sizing-428x: 428px; + --sizing-440x: 440px; + --sizing-468x: 468px; + --sizing-480x: 480px; + --sizing-496x: 496px; + --sizing-520x: 520px; + --sizing-544x: 544px; + --sizing-572x: 572px; + --sizing-588x: 588px; + --sizing-600x: 600px; + --sizing-700x: 700px; + --sizing-750x: 750px; + --sizing-763x: 763px; + --sizing-764x: 764px; + --sizing-799x: 799px; + --sizing-800x: 800px; + --sizing-1000x: 1000px; + --sizing-1023x: 1023px; + --sizing-1024x: 1024px; + --sizing-1140x: 1140px; + --sizing-1200x: 1200px; + --sizing-1439x: 1439px; + --sizing-1440x: 1440px; + --sizing-1599x: 1599px; + --sizing-1600x: 1600px; + --sizing-1800x: 1800px; + --sizing-2439x: 2439px; + --sizing-2440x: 2440px; + --sizing-2560x: 2560px; + --sizing-9999x: 9999px; + --dimension-025x: 0.0625rem; /** 1px */ + --dimension-05x: 0.125rem; /** 2px */ + --dimension-1x: 0.25rem; /** 4px */ + --dimension-2x: 0.5rem; /** 8px */ + --dimension-3x: 0.75rem; /** 12px */ + --dimension-3-5x: 0.875rem; /** 14px */ + --dimension-4x: 1rem; /** 16px */ + --dimension-4-5x: 1.125rem; /** 18px */ + --dimension-5x: 1.25rem; /** 20px */ + --dimension-6x: 1.5rem; /** 24px */ + --dimension-7x: 1.75rem; /** 28px */ + --dimension-8x: 2rem; /** 32px */ + --dimension-9x: 2.25rem; /** 36px */ + --dimension-10x: 2.5rem; /** 40px */ + --dimension-11x: 2.75rem; /** 44px */ + --dimension-12x: 3rem; /** 48px */ + --dimension-13x: 3.25rem; /** 52px */ + --dimension-14x: 3.5rem; /** 56px */ + --dimension-15x: 3.75rem; /** 60px */ + --dimension-16x: 4rem; /** 64px */ + --dimension-17x: 4.25rem; /** 68px */ + --dimension-18x: 4.5rem; /** 72px */ + --dimension-19x: 4.75rem; /** 76px */ + --dimension-20x: 5rem; /** 80px */ + --dimension-21x: 5.25rem; /** 84px */ + --dimension-22x: 5.5rem; /** 88px */ + --dimension-23x: 5.75rem; /** 92px */ + --dimension-24x: 6rem; /** 96px */ + --dimension-25x: 6.25rem; /** 100px */ + --dimension-26x: 6.5rem; /** 104px */ + --dimension-27x: 6.75rem; /** 108px */ + --dimension-28x: 7rem; /** 112px */ + --dimension-29x: 7.25rem; /** 116px */ + --dimension-30x: 7.5rem; /** 120px */ + --letter-spacing-0: 0em; + --letter-spacing-1: 0.05em; + --paragraph-spacing-0: 0; + --paragraph-spacing-1: 12px; + --paragraph-spacing-2: 16px; + --paragraph-spacing-3: 24px; + --paragraph-spacing-4: 32px; + --paragraph-spacing-5: 40px; + --paragraph-indent-0: 0px; + --border-radius-none: 0px; + --border-radius-small: 4px; + --border-radius-large: 6px; + --border-radius-circle: 50px; + --border-radius-pill: 9999px; + --border-width-none: 0px; + --border-width-default: 1px; + --border-width-strong: 2px; + --border-width-stronger: 4px; + --spacing-2x-small: var(--dimension-05x); + --spacing-x-small: var(--dimension-1x); + --spacing-small: var(--dimension-2x); + --spacing-medium: var(--dimension-3x); + --spacing-large: var(--dimension-4x); + --spacing-x-large: var(--dimension-4-5x); + --spacing-2x-large: var(--dimension-5x); + --spacing-3x-large: var(--dimension-6x); + --spacing-4x-large: var(--dimension-7x); + --spacing-5x-large: var(--dimension-10x); + --spacing-content-margin-top: var(--spacing-24x); + --spacing-content-margin-bottom: var(--spacing-40x); + --spacing-content-margin-left-right: var(--spacing-20x); + --sizing-4x-small: var(--dimension-05x); + --sizing-3x-small: var(--dimension-3x); + --sizing-2x-small: var(--dimension-4-5x); + --sizing-x-small: var(--dimension-7x); + --sizing-small: var(--dimension-10x); + --sizing-medium: var(--dimension-13x); + --sizing-large: var(--dimension-16x); + --sizing-x-large: var(--dimension-19x); + --sizing-2x-large: var(--dimension-22x); + --sizing-device-page-min-width: var(--sizing-320x); + --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); + --sizing-device-content-max-width-large: var(--sizing-1800x); + --sizing-device-content-max-width-medium: var(--sizing-366x); + --sizing-device-content-max-width-small: var(--sizing-496x); + --sizing-device-content-max-width-x-small: var(--sizing-496x); + --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-large: var(--sizing-320x); + --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); + --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); + --sizing-icon-3x-large: var(--sizing-48x); + --sizing-icon-2x-large: var(--sizing-40x); + --sizing-icon-x-large: var(--sizing-36x); + --sizing-icon-large: var(--sizing-32x); + --sizing-icon-medium: var(--sizing-28x); + --sizing-icon-small: var(--sizing-24x); + --sizing-icon-x-small: var(--sizing-20x); + --font-size-2x-small: var(--dimension-3x); /** 12 px */ + --font-size-x-small: var(--dimension-3-5x); /** 14 px */ + --font-size-small: var(--dimension-4x); /** 16 px */ + --font-size-medium: var(--dimension-4-5x); /** 18 px */ + --font-size-large: var(--dimension-5x); /** 20 px */ + --font-size-x-large: var(--dimension-6x); /** 24 px */ + --font-size-2x-large: var(--dimension-7x); /** 32 px */ + --font-size-3x-large: var(--dimension-8x); /** 40 px */ +} + } From 02f772b5ffa8cc059667fea9d8d7405346e949df Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 23 Feb 2026 10:06:57 +0100 Subject: [PATCH 5/6] fix(tokens): variables syncet mot tokens --- tokens/$themes.json | 877 +++++++++++++++++++++++++++++++++++++++----- 1 file changed, 790 insertions(+), 87 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 0a4974a0..f2f64773 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -127,12 +127,7 @@ "soft": "S:f3be7452fc50d6fb0c241896f69fd7b0f86a2090,", "hard": "S:8f2c924d8cf1767aec99ced7be79e6d3f6cc5182,", "header": "S:cb6851dc8a3aa430899be634fe4efe38cf8feab1,", - "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91," }, "selectedTokenSets": { "brand/nve": "enabled" @@ -140,6 +135,236 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "1972:8", "$figmaVariableReferences": { + "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", + "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", + "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", + "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", + "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", + "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", + "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", + "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", + "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", + "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", + "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", + "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", + "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", + "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", + "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", + "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", + "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", + "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", + "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", + "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", + "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", + "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", + "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", + "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", + "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", + "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", + "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", + "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", + "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", + "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", + "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", + "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", + "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", + "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", + "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", + "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", + "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", + "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", + "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", + "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", + "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", + "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", + "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", + "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", + "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", + "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", + "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", + "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", + "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", + "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", + "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", + "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", + "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", + "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", + "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", + "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", + "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", + "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", + "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", + "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", + "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", + "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", + "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", + "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", + "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", + "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", + "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", + "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", + "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", + "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", + "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", + "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", + "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", + "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", + "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", + "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", + "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", + "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", + "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", + "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", + "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", + "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", + "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", + "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", + "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", + "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", + "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", + "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", + "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", + "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", + "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", + "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", + "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", + "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", + "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", + "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", + "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", + "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", + "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", + "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", + "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", + "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", + "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", + "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", + "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", + "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", + "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", + "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", + "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", + "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", + "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", + "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", + "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", + "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", + "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", + "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", + "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", + "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", + "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", + "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", + "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", + "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", + "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", + "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", + "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", + "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", + "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", + "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", + "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", + "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", + "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", + "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", + "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", + "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", + "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", + "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", + "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", + "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", + "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", + "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", + "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", + "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", + "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", + "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", + "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", + "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", + "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", + "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", + "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", + "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", + "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", + "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", + "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", + "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", + "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", + "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", + "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", + "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", + "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", + "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", + "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", + "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", + "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", + "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", + "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", + "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", + "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", + "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", + "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", + "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", + "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", + "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", + "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", + "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", + "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", + "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", + "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", + "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", + "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", + "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", + "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", + "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", + "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", + "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", + "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", + "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", + "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", + "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", + "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", + "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", + "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", + "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", + "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", + "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", + "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", + "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", + "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", + "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", + "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", + "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", + "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", + "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", + "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", + "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", + "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", + "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", + "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", + "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", + "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", + "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", + "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", + "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", + "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", + "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", + "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", + "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", + "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", + "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", + "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", + "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", + "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", + "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -209,9 +434,18 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", @@ -225,12 +459,15 @@ "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -283,6 +520,236 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "1972:9", "$figmaVariableReferences": { + "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", + "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", + "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", + "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", + "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", + "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", + "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", + "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", + "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", + "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", + "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", + "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", + "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", + "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", + "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", + "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", + "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", + "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", + "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", + "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", + "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", + "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", + "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", + "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", + "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", + "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", + "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", + "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", + "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", + "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", + "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", + "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", + "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", + "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", + "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", + "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", + "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", + "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", + "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", + "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", + "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", + "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", + "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", + "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", + "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", + "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", + "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", + "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", + "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", + "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", + "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", + "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", + "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", + "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", + "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", + "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", + "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", + "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", + "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", + "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", + "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", + "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", + "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", + "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", + "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", + "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", + "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", + "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", + "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", + "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", + "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", + "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", + "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", + "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", + "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", + "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", + "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", + "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", + "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", + "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", + "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", + "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", + "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", + "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", + "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", + "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", + "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", + "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", + "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", + "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", + "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", + "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", + "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", + "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", + "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", + "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", + "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", + "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", + "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", + "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", + "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", + "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", + "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", + "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", + "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", + "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", + "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", + "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", + "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", + "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", + "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", + "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", + "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", + "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", + "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", + "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", + "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", + "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", + "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", + "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", + "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", + "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", + "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", + "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", + "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", + "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", + "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", + "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", + "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", + "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", + "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", + "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", + "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", + "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", + "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", + "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", + "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", + "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", + "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", + "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", + "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", + "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", + "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", + "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", + "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", + "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", + "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", + "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", + "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", + "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", + "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", + "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", + "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", + "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", + "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", + "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", + "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", + "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", + "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", + "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", + "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", + "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", + "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", + "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", + "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", + "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", + "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", + "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", + "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", + "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", + "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", + "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", + "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", + "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", + "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", + "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", + "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", + "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", + "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", + "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", + "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", + "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", + "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", + "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", + "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", + "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", + "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", + "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", + "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", + "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", + "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", + "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", + "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", + "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", + "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", + "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", + "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", + "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", + "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", + "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", + "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", + "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", + "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", + "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", + "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", + "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", + "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", + "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", + "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", + "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", + "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", + "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", + "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", + "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", + "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", + "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", + "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", + "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", + "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", + "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", + "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", + "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -352,9 +819,18 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", @@ -368,12 +844,15 @@ "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -584,6 +1063,7 @@ "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae", "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020", "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964", + "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2", "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e", "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef", "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc", @@ -595,6 +1075,7 @@ "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", + "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", @@ -692,6 +1173,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -702,11 +1188,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1060,6 +1541,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -1070,11 +1556,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1282,6 +1763,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1299,13 +1789,6 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", - "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", - "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", - "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", - "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", - "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", - "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", - "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1316,12 +1799,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", - "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -1451,6 +1929,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1468,13 +1955,6 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", - "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", - "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", - "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", - "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", - "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", - "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", - "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1485,12 +1965,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", - "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -1618,6 +2093,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1635,13 +2119,6 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", - "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", - "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", - "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", - "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", - "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", - "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", - "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1652,12 +2129,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", - "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "$figmaCollectionId": "VariableCollectionId:1972:338", "$figmaModeId": "1972:14", @@ -1749,6 +2221,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -1766,13 +2247,6 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", - "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", - "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", - "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", - "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", - "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", - "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", - "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1783,12 +2257,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", - "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -1990,12 +2459,7 @@ "neutralgrey.950": "S:0861bb7c4226791d1bb7667a330a789e767295ea,", "neutralgrey.999": "S:1782686f2b0f8db275e39c5963346cc55141a97c,", "neutralgrey.000": "S:9f965ed5b7e6c494c08b269eeff1e999b44a0a28,", - "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39," }, "selectedTokenSets": { "brand/nve": "enabled", @@ -2004,6 +2468,236 @@ "$figmaCollectionId": "VariableCollectionId:1972:336", "$figmaModeId": "2276:0", "$figmaVariableReferences": { + "color-shades.brand.100": "e401fc23206d1645b3bbeda8d27041752c9cf2ba", + "color-shades.brand.150": "d5e9f67f8d4e1f95f9fdbb0fd41d875f8a0834b0", + "color-shades.brand.200": "9c063db266b79d5336efd3d7249ae7a6cd200a28", + "color-shades.brand.250": "16d08f489131afd9d2af9869d188e2d9c25f51f7", + "color-shades.brand.300": "43aff2fd4008f40f7131319e3eb69dc77de9033e", + "color-shades.brand.400": "b3193b1dea4a86e5c1226e9c54afb292b24c3a51", + "color-shades.brand.500": "7dd87c8de2ad659bd970d1812371ae37b8736e78", + "color-shades.brand.600": "341e25304097ab6dda9af7e72d691bca949ef8bd", + "color-shades.brand.700": "495b58bc785d8c837c0383914ed02499b74be9e4", + "color-shades.brand.800": "08b29434016bc554a25756f7c1171c855369e199", + "color-shades.brand.850": "de58de6be44797680100fc2d701b227172bc0c47", + "color-shades.brand.900": "3e05226e8e715522993c9e875ae8ec07c4e85ae8", + "color-shades.brand.950": "83bc7a09c3cf31dbf3e88e92e7b908083f1043c8", + "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc", + "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d", + "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f", + "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291", + "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f", + "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317", + "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70", + "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61", + "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35", + "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae", + "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5", + "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0", + "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d", + "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d", + "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da", + "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f", + "color-shades.grey.300": "9b6e7c6625d35f76490313a4b7b17a782b0112c6", + "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0", + "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0", + "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e", + "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3", + "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe", + "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01", + "color-shades.grey.900": "7360be62cc8f4b8be7354a4fb3a3e7e1b01d3c35", + "color-shades.grey.950": "a1aaf18f37d2bc194eac25d80d5942a8d910aeac", + "color-shades.grey.999": "36e68c7b10debdec9a571c800766b417c81ac950", + "color-shades.grey.000": "0d3a7969518032afed3c801ade0954bb6da915db", + "color-shades.grey.050": "4277dbd6ffee71850f03ba4fc630c758d01b5a2f", + "color-shades.data.color-a.100": "fe50084443bbd83421598fd8469aa4737e8e4438", + "color-shades.data.color-a.150": "bfa4588dc1b12ccbbb4b48bfced663e34c8c9113", + "color-shades.data.color-a.250": "894653e203fd2992766e5b70883947a41fd24023", + "color-shades.data.color-a.300": "c160b556366b83530b68dd5ac120a061894b35ca", + "color-shades.data.color-a.600": "071da938e3e8d88825be4ae13ab59ae65c42c81e", + "color-shades.data.color-a.800": "8f16ecf96df7969363c24d500dd2e348d271cd3b", + "color-shades.data.color-a.950": "71e7fbaab01b0b379203a45a506e29d2d7747bfd", + "color-shades.data.color-a.300-005": "b6514971e58d73677311a83a89ea634514f1982a", + "color-shades.data.color-a.300-015": "992c39246edb8782b1db540583dfefde2cacd204", + "color-shades.data.color-a.000": "aacdefb3fe87322c7a83fd89068725c320aaf7ec", + "color-shades.data.color-e.100": "99f4de2d55d24c03da9ec8034d404d01a989f773", + "color-shades.data.color-e.200": "4a380a03eeec4ddda675bcbb9bd75ab9586d14c1", + "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", + "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", + "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", + "color-shades.functional.blue.100": "7dc05638f766985db3dcf05cc1e6c3b90f3f0afa", + "color-shades.functional.blue.150": "a3ff44d0d7b14dc56d58c6a8602952e8730113aa", + "color-shades.functional.blue.200": "fb55ba0d57a004bc7cde65fd82025e9e9d167c85", + "color-shades.functional.blue.300": "75d6c62717a06c440dd2fd7ee7d71c12d8ee9319", + "color-shades.functional.blue.400": "368c654570784205d8b310ba2d23e45baedd15af", + "color-shades.functional.blue.500": "e695bc6a7ecd0344f0ee3e73e1501899f2b8adb5", + "color-shades.functional.blue.600": "4fe92c9040d8a35249814e66b0ceead506da71d2", + "color-shades.functional.blue.700": "e43914edff1bb240e2c59041616310a1658267da", + "color-shades.functional.blue.800": "7f66108db42d4bddaf7d7a9615bdcfe69df06694", + "color-shades.functional.blue.850": "0850cba425870ff7b949bc93fe5b072a6f0659d6", + "color-shades.functional.blue.900": "12a9de4d49f55ad8d8c205cdfaa7065b329d8272", + "color-shades.functional.blue.950": "0546be5428ab5deb35ad1967a03924fb4efa4618", + "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", + "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", + "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", + "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", + "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", + "color-shades.data.color-b.600": "e42e97dcabb80917c8ab206a6d4e8b97f402979b", + "color-shades.data.color-b.800": "6e50c5cf600c8fa51707b8335310af35c4bf90e0", + "color-shades.data.color-b.900": "f35699536043976caae8967be98cb12a9d049e47", + "color-shades.data.color-c.400": "72a535cb1d4f27ac797a8ef211fbb107e20e6ab3", + "color-shades.data.color-c.500": "a483f92d1c870f460d841fa48c4c6dc4a9b03c2e", + "color-shades.data.color-c.600": "f6f1ab8c5269ef05edbd43a12828cc779bd5d16a", + "color-shades.data.color-c.800": "7659ab0df844a5840000dac4a3b1f143abe1ff94", + "color-shades.data.color-c.900": "f96dfe7d48841ebaecd13f1fe28b130179068524", + "color-shades.data.color-d.400": "8040ac46e9dad7be4931f0af26970c52ca6b4ea8", + "color-shades.data.color-d.500": "1f99fbcb6b4b7ae1997cfa73819f8aa3c37a8c8a", + "color-shades.data.color-d.600": "82be98ff256dc54ec8c57146c981caeb843483d0", + "color-shades.data.color-d.800": "4b1d4966a499d4937467e556df9df371ccaae50f", + "color-shades.data.color-d.900": "dfd09a7981eaaf32b7288be4da65adf2e6032a5b", + "color-shades.data.color-f.600": "91d19116ec8a66111cfb4cc98dc3c535e3b6ef5a", + "color-shades.data.color-f.800": "c13d1ed14191df27795b31ddeb7dc17aa2b649ba", + "color-shades.data.color-g.600": "ff73543c044adeee61b6eff9ec2b42ea46cf19fb", + "color-shades.data.color-g.800": "d60c53e3b73b2b7ea5f0526aa20e84c09ccf8654", + "color-shades.functional.red.100": "a84d6ceebc9669b8540d780271983584aa6dc9b8", + "color-shades.functional.red.150": "bc91b4ad188b0e04b257caeee8a8b23e8677220b", + "color-shades.functional.red.200": "fc80c0af2290e048d54ec20faf40a556374e79c2", + "color-shades.functional.red.300": "cf170ab9fecb106e9376c0fee116b935c8367671", + "color-shades.functional.red.400": "489537574de1167cb4d50aa6d91549a942b488d4", + "color-shades.functional.red.500": "419a7a5a84800a2fe2d584caf5304269bb278da4", + "color-shades.functional.red.600": "23716554055cff8ed5122ef95f8ec2d36aa508f2", + "color-shades.functional.red.700": "cac635c0f8494c58ec99fee3c52345eb1f1e3dfc", + "color-shades.functional.red.800": "b3911e0f9e9b639ab5593c091b35f2de300879b2", + "color-shades.functional.red.850": "8d28788f6311e680036fef91274d4abb5fd558dc", + "color-shades.functional.red.900": "bf7373491b49be582739b38c05ab3a1100961631", + "color-shades.functional.red.950": "aeb1ead2c88a831bf29a2981e3781921271dde0b", + "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", + "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", + "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", + "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", + "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", + "color-shades.functional.orange.300": "d32573306fffc1ef0a420ef7a68d2950cdb0f256", + "color-shades.functional.orange.400": "ef8bd211ee7df7fdc9dd6d31e265cd47a14bec9c", + "color-shades.functional.orange.500": "fef561dbaee5718a415f871d96397ca3a94a38fd", + "color-shades.functional.orange.600": "6b9ea95c7d4f5f76b28a9ea7e7b1d4b34d88d886", + "color-shades.functional.orange.700": "7c4a5e4e56ed0bf3773a43e2267a067714892c15", + "color-shades.functional.orange.800": "9102ea6334e69874511697db1cd0f4774eef976d", + "color-shades.functional.orange.850": "99e14ff1fccbce77a7d38a7bbe5b840665f4346c", + "color-shades.functional.orange.900": "525dbb80b682d376a00a85db749471463cf43cf4", + "color-shades.functional.orange.950": "3ab6ab6bccb63c8ddd20e1e1a7a30a162b88c8d1", + "color-shades.functional.orange.999": "3b72c0aee8dff18940bee87349faaafd3db8c6d9", + "color-shades.functional.orange.000": "41586f2e176592ed8e7cba184056ae8ceb4108cb", + "color-shades.functional.orange.050": "c9e90740596b7f0c569b63783e0f16df16752ae6", + "color-shades.functional.yellow.100": "992b42bdcb3b755fc1b9b683640d7729045cb099", + "color-shades.functional.yellow.150": "4080f251d9843f8ea161b071561ac0f8bd1e38c9", + "color-shades.functional.yellow.200": "97a8160539fbda5dd67dc02bb4b5ff721dcdfa62", + "color-shades.functional.yellow.300": "1dd4a0441cd02344960f12cf06ff14d4a5e6f214", + "color-shades.functional.yellow.400": "c98f6b31782e0814321a31d96f2d9dea94edfe88", + "color-shades.functional.yellow.500": "34323a935f0ee79f733d2ebd638f5bc11367bcdb", + "color-shades.functional.yellow.600": "cb604f888d4a59857c39bc0a24313450082643de", + "color-shades.functional.yellow.700": "6ed7b465ebc4ef30ece20594616a690e750618ed", + "color-shades.functional.yellow.800": "bd9291d70467c8714cad1782e1f572c6023e4c38", + "color-shades.functional.yellow.850": "6be220faa7e73d5c22fd6efbd6d86d81f2f3e5d8", + "color-shades.functional.yellow.900": "d9424b49be4ea1cc4005f0b5a5f21d8e4342eaf0", + "color-shades.functional.yellow.950": "945d524a8a58479a2c28d4b4aa670cf6e5b1f518", + "color-shades.functional.yellow.999": "c580b50524a706e0ec2e7be89d9df773d07dc71a", + "color-shades.functional.yellow.000": "994f31391f4d4d570f5c70509a2425584edd68e5", + "color-shades.functional.yellow.050": "36f843f95cde130b75f106ab1d494b2a09f074e1", + "color-shades.functional.green.100": "472a45abf0d327157aa5fb70012c59d1f1f9658d", + "color-shades.functional.green.150": "f568beba770c964406cb4e0d7f98663a058e560a", + "color-shades.functional.green.200": "653bdebe8eb32d7ec1da7a563e516552ed307206", + "color-shades.functional.green.300": "39e64c87ac2f36f9b905546f02ea5898cc9c697e", + "color-shades.functional.green.400": "94c05ba231610c2718d4ff2ec25736278ad9f477", + "color-shades.functional.green.500": "2f249ba36aee8fddc944fee8650b7551c0d9dc66", + "color-shades.functional.green.600": "f45d8e4c06aefda70b6c8df477a5698ee9d55b78", + "color-shades.functional.green.700": "4d977c67b9f6bd85aa37ba9904b1a442394f1092", + "color-shades.functional.green.800": "eeb4c0933e70b30f9229360cb01275d26856e7dc", + "color-shades.functional.green.850": "fd872322df09753e579d5aacc056f109d9cad777", + "color-shades.functional.green.900": "22d3ad84c8c7510283475b0fd045752c48dcd089", + "color-shades.functional.green.950": "7c82b5dae33d3df3eafb2a18186880e499edc794", + "color-shades.functional.green.999": "523178bb3fa72c440e0856716dba12446e1ea88d", + "color-shades.functional.green.000": "e85586d836dea9056f66e0823cb20afba5d4f030", + "color-shades.functional.green.050": "9288806fc976eeaee2a0659ac630cdad819dfe26", + "color-shades.functional.neutralgrey.100": "5397ac7d3e8d73699594e2d1357a408695b85ac6", + "color-shades.functional.neutralgrey.150": "0e588df3c48ac618a89afe606512115e53eb3436", + "color-shades.functional.neutralgrey.200": "630acbef46c015d1a42c2b79497d836dcc3a7f81", + "color-shades.functional.neutralgrey.300": "15dfa7a01d461eb149ed78763b8a66b416c44012", + "color-shades.functional.neutralgrey.400": "202687987e936b5652e01f8d59b20fb3a3e0079f", + "color-shades.functional.neutralgrey.500": "48d4a6cbb7174a35db7d612400f1c622c05c3689", + "color-shades.functional.neutralgrey.600": "cf41fd72d8dc758961848f75824382f95b86f142", + "color-shades.functional.neutralgrey.700": "080de52c1e3769a8a8f476e2683ed3fa1ac4c4d2", + "color-shades.functional.neutralgrey.800": "f905135dd0781c6b811c126320ab6e6a34fec6c2", + "color-shades.functional.neutralgrey.850": "02003cf17713b14dc0f9da20e0a8db35bd73eac3", + "color-shades.functional.neutralgrey.900": "517252cbdbbb33f01fb408de9b94d6ebb1d3e906", + "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", + "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", + "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", + "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", + "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", + "color-shades.additional.lime.200": "0a0d6f3adbac0b4d92120bc88d5d0b19bb07cc76", + "color-shades.additional.lime.300": "2ad2e4fbe5c78acf2c7f84bf6fdf909eb0132eff", + "color-shades.additional.lime.400": "e77333f57d26065f0c980493854907bbf84eb576", + "color-shades.additional.lime.500": "a755c1f2d7cef6a65623489e9113cbf04d8a1fb9", + "color-shades.additional.lime.600": "fadcad3fb6fc8b32bc91256f84766ca790f54218", + "color-shades.additional.lime.700": "54f25c6cc758a6f9147b162cfbf24fe690a3fc97", + "color-shades.additional.lime.800": "a8ce1cc3a2d204cba48c63b017739e857901bfb1", + "color-shades.additional.lime.850": "886cc6a26ec2c874adcf8c2dd7c69977a320426a", + "color-shades.additional.lime.900": "8ca06793906db19a7cc6e9c8c4678c2d60ec2620", + "color-shades.additional.lime.950": "e1360763a53a4fe5516fe13d7b14a2f15eaf4365", + "color-shades.additional.lime.999": "f52a4908f6e86540bff865d7256bcc33a02c0a87", + "color-shades.additional.lime.000": "93a85e43b86e321df9da99c3be6bd01938695324", + "color-shades.additional.lime.050": "3cb63508f0661f5d06516d43de48bea5bea6f2b6", + "color-shades.additional.purple.100": "4bf761e34462b4020f12e35b8b3cc305a58860f9", + "color-shades.additional.purple.150": "03402fdd271013377b801f660f983e9587edff6a", + "color-shades.additional.purple.200": "1a452bf62f3f18a4163ea99cafbd2bb7a35e1acf", + "color-shades.additional.purple.300": "5fbe39e5da652679444cc6aa230768516b4a4782", + "color-shades.additional.purple.400": "362a22e30526c30a8ae4e468197846b44536c4b8", + "color-shades.additional.purple.500": "3e109a115f1c2c607a51cec63a72d07a6dd01d47", + "color-shades.additional.purple.600": "d6770d3dcb37121cb90b8045e6438606c4ec45eb", + "color-shades.additional.purple.700": "1feeddea59334c08e79a97b38f947bae5fd04505", + "color-shades.additional.purple.800": "326c8955c3fa54ab4712f3793dc99df11251f368", + "color-shades.additional.purple.850": "67b3d417918aba8882e260bbaa851b93e05965e8", + "color-shades.additional.purple.900": "1beb4495df4e046d20f2bb8751e544dbcf09294a", + "color-shades.additional.purple.950": "0990ee7a46e8e362499415eafa2ef03ee6d9278e", + "color-shades.additional.purple.999": "22bb3e7d28a2d9a126ff4941b8294978da5c2a6b", + "color-shades.additional.purple.000": "5eea48ff3d668b5f85e0d41af1fd3ee53c561b30", + "color-shades.additional.purple.050": "77d65920bb955c46c5d59e00180f26c40f3b2040", + "color-shades.additional.magenta.100": "e55c8d15302386b3c845401f84b500cd9bb483e9", + "color-shades.additional.magenta.150": "e18d9c7d6233fe5497ba4d03943ef4ebb5cb40c6", + "color-shades.additional.magenta.200": "316a7ddfc6bf67492a027ce40a48f484a83f5fa1", + "color-shades.additional.magenta.300": "1de04095601a10d78de8739ecbbfec03f713a4fc", + "color-shades.additional.magenta.400": "0407a45a45fdf3ce628e22d4751512d9fcc697f6", + "color-shades.additional.magenta.500": "a2ac70eebc12f80d189e0fa91df2a0a18dfc52ec", + "color-shades.additional.magenta.600": "ae438c6239f63e49438598f4c8c9df5cbb9e6bfb", + "color-shades.additional.magenta.700": "54d9bb1d213783650e4451069863619b4d551df9", + "color-shades.additional.magenta.800": "e1e9d31cdb8dafbe1a526ce65efd6a131e2cc1da", + "color-shades.additional.magenta.850": "ef28ff9e78af334baba8ebce9d583933d2491351", + "color-shades.additional.magenta.900": "ac2dd7a4917ed18693529737bf73b79969f2a0f2", + "color-shades.additional.magenta.950": "57ca3f4dfafd750b4456d19f9b02b2f0a9b76493", + "color-shades.additional.magenta.999": "c892ee0204a0a7fe71402b828ea19b6e228e4a30", + "color-shades.additional.magenta.000": "85fb93f5f4809c4f4adc8d710497935cef113220", + "color-shades.additional.magenta.050": "643f6636726931112b7e6e8d2686001c72d88403", + "color-shades.additional.teal.100": "07a3690a99803a8bf1c5bd5526c36e3812d464c2", + "color-shades.additional.teal.150": "ad776f49b71592c8039b5bdd72cb647260bc6b6a", + "color-shades.additional.teal.200": "c1a557564b7c83c545df7336337d831e48a29754", + "color-shades.additional.teal.300": "6d51917ad2e997a3f3b60198349af23ae1eed2b6", + "color-shades.additional.teal.400": "5adffbb4975b575542fb8a9bc2a2b121d133bf33", + "color-shades.additional.teal.500": "c895678fc5cc4264b46d74a9a132be9c704502c3", + "color-shades.additional.teal.600": "34e6f3723a571f5479cfc4a29b156014089e765e", + "color-shades.additional.teal.700": "3eccc932caeb2718837a2f5734daffbcd2d15ff0", + "color-shades.additional.teal.800": "d2ee20bf58564dd4a64d4a4b049517302a268d6f", + "color-shades.additional.teal.850": "7b301fc88342fcc2f33c189db96ab84c1859e1b1", + "color-shades.additional.teal.900": "9ce124d5d2cb90490502802963d6136c902ec0ff", + "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", + "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", + "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", @@ -2073,9 +2767,18 @@ "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", @@ -2089,12 +2792,15 @@ "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", @@ -2222,6 +2928,15 @@ "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", + "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", + "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", + "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", + "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", + "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", + "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", + "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", + "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", + "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -2239,13 +2954,6 @@ "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", - "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4", - "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c", - "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe", - "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382", - "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", - "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", - "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2256,12 +2964,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", - "sizing.card.link-card.height.large.min-height": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium.min-height": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small.min-height": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" } From 86743767c3dec9067ad802b6b946aa179b3f9188 Mon Sep 17 00:00:00 2001 From: marcin Date: Mon, 23 Feb 2026 10:16:35 +0100 Subject: [PATCH 6/6] fix --- .../.vitepress/theme/styles/nve_theme.css | 176 +++++----- .../.vitepress/theme/styles/rme_theme.css | 176 +++++----- .../.vitepress/theme/styles/varsom_theme.css | 176 +++++----- public/css/nve.css | 305 ++++------------- public/css/rme.css | 305 ++++------------- public/css/varsom.css | 307 ++++-------------- 6 files changed, 418 insertions(+), 1027 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 295b04f8..280d0413 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -1,5 +1,4 @@ -:root.nve { - --color-shades-brand-100: #ff666b; +:root.nve { --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; --color-shades-brand-250: #f3203c; @@ -228,12 +227,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -241,17 +240,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -280,9 +273,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -325,9 +316,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -463,7 +452,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -648,58 +637,56 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} -:root.nve_darkmode { - --color-shades-brand-100: #ff666b; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +:root.nve_darkmode { --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; --color-shades-brand-250: #f3203c; @@ -928,12 +915,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -941,17 +928,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -980,9 +961,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1160,11 +1139,10 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); -} + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } @media (min-width: 1600px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1355,7 +1333,7 @@ } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1546,7 +1524,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1731,13 +1709,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1923,5 +1901,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } + +} \ No newline at end of file diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index 8446b655..ad7c0c28 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -1,5 +1,4 @@ -:root.rme { - --color-shades-brand-100: #cfd6fc; +:root.rme { --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; --color-shades-brand-250: #8f9ee0; @@ -228,12 +227,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -241,17 +240,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -280,9 +273,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -325,9 +316,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -463,7 +452,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -648,58 +637,56 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} -:root.rme_darkmode { - --color-shades-brand-100: #cfd6fc; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +:root.rme_darkmode { --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; --color-shades-brand-250: #8f9ee0; @@ -928,12 +915,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -941,17 +928,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -980,9 +961,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1160,11 +1139,10 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); -} + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } @media (min-width: 1600px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1355,7 +1333,7 @@ } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1546,7 +1524,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1731,13 +1709,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1923,5 +1901,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } + +} \ No newline at end of file diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 4b3eecc1..818c7e02 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -1,5 +1,4 @@ -:root.varsom { - --color-shades-brand-100: #ffd1a3; +:root.varsom { --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; --color-shades-brand-250: #ffa970; @@ -228,12 +227,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -241,17 +240,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -280,9 +273,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -325,9 +316,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -463,7 +452,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -648,58 +637,56 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ -} -:root.varsom_darkmode { - --color-shades-brand-100: #ffd1a3; + --font-size-3x-large: var(--dimension-12x); /** 40 px */ } +:root.varsom_darkmode { --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; --color-shades-brand-250: #ffa970; @@ -928,12 +915,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -941,17 +928,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -980,9 +961,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); @@ -1160,11 +1139,10 @@ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200); --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600); - --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); -} + --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600); } @media (min-width: 1600px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1355,7 +1333,7 @@ } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1546,7 +1524,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1731,13 +1709,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1923,5 +1901,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } + +} \ No newline at end of file diff --git a/public/css/nve.css b/public/css/nve.css index 65eab85f..a2a53727 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #ff666b; --color-shades-brand-150: #ff525d; --color-shades-brand-200: #f8253a; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,17 +246,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; --boolean-brand-rme: false; @@ -285,9 +279,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -330,9 +322,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -468,7 +458,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -653,49 +643,49 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -891,183 +881,10 @@ --font-size-2x-large: var(--dimension-10x); /** 32 px */ --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -@media (min-width: 1600px) { - /** - * Do not edit directly, this file was auto-generated. - */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1258,7 +1075,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1443,13 +1260,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1635,7 +1452,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } } diff --git a/public/css/rme.css b/public/css/rme.css index 256b5737..31f34333 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #cfd6fc; --color-shades-brand-150: #bbc5f1; --color-shades-brand-200: #a0ace4; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,17 +246,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; --boolean-brand-rme: true; @@ -285,9 +279,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -330,9 +322,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -468,7 +458,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -653,49 +643,49 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -891,183 +881,10 @@ --font-size-2x-large: var(--dimension-10x); /** 32 px */ --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -@media (min-width: 1600px) { - /** - * Do not edit directly, this file was auto-generated. - */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1258,7 +1075,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1443,13 +1260,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1635,7 +1452,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } } diff --git a/public/css/varsom.css b/public/css/varsom.css index 3fad8259..f60abe64 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -3,7 +3,7 @@ */ @import './global.css'; -:root { +:root { --color-shades-brand-100: #ffd1a3; --color-shades-brand-150: #ffc38f; --color-shades-brand-200: #ffb47a; @@ -233,12 +233,12 @@ --opacity-disabled: 0.38; --font-family-primary-family: 'Source Sans 3'; --line-height-0: 1.15; - --line-height-1: 1.2; + --line-height-1: 1.20; --line-height-2: 1.25; - --line-height-3: 1.3; - --line-height-4: 1.4; - --line-height-5: 1.5; - --line-height-6: 1.1; + --line-height-3: 1.30; + --line-height-4: 1.40; + --line-height-5: 1.50; + --line-height-6: 1.10; --text-case-capitalize: capitalize; --text-case-none: none; --text-case-uppercase: uppercase; @@ -246,17 +246,11 @@ --text-decoration-underline: underline; --font-weight-regular: 400; --font-weight-semibold: 600; - --box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0); - --box-shadow-soft: - -59px 104px 33px 0 rgba(0, 0, 0, 0), -38px 67px 31px 0 rgba(0, 0, 0, 0), -21px 37px 26px 0 rgba(0, 0, 0, 0.01), - -9px 17px 19px 0 rgba(0, 0, 0, 0.02), -2px 4px 11px 0 rgba(0, 0, 0, 0.03); - --box-shadow-hard: - -45px 80px 26px 0 rgba(0, 0, 0, 0), -29px 51px 23px 0 rgba(0, 0, 0, 0.01), -16px 29px 20px 0 rgba(0, 0, 0, 0.02), - -7px 13px 15px 0 rgba(0, 0, 0, 0.03), -2px 3px 8px 0 rgba(0, 0, 0, 0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0, 0, 0, 0.02); - --box-shadow-dropdown: - 0 54px 15px 0 rgba(0, 0, 0, 0), 0 35px 14px 0 rgba(0, 0, 0, 0), 0 19px 12px 0 rgba(0, 0, 0, 0.02), - 0 9px 9px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03); + --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); + --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); + --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); + --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; --boolean-brand-rme: false; @@ -285,9 +279,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); - --color-neutrals-foreground-white: var( - --color-shades-functional-neutralgrey-000 - ); /** Fargen forblir hvit i darkmode */ + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -330,9 +322,7 @@ --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); - --color-feedback-background-default-neutral: var( - --color-shades-functional-neutralgrey-150 - ); /** For neutral messages */ + --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200); @@ -468,7 +458,7 @@ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500); --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800); --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800); - --spacing-none: 0; + --spacing-none: 0; --spacing-20x: 20px; --spacing-24x: 24px; --spacing-32x: 32px; @@ -653,49 +643,49 @@ --sizing-fixed-sizing-x-large: var(--dimension-12x); --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); - --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -885,189 +875,16 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ --font-size-3x-large: var(--dimension-12x); /** 40 px */ } -@media (min-width: 1600px) { - /** - * Do not edit directly, this file was auto-generated. - */ - :root { - --spacing-none: 0; - --spacing-20x: 20px; - --spacing-24x: 24px; - --spacing-32x: 32px; - --spacing-40x: 40px; - --spacing-48x: 48px; - --spacing-50x: 50px; - --spacing-56x: 56px; - --spacing-88x: 88px; - --spacing-220x: 220px; - --spacing-620x: 620px; - --sizing-24x: 24px; - --sizing-32x: 32px; - --sizing-40x: 40px; - --sizing-62x: 62px; - --sizing-64x: 64px; - --sizing-70x: 70px; - --sizing-84x: 84px; - --sizing-88x: 88px; - --sizing-92x: 92px; - --sizing-108x: 108px; - --sizing-112x: 112px; - --sizing-118x: 118px; - --sizing-120x: 120px; - --sizing-124x: 124px; - --sizing-132x: 132px; - --sizing-136x: 136px; - --sizing-200x: 200px; - --sizing-212x: 212px; - --sizing-216x: 216px; - --sizing-217x: 217px; - --sizing-220x: 220px; - --sizing-232x: 232px; - --sizing-256x: 256px; - --sizing-282x: 282px; - --sizing-286x: 286px; - --sizing-320x: 320px; - --sizing-342x: 342px; - --sizing-366x: 366px; - --sizing-389x: 389px; - --sizing-390x: 390px; - --sizing-428x: 428px; - --sizing-440x: 440px; - --sizing-468x: 468px; - --sizing-480x: 480px; - --sizing-496x: 496px; - --sizing-520x: 520px; - --sizing-544x: 544px; - --sizing-572x: 572px; - --sizing-588x: 588px; - --sizing-600x: 600px; - --sizing-700x: 700px; - --sizing-750x: 750px; - --sizing-763x: 763px; - --sizing-764x: 764px; - --sizing-799x: 799px; - --sizing-800x: 800px; - --sizing-1000x: 1000px; - --sizing-1023x: 1023px; - --sizing-1024x: 1024px; - --sizing-1140x: 1140px; - --sizing-1200x: 1200px; - --sizing-1439x: 1439px; - --sizing-1440x: 1440px; - --sizing-1599x: 1599px; - --sizing-1600x: 1600px; - --sizing-1800x: 1800px; - --sizing-2439x: 2439px; - --sizing-2440x: 2440px; - --sizing-2560x: 2560px; - --sizing-9999x: 9999px; - --dimension-025x: 0.0625rem; /** 1px */ - --dimension-05x: 0.125rem; /** 2px */ - --dimension-1x: 0.25rem; /** 4px */ - --dimension-2x: 0.5rem; /** 8px */ - --dimension-3x: 0.75rem; /** 12px */ - --dimension-3-5x: 0.875rem; /** 14px */ - --dimension-4x: 1rem; /** 16px */ - --dimension-4-5x: 1.125rem; /** 18px */ - --dimension-5x: 1.25rem; /** 20px */ - --dimension-6x: 1.5rem; /** 24px */ - --dimension-7x: 1.75rem; /** 28px */ - --dimension-8x: 2rem; /** 32px */ - --dimension-9x: 2.25rem; /** 36px */ - --dimension-10x: 2.5rem; /** 40px */ - --dimension-11x: 2.75rem; /** 44px */ - --dimension-12x: 3rem; /** 48px */ - --dimension-13x: 3.25rem; /** 52px */ - --dimension-14x: 3.5rem; /** 56px */ - --dimension-15x: 3.75rem; /** 60px */ - --dimension-16x: 4rem; /** 64px */ - --dimension-17x: 4.25rem; /** 68px */ - --dimension-18x: 4.5rem; /** 72px */ - --dimension-19x: 4.75rem; /** 76px */ - --dimension-20x: 5rem; /** 80px */ - --dimension-21x: 5.25rem; /** 84px */ - --dimension-22x: 5.5rem; /** 88px */ - --dimension-23x: 5.75rem; /** 92px */ - --dimension-24x: 6rem; /** 96px */ - --dimension-25x: 6.25rem; /** 100px */ - --dimension-26x: 6.5rem; /** 104px */ - --dimension-27x: 6.75rem; /** 108px */ - --dimension-28x: 7rem; /** 112px */ - --dimension-29x: 7.25rem; /** 116px */ - --dimension-30x: 7.5rem; /** 120px */ - --letter-spacing-0: 0em; - --letter-spacing-1: 0.05em; - --paragraph-spacing-0: 0; - --paragraph-spacing-1: 12px; - --paragraph-spacing-2: 16px; - --paragraph-spacing-3: 24px; - --paragraph-spacing-4: 32px; - --paragraph-spacing-5: 40px; - --paragraph-indent-0: 0px; - --border-radius-none: 0px; - --border-radius-small: 4px; - --border-radius-large: 6px; - --border-radius-circle: 50px; - --border-radius-pill: 9999px; - --border-width-none: 0px; - --border-width-default: 1px; - --border-width-strong: 2px; - --border-width-stronger: 4px; - --spacing-2x-small: var(--dimension-1x); - --spacing-x-small: var(--dimension-2x); - --spacing-small: var(--dimension-3x); - --spacing-medium: var(--dimension-4x); - --spacing-large: var(--dimension-6x); - --spacing-x-large: var(--dimension-8x); - --spacing-2x-large: var(--dimension-12x); - --spacing-3x-large: var(--dimension-16x); - --spacing-4x-large: var(--dimension-20x); - --spacing-5x-large: var(--dimension-24x); - --spacing-content-margin-top: var(--spacing-40x); - --spacing-content-margin-bottom: var(--spacing-88x); - --spacing-content-margin-left-right: var(--spacing-48x); - --sizing-4x-small: var(--dimension-2x); - --sizing-3x-small: var(--dimension-4x); - --sizing-2x-small: var(--dimension-6x); - --sizing-x-small: var(--dimension-9x); - --sizing-small: var(--dimension-12x); - --sizing-medium: var(--dimension-15x); - --sizing-large: var(--dimension-18x); - --sizing-x-large: var(--dimension-21x); - --sizing-2x-large: var(--dimension-24x); - --sizing-device-page-min-width: var(--sizing-1600x); - --sizing-device-page-max-width: var(--sizing-9999x); - --sizing-device-content-max-width-x-large: var(--sizing-2560x); - --sizing-device-content-max-width-large: var(--sizing-1800x); - --sizing-device-content-max-width-medium: var(--sizing-1200x); - --sizing-device-content-max-width-small: var(--sizing-588x); - --sizing-device-content-max-width-x-small: var(--sizing-282x); - --sizing-brand-logo-medium: var(--sizing-88x); - --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1024x); - --sizing-card-link-card-height-x-large: var(--sizing-212x); - --sizing-card-link-card-height-large: var(--sizing-136x); - --sizing-card-link-card-height-medium: var(--sizing-112x); - --sizing-card-link-card-height-small: var(--sizing-88x); - --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --font-size-x-small: var(--dimension-4x); /** 14 px */ - --font-size-small: var(--dimension-4-5x); /** 16 px */ - --font-size-medium: var(--dimension-5x); /** 18 px */ - --font-size-large: var(--dimension-6x); /** 20 px */ - --font-size-x-large: var(--dimension-8x); /** 24 px */ - --font-size-2x-large: var(--dimension-10x); /** 32 px */ - --font-size-3x-large: var(--dimension-12x); /** 40 px */ - } } @media ((min-width: 764px) and (max-width: 1023px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1258,7 +1075,7 @@ } @media ((min-width: 390px) and (max-width: 763px)) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1443,13 +1260,13 @@ --font-size-medium: var(--dimension-4-5x); /** 18 px */ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-7x); /** 24 px */ - --font-size-2x-large: var(--dimension-9x); /** 32 px */ - --font-size-3x-large: var(--dimension-11x); /** 40 px */ + --font-size-2x-large: var(--dimension-8x); /** 32 px */ + --font-size-3x-large: var(--dimension-9x); /** 40 px */ } } @media (max-width: 389px) { - /** +/** * Do not edit directly, this file was auto-generated. */ @@ -1635,7 +1452,7 @@ --font-size-large: var(--dimension-5x); /** 20 px */ --font-size-x-large: var(--dimension-6x); /** 24 px */ --font-size-2x-large: var(--dimension-7x); /** 32 px */ - --font-size-3x-large: var(--dimension-8x); /** 40 px */ + --font-size-3x-large: var(--dimension-8x); /** 32 px */ } }