.obp{overflow-x:clip}.obp-ride{--obp-rowh:44px;margin-top:44px;position:relative}.obp-inner{width:min(100% - 40px,560px);margin-inline:auto;position:relative}.obp-board{grid-template-columns:22px repeat(5,minmax(0,1fr));gap:4px;transition:filter .3s ease-out,opacity .3s ease-out;display:grid}.obp-wd{letter-spacing:.06em;text-align:center;text-transform:uppercase;color:#2423306b;padding-bottom:2px;font-size:11px;font-weight:500}.obp-wk{color:#2423306b;grid-column:1;align-self:center;font-size:11px;font-weight:500}.obp-day{height:var(--obp-rowh);background:var(--color-blanc);border-radius:8px;position:relative;box-shadow:inset 0 0 0 1px #24233012}.obp-day>span{color:#2423306b;font-size:10px;line-height:1.2;position:absolute;top:4px;left:6px}.obp-day[data-out]>span{color:#24233038}.obp-bar{--fill:clamp(0, calc((var(--f) - var(--i)) / var(--n)), 1);z-index:1;background:var(--bar);color:#fff;white-space:nowrap;text-overflow:ellipsis;height:20px;clip-path:inset(0 calc((1 - var(--fill)) * 100%) 0 0 round 6px);opacity:calc(1 - var(--d) * .62);border-radius:6px;align-self:end;margin:0 3px 5px;padding-inline:7px;font-size:11px;font-weight:500;line-height:20px;transition:opacity .25s ease-out;overflow:hidden}.obp-bar[data-cont~=l],.obp-bar[data-cont=lr]{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.obp-bar[data-cont=r],.obp-bar[data-cont=lr]{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.obp-dots{gap:6px;margin-top:14px;display:none}.obp-dots>i{background:#2423301a;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.obp-dots>i:after{content:"";background:var(--bar);transform-origin:0;transform:scaleX(clamp(0, calc(var(--f) / var(--len)), 1));position:absolute;inset:0}.obp-cards{gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}.obp-card{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.obp-card-txt{min-width:0}.obp-card-n{color:#2423308c;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.obp-card-n:before{content:"";background:var(--bar);border-radius:99px;flex:none;width:8px;height:8px}.obp-card-t{letter-spacing:-.02em;color:var(--color-dark);margin-top:6px;font-size:20px;font-weight:600;line-height:1.2}.obp-card-x{color:#242330a3;text-wrap:pretty;margin-top:6px;font-size:15px;line-height:1.5}.obp-card-mk{background:var(--color-blanc);color:var(--color-dark);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #24233014}.obp-card-mk:before{content:"";background:var(--bar);border-radius:99px;width:7px;height:7px}.obp-prints{flex:none;padding-top:4px;position:relative}.obp-card:has(.obp-prints[data-pair]){flex-direction:column;gap:14px}.obp-prints[data-pair]{gap:18px;padding-left:4px;display:flex}.obp-prints .ob-pola{width:min(var(--ob-pw), 30vw, 21svh)}.obp-prints[data-pair] .ob-pola{width:min(var(--ob-pw), 38vw, 17svh)}.obp-prints .ob-pola-hand{white-space:normal;text-wrap:balance;justify-content:center;align-items:center;height:auto;min-height:30px;padding:5px 2px 6px;font-size:15px;line-height:15px;display:flex}.obp-done{background:var(--color-blanc);text-align:center;border-radius:20px;width:min(460px,100%);margin:40px auto 0;padding:28px 22px 26px;position:relative;box-shadow:0 1px 2px #2423300d,0 30px 70px -30px #24233073}.obp-done .ob2-done-t{font-size:19px}.obp-ride[data-run=on]{--obp-rowh:clamp(32px, 6.2svh, 52px);height:calc(100svh + var(--obp-beats) * 45svh);margin-top:calc(112px - var(--obp-lift,84px))}.obp-ride[data-run=on] .obp-stage{pointer-events:none;flex-direction:column;height:100svh;padding-top:84px;padding-bottom:16px;display:flex;position:sticky;top:0}.obp-ride[data-run=on] .obp-inner{pointer-events:auto;flex-direction:column;margin-block:auto;display:flex}.obp-ride[data-run=on] .obp-dots{display:flex}.obp-ride[data-run=on] .obp-cards{margin-top:18px;position:relative}.obp-ride[data-run=on] .obp-card{opacity:0;pointer-events:none;grid-area:1/1;align-self:start;transition:opacity .22s ease-out,transform .22s ease-out;transform:translateY(10px)}.obp-ride[data-run=on] .obp-card[data-on]{opacity:1;transform:none}.obp-ride[data-run=on] .obp-done{opacity:0;pointer-events:none;margin:0 auto;transition:opacity .26s ease-out,transform .26s ease-out;position:absolute;top:50%;left:0;right:0;transform:translateY(calc(14px - 50%))scale(.98)}.obp-ride[data-run=on] .obp-stage[data-arrived] .obp-done{opacity:1;pointer-events:auto;transform:translateY(-50%)}.obp-ride[data-run=on] .obp-stage[data-arrived] .obp-board,.obp-ride[data-run=on] .obp-stage[data-arrived] .obp-dots{opacity:.4;filter:blur(3px)}.obp-ride[data-run=on] .obp-stage[data-arrived] .obp-card[data-on]{opacity:0}@media (max-height:620px){.obp-ride[data-run=on]{--obp-rowh:30px}.obp-ride[data-run=on] .obp-stage{padding-top:76px;padding-bottom:8px}.obp-ride[data-run=on] .obp-dots{margin-top:10px}.obp-ride[data-run=on] .obp-cards{margin-top:12px}.obp-card:has(.obp-prints[data-pair]){gap:8px}}
.ob-pola{width:var(--ob-pw);rotate:var(--ob-tilt,0deg);background:#fefefe;border-radius:3px;padding:8px 8px 0;box-shadow:0 1px 1px #2423301a,0 12px 26px -10px #24233057}.ob-pola-win{aspect-ratio:1;background:#e8e8e8;display:block;position:relative;overflow:hidden}.ob-pola-win:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 5px #24233066,inset 0 0 0 1px #24233014}.ob-pola-img{object-fit:cover;width:100%;height:100%;display:block}.ob-pola-hand{height:34px;font-family:var(--font-hand);text-align:center;letter-spacing:.01em;color:#3b3950;white-space:nowrap;font-size:18px;line-height:34px;overflow:hidden}.ob2-wrap{--ob2-cal:clamp(640px, 64vw, 980px);--ob2-rowh:clamp(52px, min(6vw, (100vh - 576px) / 5), 92px);--ob2-wk:32px;--ob2-steph:78px;--ob2-gap:36px;--ob2-head:var(--ob2-wk);--ob2-pw:clamp(150px, 13.5vw, 186px);position:relative}.ob2-stage{flex-direction:column;align-items:center;display:flex;position:relative}.ob2-title h2+div{margin-top:1.75rem}.ob2-zone{flex-direction:column;align-items:center;width:100%;margin-top:4rem;display:flex;position:relative}.ob2-steps{width:var(--ob2-cal);max-width:100%;height:var(--ob2-steph);margin:var(--ob2-gap) 0 0;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;transition:filter .34s ease-out,opacity .34s ease-out,transform .34s cubic-bezier(.22,.61,.36,1);display:grid;position:relative}.ob2-steps:before,.ob2-steps:after{content:"";border-radius:2px;height:2px;position:absolute;top:15px;left:10%}.ob2-steps:before{background:#2423301a;width:80%}.ob2-steps:after{width:calc(80% * var(--ob2-rail,1));background:var(--color-orange);transition:width .12s linear}.ob2-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ob2-node{z-index:1;background:var(--color-blanc);font-variant-numeric:tabular-nums;color:#2423306b;border:2px solid #2423301f;border-radius:999px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:500;transition:transform .24s cubic-bezier(.22,.61,.36,1),background-color .24s ease-out,border-color .24s ease-out,color .24s ease-out;display:grid;position:relative}.ob2-step[data-state=done] .ob2-node{border-color:var(--color-orange);color:var(--color-orange-text)}.ob2-step[data-state=now] .ob2-node{border-color:var(--color-orange);background:var(--color-orange);color:var(--color-blanc);transform:scale(1.14);box-shadow:0 6px 16px -6px #ff400db3}.ob2-step-t{color:#24233080;font-size:13px;font-weight:500;line-height:1.2;transition:color .24s ease-out}.ob2-step[data-state=now] .ob2-step-t,.ob2-step[data-state=done] .ob2-step-t{color:var(--color-dark)}.ob2-step-s{color:#2423305c;font-size:11px;line-height:1.2}.ob2-board{width:var(--ob2-cal);max-width:100%;transition:filter .34s ease-out,opacity .34s ease-out,transform .34s cubic-bezier(.22,.61,.36,1)}.ob2-wk{height:var(--ob2-wk);border-bottom:1px solid #2423301f;grid-template-columns:repeat(7,1fr);display:grid}.ob2-wk span{text-transform:uppercase;letter-spacing:.08em;color:#2423306b;place-items:center;font-size:11px;display:grid}.ob2-month{position:relative}.ob2-grid,.ob2-bars{grid-template-columns:repeat(7,1fr);grid-auto-rows:var(--ob2-rowh);display:grid}.ob2-day{--f:0;--i:0;--lit:clamp(0, calc(var(--f) - var(--i)), 1);border-bottom:1px solid #24233014;border-right:1px solid #24233014;padding:7px 8px 0;position:relative}.ob2-day:nth-child(7n){border-right:0}.ob2-day:nth-last-child(-n+7){border-bottom:0}.ob2-day[data-we="1"]{background:#24233006}.ob2-day[data-step]{--d:0;background:color-mix(in srgb, var(--tint) calc(var(--lit) * (1 - var(--d)) * 16%), transparent)}.ob2-num{font-variant-numeric:tabular-nums;color:var(--color-dark);font-size:13px;line-height:1;display:block}.ob2-day[data-out="1"] .ob2-num{color:#2423304d}.ob2-bars{pointer-events:none;position:absolute;inset:0}.ob2-bar,.ob2-mark{--f:0;--i:0;--n:1;--w:clamp(0, calc((var(--f) - var(--i)) / var(--n)), 1);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;height:22px;clip-path:inset(0 calc(100% - var(--w) * 100%) 0 0 round 6px);border-radius:6px;align-self:start;margin:29px 4px 0;padding:0 8px;font-size:11px;font-weight:500;line-height:22px;position:relative;overflow:hidden}.ob2-bar{--h:0;--d:0;background:var(--bar);color:#fefefe;opacity:calc(1 - var(--d) * .72)}.ob2-bar[data-cont=r],.ob2-bar[data-cont=lr]{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.ob2-bar[data-cont=l],.ob2-bar[data-cont=lr]{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.ob2-bar[data-cont=r],.ob2-bar[data-cont=lr]{clip-path:inset(0 calc(100% - var(--w) * 100%) 0 0 round 6px 0 0 6px)}.ob2-bar[data-cont=l]{clip-path:inset(0 calc(100% - var(--w) * 100%) 0 0 round 0 6px 6px 0)}.ob2-bar[data-cont=lr]{clip-path:inset(0 calc(100% - var(--w) * 100%) 0 0)}.ob2-bar:after{content:"";opacity:var(--h);pointer-events:none;background:#fefefe24;position:absolute;inset:0}.ob2-mark{--d:0;opacity:calc(1 - var(--d) * .72);color:#242330bd;background:#fefefef0;margin-top:55px;padding-left:18px;box-shadow:0 1px 2px #2423301f}.ob2-mark:before{content:"";background:var(--bar);border-radius:999px;width:6px;height:6px;position:absolute;top:8px;left:7px}.ob2-prints{--ob-pw:var(--ob2-pw)}.ob2-prints .ob-pola{width:var(--ob2-pw)}.ob2-clip{z-index:3;width:18px;height:50px;position:absolute;top:-16px;left:26px;rotate:-10deg}.ob2-confetti{pointer-events:none;z-index:1;width:0;height:0;position:absolute;top:53px;left:50%}.ob2-confetti>i{background:var(--c);will-change:transform, opacity;border-radius:1.5px;width:6px;height:9px;position:absolute;top:-4px;left:-3px}.ob2-done{background:var(--color-blanc);text-align:center;border-radius:18px;width:min(460px,100%);padding:30px 32px 32px;position:relative;box-shadow:0 1px 2px #2423300d,0 30px 70px -30px #24233073}.ob2-done-seal{background:var(--color-orange-light);width:46px;height:46px;color:var(--color-orange-text);border-radius:999px;place-items:center;margin:0 auto 16px;display:grid}.ob2-done-t{text-wrap:balance;letter-spacing:-.015em;color:var(--color-dark);font-size:21px;font-weight:600;line-height:1.25}.ob2-done-s{color:#2423309e;margin-top:10px;font-size:14px;line-height:1.55}.ob2-wrap[data-run=on]{--ob2-rail:0;height:320vh}.ob2-wrap[data-run=on] .ob2-stage{padding-bottom:24px;position:sticky;top:124px;overflow:hidden}@media (min-width:1024px) and (max-height:860px){.ob2-zone{margin-top:2.25rem}.ob2-wrap[data-run=on] .ob2-stage{top:108px}}.ob2-wrap[data-run=on] .ob2-prints{--ob2-pw:clamp(118px, 10.5vw, 156px);top:calc(var(--ob2-head) + var(--r) * var(--ob2-rowh));left:calc(50% - var(--ob2-cal) / 2 + var(--c) * var(--ob2-cal) / 7 - var(--ob2-pw) / 2);z-index:5;position:absolute;transform:translateY(-50%)}.ob2-wrap[data-run=on] .ob2-prints .ob-pola,.ob2-wrap[data-run=on] .ob2-clip{opacity:0;transform-origin:50% 8%;will-change:transform, opacity;transition:opacity .26s ease-out,transform .32s cubic-bezier(.22,.61,.36,1);transform:translateY(30px)rotate(-12deg)scale(.94)}.ob2-wrap[data-run=on] .ob2-prints[data-show] .ob-pola,.ob2-wrap[data-run=on] .ob2-prints[data-show] .ob2-clip{opacity:1;transition:none;animation:1.15s cubic-bezier(.22,.61,.36,1) both ob2-land;transform:none}.ob2-wrap[data-run=on] .ob2-prints[data-show] .is-b{animation-delay:.32s}@keyframes ob2-land{0%{opacity:0;transform:translateY(30px)rotate(-12deg)scale(.94)}30%{opacity:1;transform:translateY(-3px)rotate(8deg)scale(1.02)}55%{transform:translateY(0)rotate(-5deg)scale(1)}78%{transform:rotate(2.5deg)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.ob2-wrap[data-run=on] .ob-pola-hand{height:30px;font-size:15px;line-height:30px}.ob2-wrap[data-run=on] .ob2-prints:has(.is-b){left:calc(50% - var(--ob2-cal) / 2 + var(--c) * var(--ob2-cal) / 7 - var(--ob2-pw) - 6px);gap:12px;display:flex}.ob2-wrap[data-run=on] .ob2-prints .is-b{margin-top:14px}.ob2-wrap[data-run=on] .ob2-done{top:calc(var(--ob2-head) + 2.5 * var(--ob2-rowh));z-index:20;visibility:hidden;opacity:0;transition:opacity .3s ease-out,transform .38s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s;position:absolute;left:50%;transform:translate(-50%,calc(22px - 50%))scale(.97)}.ob2-wrap[data-run=on] .ob2-stage[data-phase="4"] .ob2-done{visibility:visible;opacity:1;transition-delay:90ms,90ms,0s;transform:translate(-50%,-50%)scale(1)}.ob2-wrap[data-run=on] .ob2-stage[data-phase="4"] .ob2-board,.ob2-wrap[data-run=on] .ob2-stage[data-phase="4"] .ob2-steps{filter:blur(7px);opacity:.5;transform:scale(.985)}.ob2-wrap:not([data-run=on]) .ob2-track{--ob2-f0:99;--ob2-f1:99;--ob2-f2:99;--ob2-f3:99;--ob2-rail:1}.ob2-wrap:not([data-run=on]) .ob2-node{border-color:var(--color-orange);color:var(--color-orange-text)}.ob2-wrap:not([data-run=on]) .ob2-step-t{color:var(--color-dark)}.ob2-wrap:not([data-run=on]) .ob2-prints-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:34px 40px;margin-top:44px;padding:0 16px;display:flex}.ob2-wrap:not([data-run=on]) .ob2-prints{--ob2-pw:168px;opacity:1;align-items:flex-start;gap:34px 40px;display:flex;position:relative;transform:none}.ob2-wrap:not([data-run=on]) .ob2-clip{display:none}.ob2-wrap:not([data-run=on]) .ob2-done{margin:44px auto 0}@media (max-width:1279px){.ob2-wrap{--ob2-cal:clamp(560px, 56vw, 760px)}}@media (prefers-reduced-motion:reduce){.ob2-node,.ob2-step-t,.ob2-board,.ob2-steps,.ob2-day,.ob2-prints .ob-pola,.ob2-clip,.ob2-done,.ob2-steps:after{transition:none!important}}
