.c-image-with-border{--c-image-with-border-peek: 20px;--c-image-with-border-radius-sm: 12px;--c-image-with-border-radius-lg: 80px;--c-image-with-border-image-radius-lg: 70px;height:100%;max-width:100%;padding:var(--c-image-with-border-peek);width:100%}.c-image-with-border.c-image-with-border--hide-on-mobile{display:none}@media (min-width: 768px){.c-image-with-border{--c-image-with-border-peek: 40px;--c-image-with-border-radius-sm: 24px;--c-image-with-border-radius-lg: 160px;--c-image-with-border-image-radius-lg: 140px}.c-image-with-border.c-image-with-border--hide-on-mobile{display:flex}}.c-image-with-border__media{display:block;isolation:isolate;margin:0;max-width:min(var(--c-image-with-border-mobile-max-width, 100%),var(--c-image-with-border-image-max-width, 100%));min-width:0;position:relative;width:100%}@media (min-width: 768px){.c-image-with-border__media{max-width:min(100%,var(--c-image-with-border-image-max-width, 100%))}}.c-image-with-border__media:before,.c-image-with-border__media:after{border-radius:var(--c-image-with-border-radius-sm) var(--c-image-with-border-radius-sm) var(--c-image-with-border-radius-sm) var(--c-image-with-border-radius-lg);content:"";pointer-events:none;position:absolute}.c-image-with-border__media:before{background-color:var(--primary-color, #010f5a);bottom:0;left:0;right:calc(var(--c-image-with-border-peek) * -1);top:calc(var(--c-image-with-border-peek) * -1);z-index:1}.c-image-with-border__media:after{background-color:var(--secondary-color, #00b3fd);bottom:calc(var(--c-image-with-border-peek) * -1);left:calc(var(--c-image-with-border-peek) * -1);right:0;top:0;z-index:2}.c-image-with-border__image{border-radius:0 var(--c-image-with-border-radius-sm) 0 var(--c-image-with-border-image-radius-lg);display:block;height:auto;max-height:none;max-width:100%;position:relative;width:100%;z-index:3}