[data-template=trp-senja-pantai]{--radius:12px;--field-bg:#fff;--line:#7c9096;--on-accent:#fff}[data-template=trp-senja-pantai] .font-display{font-family:var(--font-display), serif}[data-template=trp-senja-pantai]:not(.snj-motion) .snj-cover{transition:opacity .5s}[data-template=trp-senja-pantai]:not(.snj-motion)[data-opened] .snj-cover{opacity:0}@media (prefers-reduced-motion:reduce){[data-template=trp-senja-pantai][data-opened] .snj-cover{opacity:0}}[data-template=trp-senja-pantai] .snj-section{max-width:62rem;margin:64px auto 0;padding-inline:20px}[data-template=trp-senja-pantai] .snj-title{font-family:var(--font-display), serif;text-align:center;font-size:clamp(2.25rem,7vw,3.5rem);line-height:1.08}[data-template=trp-senja-pantai] .snj-countdown .inv-countdown__units{justify-content:center}[data-template=trp-senja-pantai] .snj-countdown .inv-countdown__value{font-size:clamp(2.25rem,10vw,3.5rem);font-weight:700}[data-template=trp-senja-pantai] .snj-cover{color:var(--foam);background:linear-gradient(#c2442f,#f4a640 62%,#1e7a86 62%);overflow:hidden}[data-template=trp-senja-pantai] .snj-sun{background:var(--sun);opacity:.9;border-radius:50%;width:120px;height:120px;position:absolute;top:7%;left:calc(50% - 60px)}[data-template=trp-senja-pantai] .snj-swell{inset-inline:0;flex-direction:column;height:130%;display:flex;position:absolute;top:100%}[data-template=trp-senja-pantai] .snj-swell__fill{flex:1;display:block}[data-template=trp-senja-pantai] .snj-sky{background:linear-gradient(#a93a26,#e07a35 55%,#f4a640)}[data-template=trp-senja-pantai] .snj-sun--hero{opacity:.55;width:180px;height:180px;top:auto;bottom:6%;left:calc(50% - 90px)}[data-template=trp-senja-pantai] .snj-tide{max-width:62rem;margin:56px auto 0;padding-inline:20px}[data-template=trp-senja-pantai] .snj-card{background:var(--sand);border-radius:12px;padding:26px 22px}[data-template=trp-senja-pantai] .snj-title,[data-template=trp-senja-pantai] .snj-event,[data-template=trp-senja-pantai] .snj-countdown .inv-countdown__value{color:var(--coral)}[data-template=trp-senja-pantai] .snj-when{color:var(--sea)}[data-template=trp-senja-pantai] .snj-frame{border-radius:999px 999px 12px 12px}[data-template=trp-senja-pantai] .snj-button{background:var(--foam);color:var(--deepsea);cursor:pointer;border-radius:999px;padding:14px 30px;font-weight:700;display:inline-block}[data-template=trp-senja-pantai] .snj-thanks{color:var(--sun)}[data-template=trp-senja-pantai] .inv-copy{color:var(--deepsea)}
