[data-template=art-deco-bandoeng]{--radius:0px;--field-bg:#fbf8ef;--line:#84907f;--on-accent:var(--cream);--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='24' fill='none' stroke='%23b28a3e' stroke-width='2'%3E%3Cpath d='M0 8c8 0 8-6 16-6s8 6 16 6 8-6 16-6 8 6 16 6'/%3E%3Cpath d='M0 18c8 0 8-6 16-6s8 6 16 6 8-6 16-6 8 6 16 6'/%3E%3C/svg%3E")}[data-template=art-deco-bandoeng] .font-display{font-family:var(--font-display), sans-serif}[data-template=art-deco-bandoeng] .dco-step{clip-path:polygon(0 28px,14px 28px,14px 14px,28px 14px,28px 0,calc(100% - 28px) 0,calc(100% - 28px) 14px,calc(100% - 14px) 14px,calc(100% - 14px) 28px,100% 28px,100% calc(100% - 28px),calc(100% - 14px) calc(100% - 28px),calc(100% - 14px) calc(100% - 14px),calc(100% - 28px) calc(100% - 14px),calc(100% - 28px) 100%,28px 100%,28px calc(100% - 14px),14px calc(100% - 14px),14px calc(100% - 28px),0 calc(100% - 28px))}[data-template=art-deco-bandoeng] .dco-title{grid-template-columns:minmax(28px,1fr) minmax(0,auto) minmax(28px,1fr);align-items:center;gap:16px;max-width:64rem;margin-inline:auto;display:grid}[data-template=art-deco-bandoeng] .dco-lines{border-block:2px solid var(--brass);background:linear-gradient(var(--brass), var(--brass)) center / 100% 2px no-repeat;height:14px}[data-template=art-deco-bandoeng] .dco-lines--left{transform-origin:100%}[data-template=art-deco-bandoeng] .dco-lines--right{transform-origin:0%}[data-template=art-deco-bandoeng] .dco-mirror{gap:24px;max-width:58rem;margin-inline:auto;list-style:none;display:grid}[data-template=art-deco-bandoeng] .dco-wave{background:var(--wave) center / 64px 24px repeat-x;height:24px}[data-template=art-deco-bandoeng] .dco-axis{gap:36px;list-style:none;display:grid}[data-template=art-deco-bandoeng] .dco-axis__item{border-left:3px solid var(--brass);padding-left:22px}@media (width>=768px){[data-template=art-deco-bandoeng] .dco-mirror{grid-template-columns:repeat(2,minmax(0,1fr))}[data-template=art-deco-bandoeng] .dco-axis{position:relative}[data-template=art-deco-bandoeng] .dco-axis:before{content:"";inset-block:0;background:var(--brass);width:3px;margin-left:-1.5px;position:absolute;left:50%}[data-template=art-deco-bandoeng] .dco-axis__item{border:0;width:calc(50% - 32px);padding:0}[data-template=art-deco-bandoeng] .dco-axis__item:nth-child(odd){text-align:right}[data-template=art-deco-bandoeng] .dco-axis__item:nth-child(2n){margin-left:calc(50% + 32px)}}[data-template=art-deco-bandoeng] .dco-button,[data-template=art-deco-bandoeng] .inv-button{background:var(--teal);min-height:44px;color:var(--cream);cursor:pointer;padding:12px 28px;font-weight:600;transition:background-color .2s,transform .2s}[data-template=art-deco-bandoeng] .dco-button:hover,[data-template=art-deco-bandoeng] .inv-button:hover{background:var(--night)}[data-template=art-deco-bandoeng] .dco-button:active,[data-template=art-deco-bandoeng] .inv-button:active{transform:scale(.97)}[data-template=art-deco-bandoeng] .dco-button:focus-visible{outline:3px solid var(--night);outline-offset:3px}[data-template=art-deco-bandoeng] .dco-countdown .inv-countdown__units{justify-content:center;gap:24px}[data-template=art-deco-bandoeng] .dco-countdown .inv-countdown__value{color:var(--teal);font-size:clamp(2.25rem,8vw,3.25rem);font-weight:600}[data-template=art-deco-bandoeng] .inv-copy{color:var(--teal)}[data-template=art-deco-bandoeng] .inv-music{background:var(--teal);color:var(--cream)}[data-template=art-deco-bandoeng] .dco-cover{background:var(--night);overflow:hidden}[data-template=art-deco-bandoeng]:not(.dco-motion) .dco-cover{transition:opacity .7s}[data-template=art-deco-bandoeng]:not(.dco-motion)[data-opened] .dco-cover{opacity:0}@media (prefers-reduced-motion:reduce){[data-template=art-deco-bandoeng][data-opened] .dco-cover{opacity:0}}
