:root{--box-padding-block-min: 24;--box-padding-block-max: 32;--box-padding-inline-min: 20;--box-padding-inline-max: 32;--box-border-width: 1px;--box-border-style: solid;--box-border-radius: 16px;--box-shadow: none}.box{--border-width: var(--box-border-width, inherit);--border-style: var(--box-border-style, solid);--border: var(--border-width) var(--border-style) var(--border-color);--border-radius: var(--box-border-radius, inherit);position:relative;overflow:hidden;width:var(--width, 100%);max-width:100%;background:var(--background, transparent);color:var(--foreground, inherit);border:var(--border, inherit);border-radius:var(--border-radius, inherit);box-shadow:var(--shadow, none);padding-block:clamp(var(--box-padding-block-min)*1px,(var(--box-padding-block-max) - var(--box-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--box-padding-block-min) - (var(--box-padding-block-max) - var(--box-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--box-padding-block-max)*1px);padding-inline:clamp(var(--box-padding-inline-min)*1px,(var(--box-padding-inline-max) - var(--box-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--box-padding-inline-min) - (var(--box-padding-inline-max) - var(--box-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--box-padding-inline-max)*1px);transition:all .15s ease-in-out;transform:var(--transform, none)}.box.background--transparent{--background: transparent}.box.background--white-50{--background: var(--color-white-50)}.box.background--white-100{--background: var(--color-white-100)}.box.background--gray-light{--background: var(--color-gray-light)}.box.background--gray-solid{--background: var(--color-gray-solid)}.box.background--brand-light{--background: var(--color-brand-light)}.box.background--brand-solid{--background: var(--color-brand-solid)}.box.border--transparent{--border-color: transparent;border-style:hidden}.box.border--white-50{--border-color: var(--color-white-50)}.box.border--white-100{--border-color: var(--color-white-100)}.box.border--gray-light{--border-color: var(--color-gray-light)}.box.border--gray-solid{--border-color: var(--color-gray-solid)}.box.border--brand-light{--border-color: var(--color-brand-light)}.box.border--brand-solid{--border-color: var(--color-brand-solid)}.box.border--shadow{--shadow: var(--box-shadow)}.box.foreground--black{--foreground: var(--color-fg-black)}.box.foreground--white{--foreground: var(--color-fg-white)}.box.clickable{position:relative;cursor:pointer}.box.clickable a:not(.link-area),.box.clickable a.box-button:not(.link-area),.box.clickable a.link-button:not(.link-area),.box.clickable a.icon-button:not(.link-area),.box.clickable a.link:not(.link-area){position:static}.box.clickable a.link-area,.box.clickable a.box-button.link-area,.box.clickable a.link-button.link-area,.box.clickable a.icon-button.link-area,.box.clickable a.link.link-area{position:absolute}.box.clickable a::after,.box.clickable a.box-button::after,.box.clickable a.link-button::after,.box.clickable a.icon-button::after,.box.clickable a.link::after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:99}