@arc-ui/components 12.0.0-beta.21 → 12.0.0-beta.23

package/lib/SiteFooterV2/SiteFooterV2.cjs

@@ -5,7 +5,7 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-var Section = require('../_shared/cjs/Section-wUVdzmGA.cjs');
+var Section = require('../_shared/cjs/Section-Bz2fwj8Z.cjs');
 var Rule = require('../_shared/cjs/Rule-DMQsi2L6.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 var handleLinkClick = require('../_shared/cjs/handle-link-click-C7BvOIYa.cjs');
@@ -30,7 +30,7 @@ var SiteFooterV2 = function (_a) {
         React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
         React.createElement(Section.Section, null,
             slogan && (React.createElement(React.Fragment, null,
-                React.createElement("h2", { className: "arc-SiteFooterV2-slogan" }, slogan),
+                React.createElement("span", { className: "arc-SiteFooterV2-slogan" }, slogan),
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }))),
             React.createElement("div", { className: "arc-SiteFooterV2-main-utility" }, children)),
         React.createElement(VerticalSpace.VerticalSpace, { size: "24" })));
@@ -56,7 +56,7 @@ var SiteFooterV2ItemGroup = function (_a) {
     return (React.createElement("div", null,
         React.createElement(Visible.Visible, { "data-testid": "mobile-disclosure", xs: !hideDisclosure, s: !hideDisclosure },
             React.createElement(SiteFooterV2ItemDisclosure, filterAttrs.__assign({}, props, { tabIndex: 0 }))),
-        React.createElement(Visible.Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true },
+        React.createElement(Visible.Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true, xxl: true },
             React.createElement(SiteFooterV2ItemDisclosure, filterAttrs.__assign({}, props, { open: true, tabIndex: -1 })),
             React.createElement(VerticalSpace.VerticalSpace, { size: "12" }))));
 };
