.al-x13{display:grid;gap:12px;width:100%;max-width:320px;margin-inline:auto;padding:8px 6px 16px;overflow:hidden}.al-x13,.al-x13-it{position:relative}.al-x13-card{display:flex;flex-direction:column;gap:2px;padding:12px 16px 12px 56px;border:1px solid var(--al-rule);border-radius:16px;background:var(--al-paper);box-shadow:0 6px 18px color-mix(in srgb,var(--al-ink) 6%,transparent)}.al-x13-card b{font-size:15px;font-weight:600;color:var(--al-ink)}.al-x13-card small{font-size:13px;color:var(--al-blue);font-weight:500}.al-x13-bub{position:absolute;left:11px;top:50%;width:40px;height:40px;margin-top:-20px;z-index:1}.al-x13-bub .al-avatar{box-shadow:0 0 0 2px var(--al-cli-bright)}.al-x13-bub i{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;border:2px solid var(--al-paper);border-radius:50%;background:var(--al-cli-bright);color:var(--al-ink);font-size:12px;font-style:normal;font-weight:700}@media (prefers-reduced-motion:no-preference){html.js .al-x13 .al-x13-card{opacity:0;transform:scale(.7,1.25);transition:opacity .3s var(--al-ease),transform .4s var(--al-ease);transition-delay:calc(var(--i) * .15s + .25s)}html.js .al-x13 .al-x13-bub{opacity:0;transform:translateY(calc((var(--n) - var(--i)) * 80px))}html.js .al-x13[data-seen=true] .al-x13-card{opacity:1;transform:none}html.js .al-x13[data-seen=true] .al-x13-bub{animation:al-x13-rise .6s var(--al-ease-io) both;animation-delay:calc(var(--i) * .15s)}}@keyframes al-x13-rise{0%{opacity:0;transform:translateY(calc((var(--n) - var(--i)) * 80px)) scale(1.3)}15%{opacity:1}80%{opacity:1;transform:none}to{opacity:1;transform:none}}.al-x12{display:grid;grid-template-rows:repeat(var(--n),64px)}.al-x12-p{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;border-top-width:1px;border:1px solid var(--al-rule);border-top:0 solid var(--al-rule);background:var(--al-paper)}.al-x12-p:first-child{border-top-width:1px;border-radius:12px 12px 0 0}.al-x12-p:last-child{border-radius:0 0 12px 12px}.al-x12-p:nth-child(2n){background:var(--al-paper-2)}.al-x12-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--al-blue);color:var(--al-paper);font-size:14px;font-weight:700}.al-x12-p b{font-size:14px;font-weight:600;line-height:1.3;color:var(--al-ink)}.al-x12-scr{display:none}.al-x12-min{padding:2px 8px;border-radius:999px;background:var(--al-blue-soft);color:var(--al-blue);font-size:12px;font-weight:600;white-space:nowrap}.al-x12-p{transform-origin:50% 0}@media (min-width:760px){.al-x12{grid-template-rows:none;grid-template-columns:repeat(var(--n),minmax(0,1fr));height:230px}.al-x12-p{grid-template-columns:none;grid-template-rows:auto auto 1fr auto;align-items:start;gap:10px;padding:16px;border-top-width:1px;border-left-width:0;transform-origin:0 50%}.al-x12-p:first-child{border-left-width:1px;border-radius:12px 0 0 12px}.al-x12-p:last-child{border-radius:0 12px 12px 0}.al-x12-scr{display:flex;flex-direction:column;gap:6px;align-self:end;padding:8px;border:1px solid var(--al-rule);border-radius:8px;background:var(--al-paper)}.al-x12-scr i{display:block;height:5px;border-radius:3px;background:var(--al-req-line)}.al-x12-scr i:nth-child(2){width:70%}.al-x12-scr i:nth-child(3){width:45%;background:var(--al-blue-line)}.al-x12-min{justify-self:start}}@media (prefers-reduced-motion:no-preference){html.js .al-x12 .al-x12-p{transition:transform .6s var(--al-ease);transition-delay:calc(var(--i) * .16s + .2s)}html.js .al-x12 .al-x12-p:nth-child(odd){transform:perspective(700px) translateY(calc(var(--i) * -100%)) rotateX(-80deg)}html.js .al-x12 .al-x12-p:nth-child(2n){transform:perspective(700px) translateY(calc(var(--i) * -100%)) rotateX(80deg)}html.js .al-x12[data-seen=true] .al-x12-p:nth-child(n){transform:perspective(700px) translate(0) rotateX(0deg)}@media (min-width:760px){html.js .al-x12 .al-x12-p:nth-child(odd){transform:perspective(900px) translate(calc(var(--i) * -100%)) rotateY(80deg)}html.js .al-x12 .al-x12-p:nth-child(2n){transform:perspective(900px) translate(calc(var(--i) * -100%)) rotateY(-80deg)}html.js .al-x12[data-seen=true] .al-x12-p:nth-child(n){transform:perspective(900px) translate(0) rotateY(0deg)}}}.al-x14{width:100%;max-width:340px;margin-inline:auto;padding:16px 0}.al-x14-body{display:flex;align-items:center;gap:10px;height:60px;padding:0 16px;border-radius:12px;background:var(--al-paper);box-shadow:0 10px 26px color-mix(in srgb,var(--al-ink) 22%,transparent)}.al-x14-name{flex-shrink:0;font-size:14px;font-weight:600;color:var(--al-ink)}.al-x14-vial{position:relative;flex:1;height:28px;border:2px solid var(--al-ok);border-radius:14px;background:var(--al-ok-line);overflow:hidden}.al-x14-tick{position:absolute;top:0;bottom:0;left:calc(50% - 24px);width:2px;background:var(--al-ok)}.al-x14-tick-r{left:calc(50% + 22px)}.al-x14-bub{position:absolute;top:4px;left:calc(50% - 17px);width:34px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px var(--al-ok-bright)}.al-x14-bub,.al-x14-done{background:var(--al-paper)}.al-x14-done{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:14px auto 0;padding:4px 12px;border-radius:999px;color:var(--al-ok);font-size:14px;font-weight:600}@media (prefers-reduced-motion:no-preference){html.js .al-x14 .al-x14-body{transform:rotate(-5deg)}html.js .al-x14 .al-x14-bub{transform:translateX(-56px)}html.js .al-x14 .al-x14-done{opacity:0;transform:translateY(6px);transition:opacity .4s var(--al-ease) 2.3s,transform .4s var(--al-ease) 2.3s}html.js .al-x14[data-seen=true] .al-x14-body{transform:none;transition:transform 1.1s var(--al-ease) .3s}html.js .al-x14[data-seen=true] .al-x14-bub{animation:al-x14-settle 2s var(--al-ease-io) .3s both}html.js .al-x14[data-seen=true] .al-x14-done{opacity:1;transform:none}}@keyframes al-x14-settle{0%{transform:translateX(-56px)}45%{transform:translateX(14px)}65%{transform:translateX(-7px)}82%{transform:translateX(3px)}to{transform:none}}