@charset "utf-8";
.c-floatBanner{position:fixed;right:2.4rem;bottom:2.4rem;z-index:1100;width:min(28rem,calc(100vw - 3.2rem));aspect-ratio:4/3;border-radius:.8rem;overflow:hidden;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.18);background:#fff;transition:width .25s ease,aspect-ratio .25s ease,border-radius .25s ease}
.c-floatBanner[hidden]{display:none!important}
.c-floatBanner.is-minimized{width:8rem;aspect-ratio:4/3;border-radius:.6rem}
.c-floatBanner.is-minimized .c-floatBanner__icon--minimize{display:none}
.c-floatBanner.is-minimized .c-floatBanner__icon--expand{display:block}
@media screen and (max-width:768px){.c-floatBanner{right:1.6rem;bottom:1.6rem;width:min(20rem,calc(100vw - 3.2rem))}.c-floatBanner.is-minimized{width:7.2rem}}
.c-floatBanner__controls{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;gap:.4rem}
.c-floatBanner__btn{width:2.8rem;height:2.8rem;padding:0;border:none;border-radius:999px;background:rgba(34,34,34,.72);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}
.c-floatBanner__btn:hover{background:rgba(34,34,34,.9);opacity:1}
.c-floatBanner__btn:focus-visible{outline:2px solid #222;outline-offset:2px}
.c-floatBanner__icon{display:block;position:relative;width:1.2rem;height:1.2rem}
.c-floatBanner__icon--expand{display:none}
.c-floatBanner__icon--minimize::before{content:"";position:absolute;left:0;top:50%;width:100%;height:.2rem;background:currentColor;transform:translateY(-50%);border-radius:.1rem}
.c-floatBanner__icon--expand::before{content:"";position:absolute;inset:.1rem;border:.2rem solid currentColor;border-radius:.1rem}
.c-floatBanner__icon--close::before,.c-floatBanner__icon--close::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:.2rem;background:currentColor;border-radius:.1rem}
.c-floatBanner__icon--close::before{transform:translate(-50%,-50%) rotate(45deg)}
.c-floatBanner__icon--close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.c-floatBanner__media{display:block;width:100%;height:100%}
.c-floatBanner__media img{width:100%;height:100%;object-fit:cover;vertical-align:top}
.c-floatBanner.is-minimized .c-floatBanner__btn--minimize .c-floatBanner__icon--minimize{display:none}
.c-floatBanner.is-minimized .c-floatBanner__btn--minimize .c-floatBanner__icon--expand{display:block}