@arc-ui/components 12.0.0-beta.22 → 12.0.0-beta.24

package/lib/Toast/Toast.cjs

@@ -1,16 +1,17 @@
 'use client';
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
+var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
 var index = require('../_shared/cjs/index-CztwwwKE.cjs');
 var ReactDOM = require('react-dom');
 var index$1 = require('../_shared/cjs/index-DmvtEa22.cjs');
-var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
 
 /**
  * Listens for when the escape key is down
@@ -965,14 +966,16 @@ const $054eb8030ebde76e$export$f39c2d165cd861fe = $054eb8030ebde76e$export$811e7
 
 /** Use `Toast` to display temporary messages at the bottom of the screen. */
 var Toast = function (_a) {
-    var children = _a.children, _b = _a.colorScheme, colorScheme = _b === void 0 ? "default" : _b, props = filterAttrs.__rest(_a, ["children", "colorScheme"]);
+    var children = _a.children, _b = _a.colorScheme, colorScheme = _b === void 0 ? "default" : _b, _c = _a.onDarkSurface, onDarkSurface = _c === void 0 ? false : _c, props = tslib_es6.__rest(_a, ["children", "colorScheme", "onDarkSurface"]);
     return (React.createElement($054eb8030ebde76e$export$2881499e37b75b9a, { swipeDirection: "right", duration: 6000 },
         React.createElement($054eb8030ebde76e$export$d5c6c08dc2d3ca7, { asChild: true, className: "arc-Toast-viewport" },
-            React.createElement("div", filterAttrs.__assign({ className: "arc-Toast-pathway--".concat(colorScheme) }, filterAttrs.filterAttrs(props)), children))));
+            React.createElement("div", tslib_es6.__assign({ className: index$2.classNames("arc-Toast-pathway--".concat(colorScheme), {
+                    "arc-Toast--onDarkSurface": onDarkSurface,
+                }) }, filterAttrs.filterAttrs(props)), children))));
 };
 
 var ToastNotification = function (_a) {
-    var link = _a.link, title = _a.title, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange, _b = _a.isStatusIconVisible, isStatusIconVisible = _b === void 0 ? true : _b, _c = _a.isCloseButtonVisible, isCloseButtonVisible = _c === void 0 ? true : _c, _d = _a.status, status = _d === void 0 ? "general" : _d, props = filterAttrs.__rest(_a, ["link", "title", "isOpen", "onOpenChange", "isStatusIconVisible", "isCloseButtonVisible", "status"]);
+    var link = _a.link, title = _a.title, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange, _b = _a.isStatusIconVisible, isStatusIconVisible = _b === void 0 ? true : _b, _c = _a.isCloseButtonVisible, isCloseButtonVisible = _c === void 0 ? true : _c, _d = _a.status, status = _d === void 0 ? "general" : _d, props = tslib_es6.__rest(_a, ["link", "title", "isOpen", "onOpenChange", "isStatusIconVisible", "isCloseButtonVisible", "status"]);
     var statusIcons = {
         general: "toastGeneral",
         error: "toastError",
@@ -983,14 +986,14 @@ var ToastNotification = function (_a) {
         event.preventDefault();
         handler();
     }; };
-    return (React.createElement($054eb8030ebde76e$export$be92b6f5f03c0fe9, filterAttrs.__assign({ className: "arc-Toast-root", open: isOpen, onOpenChange: onOpenChange }, filterAttrs.filterAttrs(props)),
+    return (React.createElement($054eb8030ebde76e$export$be92b6f5f03c0fe9, tslib_es6.__assign({ className: "arc-Toast-root", open: isOpen, onOpenChange: onOpenChange }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { "data-testid": "toast-notification-wrapper", className: index$2.classNames("arc-Toast", "arc-Toast-status--".concat(status)) },
             isStatusIconVisible && (React.createElement("div", { "data-testid": "status-icon", className: "arc-Toast-icon" },
                 React.createElement(ThemeIcon.ThemeIcon, { size: 24, icon: statusIcons[status] }))),
             React.createElement($054eb8030ebde76e$export$f99233281efd08a0, { className: "arc-Toast-title" },
                 React.createElement("span", null, title)),
             link && (React.createElement($054eb8030ebde76e$export$e19cd5f9376f8cee, { className: "arc-Toast-action", asChild: true, altText: link.text },
-                React.createElement("a", filterAttrs.__assign({ className: "arc-Toast-link", href: link.href, "aria-label": link.ariaLabel }, (link.onClick && { onClick: handleLinkClick(link.onClick) })), link.text))),
+                React.createElement("a", tslib_es6.__assign({ className: "arc-Toast-link", href: link.href, "aria-label": link.ariaLabel }, (link.onClick && { onClick: handleLinkClick(link.onClick) })), link.text))),
             isCloseButtonVisible && !link && (React.createElement($054eb8030ebde76e$export$f39c2d165cd861fe, { className: "arc-Toast-dismiss", "aria-label": "Close" },
                 React.createElement(ThemeIcon.ThemeIcon, { icon: "toastDismiss", size: 24 }))))));
 };

