@arc-ui/components 12.0.0-beta.19 → 12.0.0-beta.20

package/lib/VerticalSpace/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-19 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-19 .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-19 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-19 .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-19 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}
+.arc-v12-0-0-beta-20 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-20 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-20 .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-20 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}

package/lib/VideoPlayer/VideoPlayer.cjs

@@ -4,7 +4,7 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');

package/lib/VideoPlayer/VideoPlayer.mjs

@@ -2,7 +2,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default from 'react';
 import { b as getAugmentedNamespace, a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';

package/lib/VideoPlayer/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--sem-border-radius-s)}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer-icon:hover{opacity:1}.arc-v12-0-0-beta-19 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}
+.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--sem-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-icon:hover{opacity:1}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}

package/lib/Visible/Visible.cjs

@@ -1,18 +1,10 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var Visible = require('../_shared/cjs/Visible-Dx__9oZG.cjs');
+require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
 
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = filterAttrs.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl,
-        }) }, filterAttrs.filterAttrs(props)), children));
-};
 
-exports.Visible = Visible;
+
+exports.Visible = Visible.Visible;

package/lib/Visible/Visible.mjs

@@ -1,16 +1,4 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
-import React__default from 'react';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = __rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl,
-        }) }, filterAttrs(props)), children));
-};
-
-export { Visible };
+export { V as Visible } from '../_shared/esm/Visible-C-jVXUWp.mjs';
+import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';

package/lib/Visible/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-19 .arc .arc-Visible{display:none}.arc-v12-0-0-beta-19 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v12-0-0-beta-19 .arc .arc-Visible--xs{display:none}.arc-v12-0-0-beta-19 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v12-0-0-beta-19 .arc .arc-Visible--s{display:none}.arc-v12-0-0-beta-19 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v12-0-0-beta-19 .arc .arc-Visible--m{display:none}.arc-v12-0-0-beta-19 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v12-0-0-beta-19 .arc .arc-Visible--l{display:none}.arc-v12-0-0-beta-19 .arc .arc-Visible--xl{display:block}}
+.arc-v12-0-0-beta-20 .arc .arc-Visible{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-Visible--xs{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-Visible--s{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-Visible--m{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v12-0-0-beta-20 .arc .arc-Visible--l{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--xl{display:block}}

package/lib/VisuallyHidden/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-19 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}
+.arc-v12-0-0-beta-20 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}

package/lib/_shared/cjs/{Avatar-CxbjOB_b.cjs → Avatar-CrUioj_6.cjs}

@@ -4,6 +4,7 @@ var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var ConditionalWrapper = require('./ConditionalWrapper-C09Kw6EG.cjs');
+var VisuallyHidden = require('./VisuallyHidden-B4XCvPYP.cjs');
 var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
 var Image = require('./Image-C1pcrfnN.cjs');
 var Heading = require('./Heading-BEMSkLYR.cjs');
@@ -37,7 +38,9 @@ var Avatar = function (_a) {
     var wrapperAttrs = filterAttrs.__assign({ className: index.classNames("arc-Avatar", "arc-Avatar--".concat(size), {
             "arc-Avatar--img": Boolean(img),
         }) }, filterAttrs.filterAttrs(props));
-    return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React.createElement("a", filterAttrs.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React.createElement("div", filterAttrs.__assign({}, wrapperAttrs), children); } },
+    return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React.createElement("a", filterAttrs.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return (React.createElement(React.Fragment, null,
+            React.createElement("div", filterAttrs.__assign({}, wrapperAttrs), children),
+            ariaLabel && React.createElement(VisuallyHidden.VisuallyHidden, null, ariaLabel))); } },
         React.createElement(AvatarContent, { size: size, img: img, initials: initials })));
 };
 

package/lib/_shared/cjs/{Button-CKTa6bQL.cjs → Button-uD9mR8w-.cjs}

@@ -4,7 +4,7 @@ var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
 var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
 

