.hero-banner-outer-wrapper{width:100%;box-sizing:border-box;padding-left:45px;margin-top:30px}.hero-banner{position:relative;width:100%;max-width:730px;margin-bottom:60px;box-sizing:border-box;background-color:transparent;padding:var(--wikimedia-spacing-sm);transition:all .2s ease}.hero-banner:hover{box-shadow:0 1px 3px var(--wikimedia-shadow)}.hero-banner__main-image-container{position:relative;width:100%;aspect-ratio:2 / 3;background-color:#e8e8e8;border:1px solid var(--wikimedia-border-color, #c8ccd1);padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:0}.hero-banner__image{display:block;max-width:calc(100% - 20px);max-height:calc(100% - 20px);height:auto;margin:0;padding:10px;object-fit:contain}.hero-banner .progressive-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-banner .progressive-image{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;margin:0;padding:10px;object-fit:contain}.hero-banner .progressive-placeholder{object-fit:contain;padding:10px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05)}.hero-banner__info-container{width:100%;max-width:100%;margin-top:0;padding:0;border:none;box-shadow:none;box-sizing:border-box;overflow:hidden}.hero-banner__info-row{display:flex;border-top:1px solid var(--wikimedia-border-color, #c8ccd1)}.hero-banner__info-row:first-child{border-top:none}.hero-banner__info-value{flex:1;padding:4px 0;background-color:transparent;font-family:var(--font-family);font-size:var(--type-size-base);font-weight:var(--type-weight-regular);line-height:var(--type-line-height);color:var(--wikimedia-dark-gray, #202122);text-transform:var(--type-transform)}.hero-banner__info-value em{font-style:italic}@media (max-width: 768px){.hero-banner-outer-wrapper{padding-left:0;display:flex;justify-content:center}.hero-banner{margin:0 auto 60px;max-width:calc(var(--card-width) * 2)}.hero-banner__image,.hero-banner .progressive-image,.hero-banner .progressive-placeholder{max-width:calc(100% - 16px);max-height:calc(100% - 16px);padding:8px}}@media (max-width: 480px){.hero-banner{max-width:var(--card-width);margin:0 auto 40px}.hero-banner__image,.hero-banner .progressive-image,.hero-banner .progressive-placeholder{max-width:calc(100% - 12px);max-height:calc(100% - 12px);padding:6px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-banner.css.map */