.field-demo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:23px 25px;margin:34px 0;padding:27px 29px;border:1px solid #d1d6dc;border-radius:3px;background:#f3f0e8}html body .field-demo h3{font:700 27px/1.15 Inter,Arial,sans-serif!important;letter-spacing:-1px;margin:0 0 9px!important;color:#111318!important}html body .field-demo p{font:12px/1.6 Inter,Arial,sans-serif!important;margin:0!important;color:#68717d!important}.field-demo>a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-radius:4px;background:#14406b;padding:13px 16px;color:white!important;font:600 11px Inter,Arial,sans-serif!important;text-decoration:none!important}.field-demo a:focus-visible{outline:2px solid #14406b;outline-offset:4px}.field-demo>div{min-width:0}.field-demo-note{display:block;margin-top:9px;color:#737d89;font:10px/1.6 Inter,Arial,sans-serif}html body p.field-demo-end{margin:30px 0 0!important;font:500 12px/1.7 Inter,Arial,sans-serif!important;color:#14406b!important}html body .field-demo-end a{color:inherit!important;text-decoration:none!important;border-bottom:1px solid #aab8c8;padding-bottom:3px}.field-demo-end a span{margin-left:10px}.field-demo__button{max-width:100%}
html body .field-demo-motion{grid-column:1/-1;min-width:0;margin:0;padding-top:17px;border-top:1px solid #d5d5cf;font-family:Inter,Arial,sans-serif}.field-demo-motion figcaption{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#68717d;font:500 10px/1.5 Inter,Arial,sans-serif}.field-demo-motion figcaption a{color:#14406b!important;font:inherit!important;text-decoration:none!important}.motion-flow{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:10px}.motion-citation,.motion-record{min-width:0;align-self:stretch;padding:14px;background:#fffdf8;border:1px solid #d8d9d3;border-radius:3px}.field-demo-motion small{display:block;color:#737d89;font:500 9px/1.5 Inter,Arial,sans-serif}html body .field-demo .motion-work-title{margin:8px 0 10px!important;color:#222930!important;font:500 12px/1.5 Inter,Arial,sans-serif!important;overflow-wrap:anywhere}.motion-work-title span{background:linear-gradient(#f1dfad,#f1dfad) left bottom/100% 45% no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}.motion-doi{font:500 10px/1.6 Inter,Arial,sans-serif;color:#14406b;overflow-wrap:anywhere;background:linear-gradient(#e2ebf4,#e2ebf4) left/100% 100% no-repeat}.motion-connector{width:100%;color:#14406b}.motion-connector path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.motion-verdict{display:block;color:#805c20;font:600 10px/1.5 Inter,Arial,sans-serif}.motion-verdict>span{margin-right:4px;font-size:15px;vertical-align:-1px}.motion-ready .motion-record,.motion-ready .motion-verdict{opacity:0}.motion-ready .motion-connector path{stroke-dashoffset:1}.motion-ready .motion-doi,.motion-ready .motion-work-title span{background-size:0% 100%}.motion-ready .motion-work-title span{background-size:0% 45%}.motion-played .motion-doi{animation:field-wipe 1s .2s ease forwards}.motion-played .motion-connector path{animation:field-connect 1s .8s ease forwards}.motion-played .motion-record{animation:field-reveal .7s 1.5s ease both}.motion-played .motion-work-title span{animation:field-mark .8s 2.5s ease forwards}.motion-played .motion-verdict{animation:field-reveal .5s 3.3s ease both}@keyframes field-wipe{to{background-size:100% 100%}}@keyframes field-mark{to{background-size:100% 45%}}@keyframes field-connect{to{stroke-dashoffset:0}}@keyframes field-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.field-demo{grid-template-columns:minmax(0,1fr);padding:23px;gap:20px}html body .field-demo h3{font-size:26px!important}.field-demo>a{width:100%;box-sizing:border-box}.motion-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px}.motion-citation,.motion-record{padding:10px}html body .field-demo .motion-work-title{font-size:11px!important}.motion-doi{font-size:9px}}
@media(prefers-reduced-motion:reduce){.field-demo-motion *{animation:none!important}.field-demo-motion .motion-record,.field-demo-motion .motion-verdict{opacity:1!important}.field-demo-motion .motion-connector path{stroke-dashoffset:0!important}.field-demo-motion .motion-doi{background-size:100% 100%!important}.field-demo-motion .motion-work-title span{background-size:100% 45%!important}}
@media(max-width:450px){.motion-flow{grid-template-columns:minmax(0,1fr);gap:5px}.motion-connector{width:22px;height:20px;justify-self:center;transform:rotate(90deg)}.motion-citation,.motion-record{padding:12px}html body .field-demo .motion-work-title{font-size:12px!important}.motion-doi{font-size:10px}}