.c-image-overlay{position:relative;width:100%;height:var(--c-io-height-sp, 400px);overflow:hidden;display:flex}@media screen and (min-width:750px){.c-image-overlay{height:var(--c-io-height-pc, 500px)}}.c-image-overlay__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.c-image-overlay__media img{display:block;width:100%;height:100%;object-fit:cover}.c-image-overlay__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-foreground) / .05)}.c-image-overlay__placeholder .placeholder-svg{max-width:40%;height:auto;opacity:.4}.c-image-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,calc(var(--c-io-overlay-opacity, 0) / 100));pointer-events:none}.c-image-overlay__content{position:relative;z-index:2;width:100%;padding-inline:var(--c-io-padding-inline-sp, 24px);display:flex;flex-direction:column;gap:8px}@media screen and (min-width:750px){.c-image-overlay__content{padding-inline:var(--c-io-padding-inline-pc, 40px)}}.c-image-overlay--valign-top{align-items:flex-start}.c-image-overlay--valign-middle{align-items:center}.c-image-overlay--valign-bottom{align-items:flex-end}@media screen and (min-width:750px){.c-image-overlay--halign-pc-left .c-image-overlay__content{text-align:left}.c-image-overlay--halign-pc-center .c-image-overlay__content{text-align:center}.c-image-overlay--halign-pc-right .c-image-overlay__content{text-align:right}}@media screen and (max-width:749px){.c-image-overlay--halign-sp-left .c-image-overlay__content{text-align:left}.c-image-overlay--halign-sp-center .c-image-overlay__content{text-align:center}.c-image-overlay--halign-sp-right .c-image-overlay__content{text-align:right}}.c-image-overlay__title{margin:0;font-family:"Outfit",var(--c-font-stack),sans-serif;font-size:var(--c-io-title-font-size-sp, 18px);font-weight:700;line-height:1.4;letter-spacing:.05em;color:var(--c-io-title-color, #ffffff)}@media screen and (min-width:750px){.c-image-overlay__title{font-size:var(--c-io-title-font-size-pc, 32px)}}.c-image-overlay__subtitle{margin:0;font-family:var(--c-font-stack),sans-serif;font-size:13px;font-weight:400;line-height:1.6;color:var(--c-io-title-color, #ffffff)}@media screen and (min-width:750px){.c-image-overlay__subtitle{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/c-image-overlay.css.map */