.promo-block{--foreground:var(--color-black);--background:var(--color-white);--highlight:var(--color-black);background-color:var(--background);color:var(--foreground);display:block;position:relative}.promo-block.dark-background{background-color:var(--color-black);padding:.2rem 0}.promo-block.not-active-marquee .layout{padding-top:0}.promo-block.not-active-marquee .layout .bg{height:100%;top:0}.promo-block .marquee{align-items:center;background-color:var(--color-black);color:var(--color-orange);display:flex;height:.6rem;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}:is(.promo-block .marquee) .track{align-items:center;animation:marquee 20s linear infinite;display:flex;gap:.16rem;padding-right:.2rem;white-space:nowrap;width:max-content}:is(.promo-block .marquee) .text strong{white-space:pre}.promo-block .layout{align-items:center;aspect-ratio:1320/796;border-radius:.12rem;display:flex;justify-content:space-between;overflow:hidden;padding-top:.6rem;position:relative}:is(.promo-block .layout) .bg{height:calc(100% - .6rem);top:.6rem}:is(.promo-block .layout) .cnt{margin:0 auto;max-width:11.1rem}@media screen and (max-width:768px) and (orientation:portrait){:is(.promo-block .layout) .cnt{max-width:3.5rem}}:is(:is(.promo-block .layout) .cnt) .price{aspect-ratio:1/1;color:var(--color-black);pointer-events:none;position:absolute;right:0;top:-1.24rem;transform:translateX(var(--price-x));width:2.06rem;z-index:2}@media screen and (max-width:768px) and (orientation:portrait){:is(:is(.promo-block .layout) .cnt) .price{top:-1rem;width:1.4rem}}:is(:is(:is(.promo-block .layout) .cnt) .price) .price-shape{display:block;height:auto;width:100%}:is(:is(:is(.promo-block .layout) .cnt) .price) .price-value{align-items:center;color:var(--color-white);display:flex;font-size:.4rem;font-weight:400;inset:0;justify-content:center;letter-spacing:0;line-height:1;position:absolute;transform:rotate(13deg);white-space:nowrap}@media screen and (max-width:768px) and (orientation:portrait){:is(:is(:is(.promo-block .layout) .cnt) .price) .price-value{font-size:.32rem}}:is(:is(.promo-block .layout) .cnt) .btn-wrap,:is(:is(.promo-block .layout) .cnt) .text,:is(:is(.promo-block .layout) .cnt) .title{position:relative;z-index:1}:is(:is(.promo-block .layout) .cnt) .title{color:var(--color-white);margin-bottom:.3rem;text-align:center}:is(:is(.promo-block .layout) .cnt) .text{color:var(--color-white);display:block;margin-bottom:.3rem;text-align:center;width:100%}:is(:is(.promo-block .layout) .cnt) .button{margin:0 auto;padding-bottom:.25rem;padding-top:.25rem}@media screen and (max-width:768px) and (orientation:portrait){:is(:is(.promo-block .layout) .cnt) .button{padding-bottom:.19rem;padding-top:.19rem}}:is(:is(:is(.promo-block .layout) .cnt) .button)>div>span{padding-bottom:.05rem;padding-top:.05rem}@media screen and (max-width:768px) and (orientation:portrait){.promo-block .layout{aspect-ratio:390/670}:is(.promo-block .marquee) .track{animation:marquee 20s linear infinite}:is(.promo-block .marquee) .text{font-size:.14rem}.promo-block .layout .cnt .price{width:1.4rem}:is(.promo-block .layout .cnt .price) .price-value{font-size:.24rem}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}