.Hero{position:sticky;top:0;left:0;width:100%;height:100vh;background:var(--bg-img) no-repeat center center/cover;display:flex;align-items:center;justify-content:center}.Hero:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.Hero .react-hls-player{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.Hero .m,.Hero .d{position:absolute}.Hero .lt{top:4rem;left:4rem}.Hero .rt{top:4rem;right:4rem}.Hero .lb{bottom:8.8rem;left:4rem}.Hero .rb{bottom:8.8rem;right:4rem}.Hero .cb{bottom:8.8rem;left:50%;transform:translate(-50%)}.Hero .m{display:none}.Hero .d{display:inherit}@media not all and (min-width: 768px){.Hero{width:100vw;height:auto;aspect-ratio:4/ 5}.Hero .d{display:none}.Hero .m{display:inherit}.Hero .lt{top:2.4rem;left:2.4rem}.Hero .rt{top:2.4rem;right:2.4rem}.Hero .lb{bottom:7.2rem;left:2.4rem}.Hero .rb{bottom:7.2rem;right:2.4rem}.Hero .cb{bottom:7.2rem;left:50%;transform:translate(-50%)}}section{justify-content:center;text-align:center}main{--max-width-content: 44rem;--max-width: 64rem;position:relative;margin-top:-4.8rem;z-index:2}main .ContentSection{display:flex;align-items:center;flex-direction:column;padding:4.8rem 2.4rem 6.4rem;background-color:var(--beige);border-radius:2rem 2rem 0 0}main .ContentSection .ContentWrapper{display:grid;row-gap:3.2rem;width:100%;max-width:var(--max-width-content)}main .ContentSection .Event{display:grid;justify-items:center;row-gap:1.6rem;width:100%;max-width:var(--max-width-content)}main .ContentSection .Event .EventContent{display:grid;row-gap:.8rem}main .ContentSection .Event .EventContent h1{font-size:2.4rem;font-weight:600;letter-spacing:-.024rem;line-height:1.3}main .ContentSection .DrawContent{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:100%}main .ContentSection .DrawContent .Title{display:flex;justify-content:center;align-items:center;padding:.6rem 1rem;border-radius:1rem;background-color:#1f24230d;color:var(--gray-900, #1f2423);font-size:1.4rem;font-weight:600;line-height:140%;letter-spacing:-.28px;text-transform:uppercase}main .ContentSection .DrawContent .Product{background-color:var(--white);border-radius:10px;display:flex;justify-content:center;align-items:center;gap:16px;padding:24px 16px;align-self:stretch}main .ContentSection .DrawContent .ProductImage{-o-object-fit:cover;object-fit:cover;width:12rem;height:12rem}main .ContentSection .DrawContent .ProductInfo{display:grid;gap:.8rem;text-align:start;color:var(--gray-900, #1f2423);font-size:1.4rem;line-height:1.4;letter-spacing:-.28px;text-transform:uppercase;max-width:16.2rem}main .ContentSection .DrawContent .ProductBrand{font-weight:600}main .ContentSection .DrawContent .ProductFirst300{display:inline-block;color:var(--gray-900, #1f2423);border-radius:.6rem;padding:.2rem .4rem;background:#1f24230d}main .ContentSection .Button{width:100%;padding:1.8rem 3.2rem;border-radius:1rem;background-color:var(--color-fg);color:var(--white);font-weight:600}main .ContentSection .Button:disabled,main .ContentSection .Button[disabled]{background-color:var(--color-disabled-fg);color:var(--white)}main .YoutubeSection{display:flex;flex-direction:column;padding:6.4rem 2.4rem;align-items:center;gap:2.4rem;background-color:var(--gray-100)}main .YoutubeHeader{display:flex;justify-content:center}main .YoutubeList{display:grid;row-gap:1.6rem;width:100%;max-width:64rem}main .YoutubeCard{display:flex;flex-direction:row;gap:1.2rem;width:100%}main .YoutubeCard .img{width:20rem;aspect-ratio:140/79;border-radius:1rem;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--gray-100)}main .YoutubeCard .info{text-align:left}main .YoutubeCard h3{font-size:1.6rem;font-weight:600;letter-spacing:-.032rem;line-height:1.4;color:var(--gray-900, #1f2423)}main .YoutubeCard p{font-size:1.6rem;line-height:1.4;letter-spacing:-.32px;color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}@media not all and (min-width: 768px){main .YoutubeCard .img{width:14rem;height:7.9rem;flex-shrink:0;aspect-ratio:140/79}main .YoutubeCard p{text-overflow:initial;white-space:normal;overflow:visible}}footer{display:flex;flex-direction:row;padding:3.2rem 2.4rem 6.4rem;justify-content:center;background-color:var(--white);color:var(--gray-500)}footer .FooterFooter{display:grid;font-size:1.2rem;letter-spacing:-.024rem;row-gap:1.2rem;width:100%;max-width:64rem}footer .FooterFooter .Privacy{font-weight:600;text-decoration:underline}
