@import url('/assets/fonts/manrope.css');
.tok-bar-trial{max-width:1000px;margin:0 auto 76px;padding:16px 28px 34px;font-family:Manrope,Arial,sans-serif;color:#323343;scroll-margin-top:24px}
.tok-bar-trial h2{font-size:clamp(24px,3.2vw,36px);line-height:1.3;font-weight:400;margin:0 0 14px}
.tok-bar-trial>p{font-size:16px;line-height:1.65;font-weight:400;margin:0 0 36px;max-width:620px}
.tok-bar-specimen{margin:0 0 32px;padding:0}
.tok-bar-specimen figcaption{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;font-size:15px;line-height:1.6;margin-bottom:8px}
.tok-bar-specimen figcaption strong{font-size:19px;font-weight:400}
.tok-bar-still-stage{position:relative;container-type:inline-size;width:min(100%,716px);aspect-ratio:358/78;margin:0 auto}
.tok-bar-still-stage img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(105,0,58,.16))}
.tok-bar-still-copy{position:absolute;display:flex;align-items:center;justify-content:center;left:3.910615%;top:21.794872%;width:92.178771%;height:56.410256%;font-size:5.586592cqw;line-height:1.3;font-weight:400;color:#ffffff;text-shadow:none;white-space:nowrap;transform:perspective(calc(100cqw * 900 / 358)) rotateX(var(--bar-angle)) translateZ(calc(100cqw * 12 / 358));pointer-events:none}
.tok-bar-previous{margin-top:12px;border-top:1px solid rgba(255,255,255,.65);padding-top:16px}
.tok-bar-previous summary{cursor:pointer;font-size:15px;font-weight:400}
.tok-bar-previous .tok-bar-specimen{margin-top:24px}
@media(max-width:600px){.tok-bar-trial{padding:8px 18px 24px;margin-bottom:44px}.tok-bar-trial>p{font-size:14px;margin-bottom:24px}.tok-bar-specimen figcaption{font-size:13px;gap:6px 12px}.tok-bar-specimen{margin-bottom:24px}}

.tok-bar-specimen[data-bar-version="previous"] .tok-bar-still-copy{color:#ffffff}