@@ -72,11 +72,12 @@ var SiteFooterV2Item = function (_a) {
 var SiteFooterV2Utility = function (_a) {
     var copyrightYear = _a.copyrightYear, children = _a.children, socialLinks = _a.socialLinks, _b = _a.brand, brand = _b === void 0 ? {
         logoLabel: "BT",
+        href: "/",
     } : _b, contentSlot = _a.contentSlot, props = filterAttrs.__rest(_a, ["copyrightYear", "children", "socialLinks", "brand", "contentSlot"]);
     return (React.createElement("div", filterAttrs.__assign({ className: "arc-SiteFooterV2-utility", "aria-label": "Footer utility bar" }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: "arc-SiteFooterV2-brand" },
             !contentSlot && (React.createElement(React.Fragment, null,
-                React.createElement("a", { className: "arc-SiteFooterV2-brandLogo", onClick: handleLinkClick.handleLinkClick({ handler: brand.onClick }) },
+                React.createElement("a", { className: "arc-SiteFooterV2-brandLogo", onClick: handleLinkClick.handleLinkClick({ handler: brand.onClick }), href: brand.href, tabIndex: brand.href ? 0 : -1 },
                     React.createElement(BrandLogo.BrandLogo, { label: brand.logoLabel, "aria-label": brand.logoLabel, color: "brand", subBrand: brand.subBrand })),
                 React.createElement("div", { className: "arc-SiteFooterV2-copyright" },
                     React.createElement("span", { className: "arc-SiteFooterV2-copyrightSymbol" }, "\u00A9"),
@@ -90,8 +91,8 @@ var SiteFooterV2Utility = function (_a) {
             React.createElement("ul", { className: "arc-SiteFooterV2-utilityItems" }, children))),
         socialLinks && (React.createElement("ul", { className: "arc-SiteFooterV2-utilitySocials", "aria-label": "Footer social media links" }, socialLinks.map(function (_a, index) {
             var href = _a.href, icon = _a.icon, ariaLabel = _a.ariaLabel;
-            return (React.createElement("li", { key: index, tabIndex: 0, className: "arc-SiteFooterV2-utilitySocialsLink", "aria-label": ariaLabel },
-                React.createElement("a", { className: "arc-SiteFooterV2-link", href: href, tabIndex: -1 },
+            return (React.createElement("li", { key: index, tabIndex: 0, className: "arc-SiteFooterV2-utilitySocialsLink" },
+                React.createElement("a", { className: "arc-SiteFooterV2-link", href: href, tabIndex: -1, "aria-label": ariaLabel },
                     React.createElement(Icon.Icon, { icon: icon, size: 16 }),
                     " ")));
         })))));

package/lib/SiteFooterV2/SiteFooterV2.mjs

@@ -3,7 +3,7 @@ import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/fil
 import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import { S as Section } from '../_shared/esm/Section-DDygQ5Az.mjs';
+import { S as Section } from '../_shared/esm/Section-7InCvzfh.mjs';
 import { R as Rule } from '../_shared/esm/Rule-3gdMHH-R.mjs';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-CIgZ7pa0.mjs';
@@ -28,7 +28,7 @@ var SiteFooterV2 = function (_a) {
         React__default.createElement(VerticalSpace, { size: "24" }),
         React__default.createElement(Section, null,
             slogan && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("h2", { className: "arc-SiteFooterV2-slogan" }, slogan),
+                React__default.createElement("span", { className: "arc-SiteFooterV2-slogan" }, slogan),
                 React__default.createElement(VerticalSpace, { size: "32" }))),
             React__default.createElement("div", { className: "arc-SiteFooterV2-main-utility" }, children)),
         React__default.createElement(VerticalSpace, { size: "24" })));
@@ -54,7 +54,7 @@ var SiteFooterV2ItemGroup = function (_a) {
     return (React__default.createElement("div", null,
         React__default.createElement(Visible, { "data-testid": "mobile-disclosure", xs: !hideDisclosure, s: !hideDisclosure },
             React__default.createElement(SiteFooterV2ItemDisclosure, __assign({}, props, { tabIndex: 0 }))),
-        React__default.createElement(Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true },
+        React__default.createElement(Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true, xxl: true },
             React__default.createElement(SiteFooterV2ItemDisclosure, __assign({}, props, { open: true, tabIndex: -1 })),
             React__default.createElement(VerticalSpace, { size: "12" }))));
 };
@@ -70,11 +70,12 @@ var SiteFooterV2Item = function (_a) {
 var SiteFooterV2Utility = function (_a) {
     var copyrightYear = _a.copyrightYear, children = _a.children, socialLinks = _a.socialLinks, _b = _a.brand, brand = _b === void 0 ? {
         logoLabel: "BT",
+        href: "/",
     } : _b, contentSlot = _a.contentSlot, props = __rest(_a, ["copyrightYear", "children", "socialLinks", "brand", "contentSlot"]);
     return (React__default.createElement("div", __assign({ className: "arc-SiteFooterV2-utility", "aria-label": "Footer utility bar" }, filterAttrs(props)),
         React__default.createElement("div", { className: "arc-SiteFooterV2-brand" },
             !contentSlot && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("a", { className: "arc-SiteFooterV2-brandLogo", onClick: handleLinkClick({ handler: brand.onClick }) },
+                React__default.createElement("a", { className: "arc-SiteFooterV2-brandLogo", onClick: handleLinkClick({ handler: brand.onClick }), href: brand.href, tabIndex: brand.href ? 0 : -1 },
                     React__default.createElement(BrandLogo, { label: brand.logoLabel, "aria-label": brand.logoLabel, color: "brand", subBrand: brand.subBrand })),
                 React__default.createElement("div", { className: "arc-SiteFooterV2-copyright" },
                     React__default.createElement("span", { className: "arc-SiteFooterV2-copyrightSymbol" }, "\u00A9"),
@@ -88,8 +89,8 @@ var SiteFooterV2Utility = function (_a) {
             React__default.createElement("ul", { className: "arc-SiteFooterV2-utilityItems" }, children))),
         socialLinks && (React__default.createElement("ul", { className: "arc-SiteFooterV2-utilitySocials", "aria-label": "Footer social media links" }, socialLinks.map(function (_a, index) {
             var href = _a.href, icon = _a.icon, ariaLabel = _a.ariaLabel;
-            return (React__default.createElement("li", { key: index, tabIndex: 0, className: "arc-SiteFooterV2-utilitySocialsLink", "aria-label": ariaLabel },
-                React__default.createElement("a", { className: "arc-SiteFooterV2-link", href: href, tabIndex: -1 },
+            return (React__default.createElement("li", { key: index, tabIndex: 0, className: "arc-SiteFooterV2-utilitySocialsLink" },
+                React__default.createElement("a", { className: "arc-SiteFooterV2-link", href: href, tabIndex: -1, "aria-label": ariaLabel },
                     React__default.createElement(Icon, { icon: icon, size: 16 }),
                     " ")));
         })))));

package/lib/SiteFooterV2/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-slogan{border-right:0;color:var(--sem-color-fg-secondary-light-muted-alt);font:var(--sem-type-body-reg-m);margin:0;padding:0}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2--onDarkSurface .arc-SiteFooterV2-slogan{color:var(--sem-color-fg-secondary-dark-strong)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-main{margin-bottom:var(--vertical-space-size-40)}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-main{grid-column-gap:var(--sitefooter-gap-xl);-moz-column-gap:var(--sitefooter-gap-xl);column-gap:var(--sitefooter-gap-xl);display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:var(--vertical-space-size-40);row-gap:var(--vertical-space-size-40)}}@media (min-width:1024px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-main{grid-column-gap:32px;-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(4,1fr)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-main-3Columns{grid-column-gap:32px;-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(3,1fr)}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:calc(0px - var(--arc-size-section-margin-s));margin-right:calc(0px - var(--arc-size-section-margin-s))}@media (min-width:636px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:calc(0px - var(--arc-size-section-margin-m));margin-right:calc(0px - var(--arc-size-section-margin-m))}}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:var(--arc-size-section-margin-m);margin-right:0}@supports (display:grid){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:0}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure[open]{background-color:transparent !important}}@media (min-width:1280px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:var(--arc-size-section-margin-l)}@supports (display:grid){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure{margin-left:0}}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-link{color:var(--sem-color-fg-secondary-light-muted);text-decoration:none}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-link:hover{color:inherit;text-decoration:underline}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-link:focus{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-21 .arc .arc-SiteFooterV2-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-21 .arc .arc-SiteFooterV2-summary{align-items:center;cursor:pointer;display:flex;gap:var(--sitefooter-gap-l);list-style:none;padding-bottom:var(--vertical-space-size-16);padding-top:var(--vertical-space-size-16);position:relative}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-summary:focus{outline:var(--focus-border-weight-s) solid transparent}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-summary{padding:0}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary{cursor:default;pointer-events:none}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-summary::-webkit-details-marker{display:none}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary:not(:focus) .arc-SiteFooterV2-icon{display:none}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary:not(:focus-visible) .arc-SiteFooterV2-icon{display:none}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-summary:focus-visible::before{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-21 .arc .arc-SiteFooterV2-summary:focus:not(:focus-visible)::before{box-shadow:none}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure .arc-SiteFooterV2-icon{transition:0.2s cubic-bezier(0.44,0,0.55,0.94)}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure .arc-SiteFooterV2-icon{content:"";height:1em;width:1em}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup{list-style:none;margin-bottom:var(--vertical-space-size-8);margin-top:0;padding-left:0}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link{align-items:center;display:flex;gap:var(--sitefooter-gap-m);padding-bottom:var(--vertical-space-size-16);padding-left:var(--sitefooter-padding-xxl);padding-right:var(--sitefooter-padding-xxl)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2--onDarkSurface .arc-SiteFooterV2-link{color:var(--sem-color-fg-secondary-dark-muted)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-item:first-child .arc-SiteFooterV2-link{padding-top:var(--vertical-space-size-8)}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link{margin-top:var(--vertical-space-size-16);padding:0}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:hover{text-decoration:underline}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-item:first-child .arc-SiteFooterV2-link{padding-top:0}}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:hover,.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:active{background-color:transparent}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-itemGroupTitle{display:inline-block;font:var(--sem-type-body-semi-m);margin-bottom:0;margin-top:0;white-space:nowrap}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utility{display:flex;flex-direction:column;row-gap:var(--vertical-space-size-40);width:100%}@media (min-width:636px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utility{align-items:flex-start;flex-direction:row;justify-self:flex-start}}@media (min-width:768px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utility{align-items:flex-start;display:flex}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utilityItems{align-items:center;display:flex;flex-wrap:wrap;font:var(--sem-type-body-reg-s);gap:32px;list-style:none;margin:0;padding:0;row-gap:24px}@media (min-width:636px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utilityItems{padding-left:56px;padding-right:56px;padding-top:6px;row-gap:16px}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utilitySocials{display:flex;flex-direction:row;gap:var(--sitefooter-gap-l);list-style:none;margin:0;padding:0;padding-top:var(--sitefooter-padding-s);padding-bottom:var(--sitefooter-padding-s)}@media (min-width:636px){.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utilitySocials{display:flex;flex-direction:row;flex-grow:1;gap:var(--sitefooter-gap-l);justify-content:flex-end;list-style:none;margin:0}}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-utilitySocialsLink:focus{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-21 .arc .arc-SiteFooterV2-utilitySocialsLink: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-21 .arc .arc-SiteFooterV2-brand{align-items:center;align-self:flex-start;display:flex;height:var(--sitefooter-size-icon-l)}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-brandLogo{cursor:pointer}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-copyright{font:var(--sem-type-body-reg-xs);padding-left:var(--sitefooter-gap-m);white-space:nowrap}.arc-v12-0-0-beta-21 .arc .arc-SiteFooterV2-contentSlot{align-items:center;display:flex;height:var(--sitefooter-size-icon-l)}
+.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-slogan{border-right:0;color:var(--sem-color-fg-secondary-light-muted-alt);font:var(--sem-type-body-reg-m);margin:0;padding:0}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2--onDarkSurface .arc-SiteFooterV2-slogan{color:var(--sem-color-fg-secondary-dark-strong)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-main{margin-bottom:var(--vertical-space-size-40)}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-main{grid-column-gap:var(--sitefooter-gap-xl);-moz-column-gap:var(--sitefooter-gap-xl);column-gap:var(--sitefooter-gap-xl);display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:var(--vertical-space-size-40);row-gap:var(--vertical-space-size-40)}}@media (min-width:1024px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-main{grid-column-gap:32px;-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(4,1fr)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-main-3Columns{grid-column-gap:32px;-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(3,1fr)}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:calc(0px - var(--arc-size-section-margin-s));margin-right:calc(0px - var(--arc-size-section-margin-s))}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:calc(0px - var(--arc-size-section-margin-m));margin-right:calc(0px - var(--arc-size-section-margin-m))}}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:var(--arc-size-section-margin-m);margin-right:0}@supports (display:grid){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:0}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure[open]{background-color:transparent !important}}@media (min-width:1280px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:var(--arc-size-section-margin-l)}@supports (display:grid){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure{margin-left:0}}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-link{color:var(--sem-color-fg-secondary-light-muted);text-decoration:none}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-link:hover{color:inherit;text-decoration:underline}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-link:focus{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-23 .arc .arc-SiteFooterV2-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-23 .arc .arc-SiteFooterV2-summary{align-items:center;cursor:pointer;display:flex;gap:var(--sitefooter-gap-l);list-style:none;padding-bottom:var(--vertical-space-size-16);padding-top:var(--vertical-space-size-16);position:relative}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-summary:focus{outline:var(--focus-border-weight-s) solid transparent}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-summary{padding:0}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary{cursor:default;pointer-events:none}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-summary::-webkit-details-marker{display:none}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary:not(:focus) .arc-SiteFooterV2-icon{display:none}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-summary:not(:focus-visible) .arc-SiteFooterV2-icon{display:none}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-summary:focus-visible::before{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-23 .arc .arc-SiteFooterV2-summary:focus:not(:focus-visible)::before{box-shadow:none}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure .arc-SiteFooterV2-icon{transition:0.2s cubic-bezier(0.44,0,0.55,0.94)}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure .arc-SiteFooterV2-icon{content:"";height:1em;width:1em}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-disclosure[open] .arc-SiteFooterV2-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup{list-style:none;margin-bottom:var(--vertical-space-size-8);margin-top:0;padding-left:0}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link{align-items:center;display:flex;gap:var(--sitefooter-gap-m);padding-bottom:var(--vertical-space-size-16);padding-left:var(--sitefooter-padding-xxl);padding-right:var(--sitefooter-padding-xxl)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2--onDarkSurface .arc-SiteFooterV2-link{color:var(--sem-color-fg-secondary-dark-muted)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-item:first-child .arc-SiteFooterV2-link{padding-top:var(--vertical-space-size-8)}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link{margin-top:var(--vertical-space-size-16);padding:0}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:hover{text-decoration:underline}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-item:first-child .arc-SiteFooterV2-link{padding-top:0}}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:hover,.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroup .arc-SiteFooterV2-link:active{background-color:transparent}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-itemGroupTitle{display:inline-block;font:var(--sem-type-body-semi-m);margin-bottom:0;margin-top:0;white-space:nowrap}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utility{display:flex;flex-direction:column;row-gap:var(--vertical-space-size-40);width:100%}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utility{align-items:flex-start;flex-direction:row;justify-self:flex-start}}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utility{align-items:flex-start;display:flex}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utilityItems{align-items:center;display:flex;flex-wrap:wrap;font:var(--sem-type-body-reg-s);gap:32px;list-style:none;margin:0;padding:0;row-gap:24px}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utilityItems{padding-left:56px;padding-right:56px;padding-top:6px;row-gap:16px}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utilitySocials{display:flex;flex-direction:row;gap:var(--sitefooter-gap-l);list-style:none;margin:0;padding:0;padding-top:var(--sitefooter-padding-s);padding-bottom:var(--sitefooter-padding-s)}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utilitySocials{display:flex;flex-direction:row;flex-grow:1;gap:var(--sitefooter-gap-l);justify-content:flex-end;list-style:none;margin:0}}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-utilitySocialsLink:focus{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-23 .arc .arc-SiteFooterV2-utilitySocialsLink: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-23 .arc .arc-SiteFooterV2-brand{align-items:center;align-self:flex-start;display:flex;height:var(--sitefooter-size-icon-l)}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-brandLogo{cursor:pointer}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-copyright{font:var(--sem-type-body-reg-xs);padding-left:var(--sitefooter-gap-m);white-space:nowrap}.arc-v12-0-0-beta-23 .arc .arc-SiteFooterV2-contentSlot{align-items:center;display:flex;height:var(--sitefooter-size-icon-l)}