package/lib/Toast/Toast.mjs

@@ -1,14 +1,15 @@
 'use client';
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useEffect, forwardRef, useContext, useState, createElement, useRef, createContext, useCallback, useMemo, Fragment } from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 import { g as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, h as $8927f6f2acc4f386$export$6d1a0317bde7de7f, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, f as $71cd76cc60e0454e$export$6f32135080cb4c3, c as $9f79659886946c16$export$e5c5a5f917a5871c } from '../_shared/esm/index-DXHprNQ6.mjs';
 import ReactDOM__default, { createPortal } from 'react-dom';
 import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2, a as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-6HtUz28p.mjs';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
 
 /**
  * Listens for when the escape key is down
@@ -963,10 +964,12 @@ const $054eb8030ebde76e$export$f39c2d165cd861fe = $054eb8030ebde76e$export$811e7
 
 /** Use `Toast` to display temporary messages at the bottom of the screen. */
 var Toast = function (_a) {
-    var children = _a.children, _b = _a.colorScheme, colorScheme = _b === void 0 ? "default" : _b, props = __rest(_a, ["children", "colorScheme"]);
+    var children = _a.children, _b = _a.colorScheme, colorScheme = _b === void 0 ? "default" : _b, _c = _a.onDarkSurface, onDarkSurface = _c === void 0 ? false : _c, props = __rest(_a, ["children", "colorScheme", "onDarkSurface"]);
     return (React__default.createElement($054eb8030ebde76e$export$2881499e37b75b9a, { swipeDirection: "right", duration: 6000 },
         React__default.createElement($054eb8030ebde76e$export$d5c6c08dc2d3ca7, { asChild: true, className: "arc-Toast-viewport" },
-            React__default.createElement("div", __assign({ className: "arc-Toast-pathway--".concat(colorScheme) }, filterAttrs(props)), children))));
+            React__default.createElement("div", __assign({ className: classNames("arc-Toast-pathway--".concat(colorScheme), {
+                    "arc-Toast--onDarkSurface": onDarkSurface,
+                }) }, filterAttrs(props)), children))));
 };
 
 var ToastNotification = function (_a) {

package/lib/Toast/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v12-0-0-beta-22 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v12-0-0-beta-22 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v12-0-0-beta-22 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link{color:var(--toast-colors-status-dark-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-link,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-link:hover{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link:hover{color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v12-0-0-beta-22 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
+.arc-v12-0-0-beta-24 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v12-0-0-beta-24 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v12-0-0-beta-24 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v12-0-0-beta-24 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v12-0-0-beta-24 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v12-0-0-beta-24 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v12-0-0-beta-24 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-Toast-dismiss,.arc-v12-0-0-beta-24 .arc .arc-Toast-link{color:currentColor}.arc-v12-0-0-beta-24 .arc .arc-Toast-dismiss:hover,.arc-v12-0-0-beta-24 .arc .arc-Toast-link:hover{color:currentColor}.arc-v12-0-0-beta-24 .arc .arc-Toast-dismiss:focus-visible,.arc-v12-0-0-beta-24 .arc .arc-Toast-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible,.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-link:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-alt)}.arc-v12-0-0-beta-24 .arc .arc-Toast--onDarkSurface .arc-Toast-root:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v12-0-0-beta-24 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v12-0-0-beta-24 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v12-0-0-beta-24 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v12-0-0-beta-24 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v12-0-0-beta-24 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v12-0-0-beta-24 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v12-0-0-beta-24 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}

package/lib/Tooltip/Tooltip.cjs

@@ -1,19 +1,20 @@
 'use client';
 'use strict';
 
-var Tooltip = require('../_shared/cjs/Tooltip-BPHL0ELI.cjs');
-require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var Tooltip = require('../_shared/cjs/Tooltip-CEb7YEP2.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-DXNM3D1d.cjs');
 require('react/jsx-runtime');
 require('react-dom');
 require('../_shared/cjs/index-B11wQrRa.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
 require('../_shared/cjs/index-CTlXMLug.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Icon-CzhyKqMd.cjs');
+require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
-require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
 
 
 

package/lib/Tooltip/Tooltip.mjs

@@ -1,14 +1,15 @@
 'use client';
-export { T as Tooltip } from '../_shared/esm/Tooltip-Dc82Ht7G.mjs';
-import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+export { T as Tooltip } from '../_shared/esm/Tooltip-BpSzN3Tx.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-Bz2JQq34.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../_shared/esm/index-CWHcEz3_.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
 import '../_shared/esm/index-5C0-U8cc.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Icon-CcPOJcQm.mjs';
+import '../_shared/esm/Icon-CCUbr_AO.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
-import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';

package/lib/Tooltip/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v12-0-0-beta-22 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px}.arc-v12-0-0-beta-22 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}
+.arc-v12-0-0-beta-24 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v12-0-0-beta-24 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-24 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px}.arc-v12-0-0-beta-24 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}

