body.v7-site.sequence-site .demo-progress{grid-template-columns:repeat(var(--demo-steps),minmax(0,1fr));background:0 0;border:0;border-radius:0;gap:12px;display:grid;margin:0 0 16px!important;padding:16px 0!important;list-style:none!important}body.v7-site.sequence-site .demo-progress li{color:#8b95a1;flex-direction:column;gap:8px;font-size:12px;line-height:1.5;transition:color .4s;display:flex;position:relative;padding:0!important}body.v7-site.sequence-site .demo-progress li:before{display:none!important}body.v7-site.sequence-site .demo-progress li:not(:last-child):after{content:"";background:#e5e8eb;height:1px;position:absolute;top:12px;left:34px;right:0}body.v7-site.sequence-site .demo-progress li>button>span{background:#f6f9fc;border:1px solid #e5e8eb;border-radius:50%;place-items:center;width:25px;height:25px;transition:background .4s,color .4s;display:grid}body.v7-site.sequence-site .demo-progress strong{font-weight:500}body.v7-site.sequence-site .demo-progress .is-reached{color:#191f28}body.v7-site.sequence-site .demo-progress .is-reached>button>span{color:#fff;background:#191f28;border-color:#191f28}@media (max-width:600px){body.v7-site.sequence-site .demo-progress{gap:8px;padding:12px 0!important}body.v7-site.sequence-site .demo-progress li{overflow-wrap:anywhere;font-size:12px}body.v7-site.sequence-site .demo-progress li:not(:last-child):after{left:29px}}@media (prefers-reduced-motion:reduce){body.v7-site.sequence-site .demo-progress li,body.v7-site.sequence-site .demo-progress li>button>span{transition:none}}body.v7-site.sequence-site main#main-content:is(.pp-playback,.ex-playback,.hb-playback,.judge-playback){background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0 0 16px;display:flex}body.v7-site.sequence-site main#main-content:is(.pp-playback,.ex-playback,.hb-playback,.judge-playback)>div:first-child{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}body.v7-site.sequence-site main#main-content:is(.pp-playback,.ex-playback,.hb-playback,.judge-playback)>div:first-child>span{letter-spacing:.12em;color:#8b95a1!important;font:400 12px/1.5 Arial,sans-serif!important}body.v7-site.sequence-site main#main-content:is(.pp-playback,.ex-playback,.hb-playback,.judge-playback) strong{letter-spacing:0;display:block;color:#191f28!important;margin:0!important;font:400 14px/1.5 Arial,sans-serif!important}body.v7-site.sequence-site main#main-content:is(.pp-playback,.ex-playback,.hb-playback,.judge-playback)>button{color:#191f28;background:#fff;border:1px solid #e5e8eb;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}body.v7-site.sequence-site .demo-progress li:after{pointer-events:none}body.v7-site.sequence-site .demo-progress li>button{width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:flex-start;gap:8px;padding:0;display:flex}body.v7-site.sequence-site .demo-progress li>button:hover>span{box-shadow:0 0 0 4px #e5e8eb80}body.v7-site.sequence-site .demo-progress li>button:focus-visible{outline-offset:5px;outline:2px solid #697585}.v7-site.sequence-site :is(.pp-app,.ex-window,.judge-window):has(>.demo-bubble-slot){position:relative}body.v7-site.sequence-site .demo-bubble-slot{z-index:12;pointer-events:none;width:max-content;max-width:min(280px,100% - 40px);padding:0;position:absolute;top:155px;right:24px}body.v7-site.sequence-site .demo-bubble-slot[data-placement=left]{top:240px;left:24px;right:auto}body.v7-site.sequence-site .demo-bubble{align-items:flex-end;gap:9px;margin:0;animation:.45s cubic-bezier(.2,.8,.2,1) both demo-bubble-appear;display:flex}body.v7-site.sequence-site .demo-bubble-message{background:#f1efe8eb;border:1px solid #e3e0d7;border-radius:20px 20px 20px 5px;flex:1;min-width:0;padding:10px 12px;position:relative;box-shadow:0 4px 12px #514e4310}body.v7-site.sequence-site .demo-bubble-slot[data-placement=right] .demo-bubble{flex-direction:row-reverse}body.v7-site.sequence-site .demo-bubble-slot[data-placement=right] .demo-bubble-message{border-radius:20px 20px 5px}body.v7-site.sequence-site .demo-bubble-icon{color:#4e5968;width:26px;height:26px;box-shadow:none;background:#f1efe8eb;border:1px solid #e5e8eb;border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:3px;display:grid}body.v7-site.sequence-site .demo-bubble-sender{letter-spacing:.05em;color:#6f6b5d;margin-bottom:3px;font:400 12px/1.4 Coxwave Text,Arial,sans-serif;display:block}body.v7-site.sequence-site .demo-bubble strong{color:#363f4d;font:500 14px/1.45 Coxwave Text,Arial,sans-serif;display:block}body.v7-site.sequence-site main#main-content .demo-bubble p{color:#4e5968!important;max-width:none!important;margin:5px 0 0!important;font:400 13px/1.6 Coxwave Text,Arial,sans-serif!important}@keyframes demo-bubble-appear{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){body.v7-site.sequence-site .demo-bubble-slot{width:max-content;max-width:min(260px,100% - 24px);top:115px;right:12px}body.v7-site.sequence-site .demo-bubble-slot[data-placement=left]{top:230px;left:12px}body.v7-site.sequence-site .demo-bubble-message{padding:10px 12px}body.v7-site.sequence-site .demo-bubble-icon{width:26px;height:26px}body.v7-site.sequence-site .demo-bubble strong{font-size:13px}body.v7-site.sequence-site main#main-content .demo-bubble p{font-size:12px!important}}@media (prefers-reduced-motion:reduce){body.v7-site.sequence-site .demo-bubble{animation:none}}body.v7-site.sequence-site main#main-content .demo-bubble{transform-origin:0 100%;animation-play-state:running!important}body.v7-site.sequence-site main#main-content .demo-bubble-slot[data-placement=right] .demo-bubble{transform-origin:100% 100%}