package/lib/_shared/cjs/{ButtonV2-CRNNZ_nd.cjs → ButtonV2-Bta5SVVY.cjs}

@@ -3,7 +3,7 @@
 var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
 var Spinner = require('./Spinner-bbrOwxv2.cjs');
 
@@ -30,7 +30,7 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
             case "compact":
             case "secondary":
             case "tertiary":
-                return surface === "light" ? "gradient" : "auto";
+                return "brand-alt";
             default:
                 return "auto";
         }

package/lib/_shared/cjs/{Calendar-BwjsVOaO.cjs → Calendar-D4ZSaHHU.cjs}

@@ -3,7 +3,7 @@
 var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-BLRjGROQ.cjs');
-var index_es = require('./index.es-i8i9xWYf.cjs');
+var index_es = require('./index.es-DBEGtWPg.cjs');
 var useMediaQuery = require('./use-media-query-BsUfHjPZ.cjs');
 var index$1 = require('./index-CTlXMLug.cjs');
 var Text = require('./Text-Cr5nmYmx.cjs');
@@ -12,7 +12,7 @@ require('./index-DR8Rkav9.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
 var Heading = require('./Heading-BEMSkLYR.cjs');
 var BtIconChevronRightMid = require('./BtIconChevronRightMid-eGxk3ae6.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 
 /**
  * @name addMonths

package/lib/_shared/cjs/{CardFooter-DwE-u0Om.cjs → CardFooter-ChphRFHe.cjs}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 var index$1 = require('./index-BLRjGROQ.cjs');
 
 var ArrowRight = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M18.146 11.646a.5.5 0 0 0 0 .707l3.147 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16l-4.354-4.354a.5.5 0 0 0-.707 0'/%3e%3c/svg%3e";

package/lib/_shared/cjs/{ComboBox-CY_JTHWB.cjs → ComboBox-BGUhlqx1.cjs}

@@ -7,7 +7,7 @@ var index$1 = require('./index-CTlXMLug.cjs');
 var FormControl = require('./FormControl-BPnKQrCm.cjs');
 var index = require('./index-DXNM3D1d.cjs');
 var Box = require('./Box-COPXU1Jf.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
 
 /**

package/lib/_shared/cjs/{ContentSwitcherDropdown-CAWaAMZN.cjs → ContentSwitcherDropdown-U5ZTbJTe.cjs}

@@ -61,7 +61,7 @@ var ContentSwitcherDropdown = function (_a) {
                 return null;
             }
             var isActive = child.props.value === selectValue;
-            return (React.createElement("div", filterAttrs.__assign({ role: "tabpanel", className: "arc-ContentSwitcherDropdown-content", id: "arc-content-switcher-dropdown-content-".concat(child.props.value), "aria-labelledby": "arc-content-switcher-dropdown-trigger-".concat(child.props.value), "data-state": isActive ? "active" : "inactive", tabIndex: 0, hidden: !isActive }, filterAttrs.filterAttrs(child.props)), child));
+            return (React.createElement("div", filterAttrs.__assign({ role: "tabpanel", className: "arc-ContentSwitcherDropdown-content", id: "arc-content-switcher-dropdown-content-".concat(child.props.value), "aria-labelledby": "arc-content-switcher-dropdown-trigger-".concat(child.props.value), "data-state": isActive ? "active" : "inactive", tabIndex: -1, hidden: !isActive }, filterAttrs.filterAttrs(child.props)), child));
         })));
 };
 var ContentSwitcherDropdownContent = function (_a) {

package/lib/_shared/cjs/{ContentSwitcherList-I7jCZn8C.cjs → ContentSwitcherList-nlxMHXs-.cjs}

@@ -15,7 +15,7 @@ var ContentSwitcher = function (_a) {
 
 var ContentSwitcherContent = function (_a) {
     var children = _a.children, value = _a.value;
-    return (React.createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-ContentSwitcherContent", value: value },
+    return (React.createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-ContentSwitcherContent", value: value, tabIndex: -1 },
         React.createElement("div", { className: "arc-ContentSwitcherContent-wrapper" }, children)));
 };
 
@@ -66,11 +66,12 @@ var ContentSwitcherList = function (_a) {
                 list.removeEventListener("scroll", checkOverflow);
             }
             window.removeEventListener("resize", updateLayout);
+            handleResize.cancel();
         };
     }, [children, checkOverflow, handleResize]);
     return (React.createElement("span", { className: index$1.classNames("arc-ContentSwitcherList-wrapper", {
             "arc-ContentSwitcherList-wrapper--isInset": isInset,
-        }) },
+        }), tabIndex: -1 },
         React.createElement(index.$69cb30bb0017df05$export$54c2e3dc7acea9f5, filterAttrs.__assign({ className: index$1.classNames("arc-ContentSwitcherList", {
                 "arc-ContentSwitcherList--contained": type === "contained",
                 "arc-ContentSwitcherList--isJustified": isJustified,

package/lib/_shared/cjs/{DatePicker-PiPFgOL6.cjs → DatePicker-DS6fAvxD.cjs}

@@ -4,7 +4,7 @@ var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index$2 = require('./index-CTlXMLug.cjs');
 var index$3 = require('./index-CaO6cOF0.cjs');
-var Calendar = require('./Calendar-BwjsVOaO.cjs');
+var Calendar = require('./Calendar-D4ZSaHHU.cjs');
 var index = require('./index-BLRjGROQ.cjs');
 var index$1 = require('./index-DXNM3D1d.cjs');
 var TextInput = require('./TextInput-ByySubi5.cjs');
@@ -140,6 +140,38 @@ var convertRangeStringToDates = function (value) {
         : []), true);
 };
 
+function validateRangeOnBlur(_a) {
+    var value = _a.value, minDate = _a.minDate, maxDate = _a.maxDate, disabledDates = _a.disabledDates, previousValidValue = _a.previousValidValue, dispatchChangeEvent = _a.dispatchChangeEvent, blurEvent = _a.blurEvent;
+    if (!isRangeValid(value))
+        return;
+    var _b = convertRangeStringToDates(value), start = _b[0], end = _b[1];
+    var isStartBeforeMin = minDate && Calendar.isBefore(start, minDate);
+    var isEndAfterMax = maxDate && Calendar.isAfter(end, maxDate);
+    var isStartDisabled = isDisabledDate(disabledDates, start);
+    var isEndDisabled = isDisabledDate(disabledDates, end);
+    if (isStartBeforeMin && isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartBeforeMin) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
+    }
+    if (isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartDisabled || isEndDisabled) {
+        var _c = previousValidValue
+            ? convertRangeStringToDates(previousValidValue)
+            : [], prevStart = _c[0], prevEnd = _c[1];
+        return dispatchChangeEvent(blurEvent, prevStart && prevEnd
+            ? "".concat(formatDate(prevStart), " - ").concat(formatDate(prevEnd))
+            : "");
+    }
+    if (Calendar.isAfter(start, end)) {
+        var _d = [start, end].sort(Calendar.compareAsc), orderedStart = _d[0], orderedEnd = _d[1];
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
+    }
+}
+
 /**
  * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
  */
@@ -218,32 +250,15 @@ var DatePicker = React.forwardRef(function (_a, ref) {
         }
     };
     var handleRangeSelectionBlur = function (e) {
-        if (isRangeValid(value) && selectionType === "range") {
-            var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
-            var isStartDateBeforeMinDate = minDate && Calendar.isBefore(start, minDate);
-            var isEndDateAfterMaxDate = maxDate && Calendar.isAfter(end, maxDate);
-            var isStartDateDisabled = isDisabledDate(disabledDates, start);
-            var isEndDateDisabled = isDisabledDate(disabledDates, end);
-            if (isStartDateBeforeMinDate && isEndDateAfterMaxDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
-            }
-            if (isStartDateBeforeMinDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
-            }
-            if (isEndDateAfterMaxDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
-            }
-            if (isStartDateDisabled || isEndDateDisabled) {
-                var _b = previousValidValue.current
-                    ? convertRangeStringToDates(previousValidValue.current)
-                    : [], start_1 = _b[0], end_1 = _b[1];
-                return dispatchChangeEvent(e, start_1 && end_1 ? "".concat(formatDate(start_1), " - ").concat(formatDate(end_1)) : "");
-            }
-            if (Calendar.isAfter(start, end)) {
-                var _c = [start, end].sort(Calendar.compareAsc), orderedStart = _c[0], orderedEnd = _c[1];
-                return dispatchChangeEvent(e, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
-            }
-        }
+        validateRangeOnBlur({
+            value: value,
+            minDate: minDate,
+            maxDate: maxDate,
+            disabledDates: disabledDates,
+            previousValidValue: previousValidValue.current,
+            dispatchChangeEvent: dispatchChangeEvent,
+            blurEvent: e,
+        });
     };
     var handleBlur = function (e) {
         onBlur && onBlur(e);
@@ -310,7 +325,10 @@ var DatePicker = React.forwardRef(function (_a, ref) {
 
 exports.DATE_FORMAT = DATE_FORMAT;
 exports.DatePicker = DatePicker;
+exports.convertRangeStringToDates = convertRangeStringToDates;
+exports.formatDate = formatDate;
 exports.isDateValid = isDateValid;
 exports.isRangeValid = isRangeValid;
 exports.parseDateString = parseDateString;
 exports.parseRangeString = parseRangeString;
+exports.validateRangeOnBlur = validateRangeOnBlur;

package/lib/_shared/cjs/{HeroButton-CiIygZ16.cjs → HeroButton-CrzkTUwP.cjs}

@@ -4,7 +4,7 @@ var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var index$1 = require('./index-DR8Rkav9.cjs');
-var Icon = require('./Icon-KMACQ1i3.cjs');
+var Icon = require('./Icon-CzhyKqMd.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
 var Spinner = require('./Spinner-bbrOwxv2.cjs');
 

package/lib/_shared/cjs/{Icon-KMACQ1i3.cjs → Icon-CzhyKqMd.cjs}

@@ -29,10 +29,10 @@ var Icon = function (_a) {
 var colors = [
     "auto",
     "brand",
+    "brand-alt",
     "statusRed",
     "statusAmber",
     "statusGreen",
-    "gradient",
 ];
 
 exports.Icon = Icon;

package/lib/_shared/cjs/{MediaCard-4SvlAL3w.cjs → MediaCard-BEZFbiYO.cjs}

@@ -3,15 +3,13 @@
 var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
-var index_es = require('./index.es-i8i9xWYf.cjs');
-var useMediaQuery = require('./use-media-query-BsUfHjPZ.cjs');
 var Image = require('./Image-C1pcrfnN.cjs');
 var Heading = require('./Heading-BEMSkLYR.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
 var Text = require('./Text-Cr5nmYmx.cjs');
 var VerticalSpace = require('./VerticalSpace-BJvST6WP.cjs');
 var CardHeading = require('./CardHeading-Cl0D1Khp.cjs');
-var CardFooter = require('./CardFooter-DwE-u0Om.cjs');
+var CardFooter = require('./CardFooter-ChphRFHe.cjs');
 var ConditionalWrapper = require('./ConditionalWrapper-C09Kw6EG.cjs');
 
 var VideoPlayer = React.lazy(function () {
@@ -30,8 +28,6 @@ var MediaCard = function (_a) {
     var surface = React.useContext(Surface.Context).surface;
     var _e = React.useState(false), isClient = _e[0], setIsClient = _e[1];
     var _f = React.useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
-    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
-    var headingSpacing = isMinWidthArcBreakpointS ? "16" : "8";
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     React.useEffect(function () {
         setIsClient(true);
@@ -47,12 +43,12 @@ var MediaCard = function (_a) {
             media.type === "video" && isClient && (React.createElement(React.Suspense, { fallback: null },
                 React.createElement(VideoPlayer, filterAttrs.__assign({ isSupportingTextHidden: true }, media)))),
             React.createElement("div", { className: "arc-MediaCard-content" },
-                label && (React.createElement(React.Fragment, null,
-                    React.createElement(Heading.Heading, { size: "xxs" }, label.toUpperCase()),
-                    React.createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
+                label && (React.createElement("div", { className: "arc-MediaCard-label" },
+                    React.createElement(Heading.Heading, { level: "3", fontStyle: "overline" }, label),
+                    React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
                 React.createElement(CardHeading.CardHeading, { heading: heading, headingLevel: headingLevel, href: media.type !== "video" ? url : undefined, onClick: media.type !== "video" ? onClick : undefined, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
                 React.createElement("div", { className: "arc-MediaCard-textContainer" }, text && (React.createElement(React.Fragment, null,
-                    React.createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
+                    React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
                     React.createElement(Text.Text, null, text),
                     (url || metaText) && React.createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
                 React.createElement(CardFooter.CardFooter, { buttonIcon: buttonIcon, metaText: metaText, showButton: Boolean(url) && media.type !== "video", isHovered: showHoverState })))));

package/lib/_shared/cjs/{MenuSubContent-B7-PVHJ6.cjs → MenuItemMultiLevelContent-vLr6hSBm.cjs}

@@ -928,7 +928,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
-var MenuSubContent$1 = React__namespace.forwardRef(
+var MenuSubContent = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
@@ -974,7 +974,7 @@ var MenuSubContent$1 = React__namespace.forwardRef(
     ) }) }) });
   }
 );
-MenuSubContent$1.displayName = SUB_CONTENT_NAME$1;
+MenuSubContent.displayName = SUB_CONTENT_NAME$1;
 function getOpenState(open) {
   return open ? "open" : "closed";
 }
@@ -1043,7 +1043,7 @@ var Separator = MenuSeparator;
 var Arrow2 = MenuArrow;
 var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
-var SubContent = MenuSubContent$1;
+var SubContent = MenuSubContent;
 
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = index$1.createContextScope(
@@ -1306,18 +1306,18 @@ var MenuContent = React.forwardRef(function (_a, ref) {
 });
 
 /**
- * The submenu content that pops out when a menu item with children is hovered or clicked.
+ * The multi-level menu content that pops out when a menu item with children is hovered or clicked.
  */
-var MenuSubContent = React.forwardRef(function (_a, ref) {
+var MenuItemMultiLevelContent = React.forwardRef(function (_a, ref) {
     var children = _a.children, width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, alignOffset = _a.alignOffset, props = filterAttrs.__rest(_a, ["children", "width", "minWidth", "maxWidth", "alignOffset"]);
-    return (React.createElement(SubContent2, filterAttrs.__assign({ ref: ref, style: { width: width, minWidth: minWidth, maxWidth: maxWidth }, className: "arc-MenuContent arc-MenuSubContent", sideOffset: 24, collisionPadding: 12, avoidCollisions: true, alignOffset: alignOffset }, filterAttrs.filterAttrs(props)), children));
+    return (React.createElement(SubContent2, filterAttrs.__assign({ ref: ref, style: { width: width, minWidth: minWidth, maxWidth: maxWidth }, className: "arc-MenuContent", sideOffset: 24, collisionPadding: 12, avoidCollisions: true, alignOffset: alignOffset }, filterAttrs.filterAttrs(props)), children));
 });
 
 exports.CheckboxItem2 = CheckboxItem2;
 exports.Group2 = Group2;
 exports.Item2 = Item2;
 exports.MenuContent = MenuContent;
-exports.MenuSubContent = MenuSubContent;
+exports.MenuItemMultiLevelContent = MenuItemMultiLevelContent;
 exports.Portal2 = Portal2;
 exports.RadioGroup2 = RadioGroup2;
 exports.RadioItem2 = RadioItem2;