package/lib/Truncate/Truncate.cjs

@@ -1,13 +1,14 @@
 'use client';
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? "100%" : _b, title = _a.title, children = _a.children, props = filterAttrs.__rest(_a, ["maxWidth", "title", "children"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: "arc-Truncate", style: { maxWidth: maxWidth }, title: title }, filterAttrs.filterAttrs(props)), children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? "100%" : _b, title = _a.title, children = _a.children, props = tslib_es6.__rest(_a, ["maxWidth", "title", "children"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: "arc-Truncate", style: { maxWidth: maxWidth }, title: title }, filterAttrs.filterAttrs(props)), children));
 };
 
 exports.Truncate = Truncate;

package/lib/Truncate/Truncate.mjs

@@ -1,6 +1,7 @@
 'use client';
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {

package/lib/Truncate/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-Truncate>*,.arc-v12-0-0-beta-22 .arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}
+.arc-v12-0-0-beta-24 .arc .arc-Truncate>*,.arc-v12-0-0-beta-24 .arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}

package/lib/TypographyCard/TypographyCard.cjs

@@ -1,27 +1,29 @@
 'use client';
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
-var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-var CardHeading = require('../_shared/cjs/CardHeading-Cl0D1Khp.cjs');
-var CardFooter = require('../_shared/cjs/CardFooter-ChphRFHe.cjs');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Heading = require('../_shared/cjs/Heading-CoiZ2EmD.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var CardHeading = require('../_shared/cjs/CardHeading-1-dcxBUr.cjs');
+var CardFooter = require('../_shared/cjs/CardFooter-BPtRFaCy.cjs');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
-require('../_shared/cjs/Icon-CzhyKqMd.cjs');
+require('../_shared/cjs/SemanticHeading-BPXN_z49.cjs');
+require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = filterAttrs.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, _g = _a.labelLevel, labelLevel = _g === void 0 ? "3" : _g, props = tslib_es6.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel", "labelLevel"]);
     var surface = React.useContext(Surface.Context).surface;
-    var _g = React.useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
+    var _h = React.useState(false), showHoverState = _h[0], setShowHoverState = _h[1];
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
-    return (React.createElement("div", filterAttrs.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-TypographyCard", {
+    return (React.createElement("div", tslib_es6.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-TypographyCard", {
             "arc-TypographyCard--outlined": showHoverState,
             "arc-TypographyCard--darkPathway": isDarkPathway,
             "arc-TypographyCard--lightPathway": !isDarkPathway,
@@ -29,7 +31,7 @@ var TypographyCard = function (_a) {
         }) }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: "arc-TypographyCard-contentContainer" },
             label && (React.createElement("div", { className: "arc-TypographyCard-label" },
-                React.createElement(Heading.Heading, { level: "3", fontStyle: "overline" }, label),
+                React.createElement(Heading.Heading, { level: labelLevel, fontStyle: "overline" }, label),
                 React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
             React.createElement(CardHeading.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React.createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));

package/lib/TypographyCard/TypographyCard.mjs

@@ -1,22 +1,24 @@
 'use client';
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
-import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import { C as CardHeading } from '../_shared/esm/CardHeading-_setRRjq.mjs';
-import { C as CardFooter } from '../_shared/esm/CardFooter-fsAY4cc6.mjs';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { H as Heading } from '../_shared/esm/Heading-B9cbwfoz.mjs';
+import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
+import { C as CardHeading } from '../_shared/esm/CardHeading-q6k7obu0.mjs';
+import { C as CardFooter } from '../_shared/esm/CardFooter-BpVSztgE.mjs';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
-import '../_shared/esm/Icon-CcPOJcQm.mjs';
+import '../_shared/esm/SemanticHeading-1tLcSJYD.mjs';
+import '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
 import '../_shared/esm/index-Cr6KeQLU.mjs';
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = __rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, _g = _a.labelLevel, labelLevel = _g === void 0 ? "3" : _g, props = __rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel", "labelLevel"]);
     var surface = useContext(Context).surface;
-    var _g = useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
+    var _h = useState(false), showHoverState = _h[0], setShowHoverState = _h[1];
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
     return (React__default.createElement("div", __assign({ style: { minHeight: minHeight }, className: classNames("arc-TypographyCard", {
@@ -27,7 +29,7 @@ var TypographyCard = function (_a) {
         }) }, filterAttrs(props)),
         React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
             label && (React__default.createElement("div", { className: "arc-TypographyCard-label" },
-                React__default.createElement(Heading, { level: "3", fontStyle: "overline" }, label),
+                React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label),
                 React__default.createElement(VerticalSpace, { size: "16" }))),
             React__default.createElement(CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default.createElement(CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));

package/lib/TypographyCard/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-TypographyCard{border-radius:var(--card-border-radius-s);box-shadow:0 0 1px var(--card-border-weight-s) var(--card-colors-light-border-default);color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;padding:var(--card-padding-s);position:relative;transition:outline 0.2s ease-in-out}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard-label{color:var(--card-colors-light-text-support)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway{background:var(--card-colors-dark-bg-emphasis);box-shadow:0 0 0 1px transparent;color:var(--card-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-TypographyCard{padding:var(--card-padding-m)}}
+.arc-v12-0-0-beta-24 .arc .arc-TypographyCard{border-radius:var(--card-border-radius-s);box-shadow:0 0 1px var(--card-border-weight-s) var(--card-colors-light-border-default);color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;padding:var(--card-padding-s);position:relative;transition:outline 0.2s ease-in-out}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard-label{color:var(--card-colors-light-text-support)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway{background:var(--card-colors-dark-bg-emphasis);box-shadow:0 0 0 1px transparent;color:var(--card-colors-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-24 .arc .arc-TypographyCard{padding:var(--card-padding-m)}}

package/lib/UniversalHeader/UniversalHeader.cjs

@@ -1,25 +1,26 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 
 /**
  * Use `UniversalHeader` to display a group-level page header.
  */
 var UniversalHeader = function (_a) {
-    var children = _a.children, ContentSlot = _a.ContentSlot, props = filterAttrs.__rest(_a, ["children", "ContentSlot"]);
-    return (React.createElement("nav", filterAttrs.__assign({ className: "arc-UniversalHeader", "aria-label": "universial navigation" }, filterAttrs.filterAttrs(props)),
+    var children = _a.children, ContentSlot = _a.ContentSlot, props = tslib_es6.__rest(_a, ["children", "ContentSlot"]);
+    return (React.createElement("nav", tslib_es6.__assign({ className: "arc-UniversalHeader", "aria-label": "universial navigation" }, filterAttrs.filterAttrs(props)),
         React.createElement(Surface.Surface, { background: "light-neutral-02" },
             React.createElement("ul", { className: "arc-UniversalHeader-items" },
                 children,
                 ContentSlot && (React.createElement("li", { className: "arc-UniversalHeader-contentSlot" }, ContentSlot))))));
 };
 var UniversalHeaderItem = function (_a) {
-    var children = _a.children, href = _a.href, _b = _a.isActive, isActive = _b === void 0 ? false : _b, props = filterAttrs.__rest(_a, ["children", "href", "isActive"]);
-    return (React.createElement("li", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
+    var children = _a.children, href = _a.href, _b = _a.isActive, isActive = _b === void 0 ? false : _b, props = tslib_es6.__rest(_a, ["children", "href", "isActive"]);
+    return (React.createElement("li", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("a", { className: index.classNames({
                 "arc-UniversalHeader-link": true,
                 "arc-UniversalHeader-link--isActive": isActive,

package/lib/UniversalHeader/UniversalHeader.mjs

@@ -1,7 +1,8 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { S as Surface } from '../_shared/esm/Surface-C69KVzkY.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 
 /**

package/lib/UniversalHeader/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader::after,.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader::after{background-image:linear-gradient(to right,rgba(240,240,240,0),rgba(240,240,240,1) 100%);right:0;width:24px}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader::before{background-image:linear-gradient(to left,rgba(240,240,240,0),rgba(240,240,240,1) 100%);left:0;width:16px}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader::before{width:24px}}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-left:0;padding-right:var(--universal-header-padding-m)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);padding-top:calc(4px * 2);padding-bottom:calc(4px * 2);padding-left:calc(4px * 4);padding-right:calc(4px * 4);text-decoration:none;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-link--isActive{background-color:var(--header-menu-colors-light-fg-default);color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-link--isActive:hover{color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-UniversalHeader-contentSlot{margin-left:auto}
+.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader::after,.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader::after{background-image:linear-gradient(to right,rgba(240,240,240,0),rgba(240,240,240,1) 100%);right:0;width:24px}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader::before{background-image:linear-gradient(to left,rgba(240,240,240,0),rgba(240,240,240,1) 100%);left:0;width:16px}@media (min-width:636px){.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader::before{width:24px}}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-left:0;padding-right:var(--universal-header-padding-m)}@media (min-width:636px){.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);padding-top:calc(4px * 2);padding-bottom:calc(4px * 2);padding-left:calc(4px * 4);padding-right:calc(4px * 4);text-decoration:none;white-space:nowrap}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-link--isActive{background-color:var(--header-menu-colors-light-fg-default);color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-link--isActive:hover{color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-24 .arc .arc-UniversalHeader-contentSlot{margin-left:auto}

package/lib/VerticalSpace/VerticalSpace.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
-require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
 
 
 

package/lib/VerticalSpace/VerticalSpace.mjs

@@ -1,4 +1,5 @@
-export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
-import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';

package/lib/VerticalSpace/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size4.arc-VerticalSpace--debugVisible::after{content:"Space 4";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1);top:calc(calc(0px - var(--vertical-space-size-4)) * 1)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size8.arc-VerticalSpace--debugVisible::after{content:"Space 8";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size12.arc-VerticalSpace--debugVisible::after{content:"Space 12";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size16.arc-VerticalSpace--debugVisible::after{content:"Space 16";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size20.arc-VerticalSpace--debugVisible::after{content:"Space 20";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size24.arc-VerticalSpace--debugVisible::after{content:"Space 24";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size28.arc-VerticalSpace--debugVisible::after{content:"Space 28";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size32.arc-VerticalSpace--debugVisible::after{content:"Space 32";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size40.arc-VerticalSpace--debugVisible::after{content:"Space 40";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size48.arc-VerticalSpace--debugVisible::after{content:"Space 48";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size64.arc-VerticalSpace--debugVisible::after{content:"Space 64";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size96.arc-VerticalSpace--debugVisible::after{content:"Space 96";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--size128.arc-VerticalSpace--debugVisible::after{content:"Space 128";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS4.arc-VerticalSpace--debugVisible::after{content:"Space 4 S";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS8.arc-VerticalSpace--debugVisible::after{content:"Space 8 S";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS12.arc-VerticalSpace--debugVisible::after{content:"Space 12 S";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS16.arc-VerticalSpace--debugVisible::after{content:"Space 16 S";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS20.arc-VerticalSpace--debugVisible::after{content:"Space 20 S";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS24.arc-VerticalSpace--debugVisible::after{content:"Space 24 S";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS28.arc-VerticalSpace--debugVisible::after{content:"Space 28 S";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS32.arc-VerticalSpace--debugVisible::after{content:"Space 32 S";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS40.arc-VerticalSpace--debugVisible::after{content:"Space 40 S";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS48.arc-VerticalSpace--debugVisible::after{content:"Space 48 S";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS64.arc-VerticalSpace--debugVisible::after{content:"Space 64 S";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS96.arc-VerticalSpace--debugVisible::after{content:"Space 96 S";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeS128.arc-VerticalSpace--debugVisible::after{content:"Space 128 S";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM4.arc-VerticalSpace--debugVisible::after{content:"Space 4 M";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM8.arc-VerticalSpace--debugVisible::after{content:"Space 8 M";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM12.arc-VerticalSpace--debugVisible::after{content:"Space 12 M";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM16.arc-VerticalSpace--debugVisible::after{content:"Space 16 M";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM20.arc-VerticalSpace--debugVisible::after{content:"Space 20 M";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM24.arc-VerticalSpace--debugVisible::after{content:"Space 24 M";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM28.arc-VerticalSpace--debugVisible::after{content:"Space 28 M";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM32.arc-VerticalSpace--debugVisible::after{content:"Space 32 M";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM40.arc-VerticalSpace--debugVisible::after{content:"Space 40 M";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM48.arc-VerticalSpace--debugVisible::after{content:"Space 48 M";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM64.arc-VerticalSpace--debugVisible::after{content:"Space 64 M";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM96.arc-VerticalSpace--debugVisible::after{content:"Space 96 M";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeM128.arc-VerticalSpace--debugVisible::after{content:"Space 128 M";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 L";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 L";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 L";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 L";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 L";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 L";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 L";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 L";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 L";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 L";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 L";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 L";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 L";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--sizeXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-22 .arc .arc-VerticalSpace--debugVisible::after{align-items:center;background-color:rgba(var(--arc-debug-rgb),0.5);color:inherit;content:"Space";display:flex;height:var(--vertical-space-size-24);justify-content:center;left:0;outline:1px dashed rgba(var(--arc-debug-rgb),1);outline-offset:-1px;position:absolute;right:0;top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-22 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}
+.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size4.arc-VerticalSpace--debugVisible::after{content:"Space 4";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1);top:calc(calc(0px - var(--vertical-space-size-4)) * 1)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size8.arc-VerticalSpace--debugVisible::after{content:"Space 8";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size12.arc-VerticalSpace--debugVisible::after{content:"Space 12";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size16.arc-VerticalSpace--debugVisible::after{content:"Space 16";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size20.arc-VerticalSpace--debugVisible::after{content:"Space 20";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size24.arc-VerticalSpace--debugVisible::after{content:"Space 24";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size28.arc-VerticalSpace--debugVisible::after{content:"Space 28";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size32.arc-VerticalSpace--debugVisible::after{content:"Space 32";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size40.arc-VerticalSpace--debugVisible::after{content:"Space 40";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size48.arc-VerticalSpace--debugVisible::after{content:"Space 48";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size64.arc-VerticalSpace--debugVisible::after{content:"Space 64";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size96.arc-VerticalSpace--debugVisible::after{content:"Space 96";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--size128.arc-VerticalSpace--debugVisible::after{content:"Space 128";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}@media (min-width:636px){.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS4.arc-VerticalSpace--debugVisible::after{content:"Space 4 S";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS8.arc-VerticalSpace--debugVisible::after{content:"Space 8 S";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS12.arc-VerticalSpace--debugVisible::after{content:"Space 12 S";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS16.arc-VerticalSpace--debugVisible::after{content:"Space 16 S";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS20.arc-VerticalSpace--debugVisible::after{content:"Space 20 S";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS24.arc-VerticalSpace--debugVisible::after{content:"Space 24 S";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS28.arc-VerticalSpace--debugVisible::after{content:"Space 28 S";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS32.arc-VerticalSpace--debugVisible::after{content:"Space 32 S";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS40.arc-VerticalSpace--debugVisible::after{content:"Space 40 S";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS48.arc-VerticalSpace--debugVisible::after{content:"Space 48 S";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS64.arc-VerticalSpace--debugVisible::after{content:"Space 64 S";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS96.arc-VerticalSpace--debugVisible::after{content:"Space 96 S";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeS128.arc-VerticalSpace--debugVisible::after{content:"Space 128 S";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:768px){.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM4.arc-VerticalSpace--debugVisible::after{content:"Space 4 M";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM8.arc-VerticalSpace--debugVisible::after{content:"Space 8 M";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM12.arc-VerticalSpace--debugVisible::after{content:"Space 12 M";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM16.arc-VerticalSpace--debugVisible::after{content:"Space 16 M";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM20.arc-VerticalSpace--debugVisible::after{content:"Space 20 M";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM24.arc-VerticalSpace--debugVisible::after{content:"Space 24 M";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM28.arc-VerticalSpace--debugVisible::after{content:"Space 28 M";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM32.arc-VerticalSpace--debugVisible::after{content:"Space 32 M";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM40.arc-VerticalSpace--debugVisible::after{content:"Space 40 M";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM48.arc-VerticalSpace--debugVisible::after{content:"Space 48 M";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM64.arc-VerticalSpace--debugVisible::after{content:"Space 64 M";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM96.arc-VerticalSpace--debugVisible::after{content:"Space 96 M";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeM128.arc-VerticalSpace--debugVisible::after{content:"Space 128 M";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1024px){.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 L";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 L";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 L";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 L";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 L";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 L";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 L";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 L";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 L";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 L";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 L";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 L";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 L";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1280px){.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1440px){.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XXL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XXL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XXL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XXL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XXL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XXL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XXL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XXL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XXL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XXL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XXL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XXL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--sizeXXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XXL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-24 .arc .arc-VerticalSpace--debugVisible::after{align-items:center;background-color:rgba(var(--arc-debug-rgb),0.5);color:inherit;content:"Space";display:flex;height:var(--vertical-space-size-24);justify-content:center;left:0;outline:1px dashed rgba(var(--arc-debug-rgb),1);outline-offset:-1px;position:absolute;right:0;top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-24 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}