.hex-item[data-v-27b5fcf9]{--image-aspect-w: 513;--image-aspect-h: 704;--mask-aspect-w: 146;--mask-aspect-h: 185;--bg: linear-gradient(158.6deg, #f5f8fc 35.18%, #e5f1fe 76.61%);--bg-active: linear-gradient(139.92deg, #1154ff 37.49%, #0a3299 94.42%);position:relative;width:100%;height:auto}.hex-item[data-v-27b5fcf9]:before{content:"";display:block;padding-bottom:calc((var(--image-aspect-h) / var(--image-aspect-w)) * 100%)}.hex-item__mask[data-v-27b5fcf9]{position:absolute;bottom:0;left:0;width:100%;height:0;padding-bottom:calc((var(--mask-aspect-h) / var(--mask-aspect-w)) * 100%);background:var(--bg);-webkit-mask:url(../images/hexagon.svg) no-repeat center;mask:url(../images/hexagon.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;z-index:1}.hex-item__mask[data-v-27b5fcf9]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-active);transition:opacity .5s ease;opacity:0}.hex-item.is-active .hex-item__mask[data-v-27b5fcf9]:before{opacity:1}.hex-item__image-container[data-v-27b5fcf9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;z-index:2}.hex-item__image-container img[data-v-27b5fcf9]{width:100%;height:auto}