.box{--box-padding-x:0px;--box-padding-y:0px;color:var(--text-color);border-radius:var(--rounded);box-shadow:var(--shadow);padding:var(--box-padding-y)var(--box-padding-x);flex-direction:column;display:flex;position:relative}.box:where([data-interactivity=self]){cursor:pointer;transition-property:box-shadow;transition-duration:.35s}.box:where([data-interactivity=self]):focus:not(:focus-visible){outline:none}.box:where([data-interactivity=self]):focus-visible{outline:2px solid var(--focus-color,var(--primary-color-700));outline-offset:var(--focus-offset,3px)}.box:where([data-interactivity=self]):hover{box-shadow:var(--shadow-hover)}.box:where([data-interactivity=self]):active{top:1px}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))){transition-property:box-shadow;transition-duration:.35s}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))):focus:not(:focus-visible){outline:none}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))):focus-visible{outline:2px solid var(--focus-color,var(--primary-color-700));outline-offset:var(--focus-offset,3px)}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))):has(:where(a,button):focus-visible){outline:2px solid var(--focus-color,var(--primary-color));outline-offset:var(--focus-offset,3px)}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))):has(:where(a,button):hover){box-shadow:var(--shadow-hover)}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))):has(:where(a,button):active){top:1px}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))) :where(a,button){cursor:pointer}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))) :where(a,button):focus-visible{outline:none}.box:where([data-interactivity=nested],[data-interactivity=nested-button]:not(:has(a:is(.contact-button,:not(.button)),button))) :where(a,button):before{content:"";cursor:pointer;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.box:where([data-background=white],:not([data-background])){background-color:var(--white);border:1px solid color-mix(in srgb,var(--black),transparent 90%)}.box[data-background=colored]{background-color:var(--primary-color-100)}.box[data-background=colored] .contact-button{--button-base-icon-background:var(--primary-color-50);--button-hover-icon-background:var(--white);--button-active-icon-background:var(--primary-color-200)}.box:where([data-padding=small],:not([data-padding])){--box-padding-x:  clamp(1.5rem,1.32692rem + .769231vw,2rem);--box-padding-y:var(--box-padding-x)}.box:where([data-padding=large]){--box-padding-x:  clamp(1.5rem,-.322785rem + 3.79747vw,3rem);--box-padding-y:var(--box-padding-x)}.box:where([data-image-style=tight],:not([data-image-style])){---additional-image-margin:0px}.box:where([data-image-style=tight],:not([data-image-style])) .box-image{border-top-left-radius:var(--rounded);border-top-right-radius:var(--rounded);margin-bottom:var(--box-padding-y);margin-inline:calc(-1*var(--box-padding-x) + var(---additional-image-margin));margin-top:calc(-1*var(--box-padding-y) + var(---additional-image-margin));overflow:hidden}.box:where([data-image-style=tight],:not([data-image-style])):where([data-background=white]){---additional-image-margin:-1px}.box:where([data-image-style=loose]) .box-image{margin-bottom:var(--box-padding-y);border-radius:var(--rounded);overflow:hidden}.box:where([data-image-style=loose]):where([data-padding=large]) .box-image{margin-bottom:calc(.8333*var(--box-padding-y))}.box .box-content>:first-child,.box .box-content>link:first-child+*,.box .box-content>link:first-child+link+*{margin-top:0}.box .box-content>:last-child{margin-bottom:0}.box .box-content-after>:first-child,.box .box-content-after>link:first-child+*,.box .box-content-after>link:first-child+link+*{margin-top:0}.box .box-content-after>:last-child{margin-bottom:0}.box .box-content-after{padding-top:var(--box-padding-y);margin-top:auto}:is(.section-grid,.grid):not(:has(>*>:not(link,.box)))>*>.box:is(:only-child,link:first-child+:last-child){height:100%}
/*# sourceMappingURL=css-shared-template--box.css.map*/