.ImageWithChars{position:relative}.ImageWithChars .ImageWithChars__iconLeft svg,.ImageWithChars .ImageWithChars__iconLeftFront svg,.ImageWithChars .ImageWithChars__iconRight svg,.ImageWithChars .ImageWithChars__iconRightFront svg{fill:var(--primaryHKDarken40Color)}.ImageWithChars__media{margin-left:-32px;margin-right:-32px;position:relative}@media (min-width:768px){.ImageWithChars__media{margin-left:0;margin-right:0}}.ImageWithChars__icon{height:0;padding-top:50%;pointer-events:none;position:absolute;width:50%}.ImageWithChars__icon svg{height:100%;position:absolute;top:0;width:100%}.ImageWithChars__iconLeft{left:32px;z-index:1;fill:var(--primaryHKDarken40Color)}.ImageWithChars__iconLeftFront{left:0;z-index:3;fill:var(--primaryHKDarken20Color)}.ImageWithChars__iconRight{right:32px;z-index:1;fill:var(--primaryHKDarken40Color)}.ImageWithChars__iconRightFront{right:0;z-index:3;fill:var(--primaryHKDarken20Color)}.ImageWithChars--iconTopBottom .ImageWithChars__iconLeft{top:-8px}.ImageWithChars--iconTopBottom .ImageWithChars__iconLeftFront{top:-24px}.ImageWithChars--iconTopBottom .ImageWithChars__iconRight{bottom:-8px}.ImageWithChars--iconTopBottom .ImageWithChars__iconRightFront{bottom:-24px}.ImageWithChars--iconBottomTop .ImageWithChars__iconLeft{bottom:-8px}.ImageWithChars--iconBottomTop .ImageWithChars__iconLeftFront{bottom:-24px}.ImageWithChars--iconBottomTop .ImageWithChars__iconRight{top:-8px}.ImageWithChars--iconBottomTop .ImageWithChars__iconRightFront{top:-24px}.ImageWithChars--iconBottomTop .ImageWithChars__link a{float:right}.ImageWithChars__icon25{padding-top:25%;width:25%}.ImageWithChars__iconOpacity20{opacity:.2}.ImageWithChars__iconOpacity40{opacity:.4}.ImageWithChars__iconOpacity60{opacity:.6}.ImageWithChars__image{margin:0;padding-top:100%;position:relative;z-index:2}.ImageWithChars__image>div{height:100%;left:0;position:absolute;top:0;width:100%}:is(.ImageWithChars__image>div) *{height:100%}.ImageWithChars__image figure{margin:0}.ImageWithChars__image img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.ImageWithChars__link{bottom:-29px;font-size:14px;left:0;line-height:20px;overflow:hidden;position:absolute;right:0;z-index:1}@media (min-width:768px){.ImageWithChars__link{padding-right:16px}}.ImageWithChars__link a{border-bottom:1px solid var(--primaryHKLighten40Color);color:var(--whiteBaseColor)}@media (min-width:768px){.ImageWithChars__link a{color:var(--blackBaseColor)}}

/*# sourceMappingURL=ImageWithLettersStyles.bff435f2fc1447e2b0e6.css.map*/