.al-x4{position:relative;width:100%;max-width:360px;height:190px;margin-inline:auto;overflow:hidden}.al-x4-sea{position:absolute;left:0;bottom:14px;width:100%;height:40px;overflow:visible}.al-x4-sea path{fill:none;stroke:color-mix(in srgb,var(--al-paper) 55%,transparent);stroke-width:2;vector-effect:non-scaling-stroke}.al-x4-sea path+path{stroke:color-mix(in srgb,var(--al-paper) 30%,transparent)}.al-x4-dock{position:absolute;right:6px;bottom:40px;width:104px;text-align:right}.al-x4-dock .al-x4-face{margin:0 0 6px auto;box-shadow:0 0 0 3px var(--al-cli-on-blue)}.al-x4-dock span{display:block;margin-bottom:8px;white-space:nowrap;font-size:14px;font-weight:600;color:var(--al-cli-on-blue)}.al-x4-dock i{position:relative;display:block;height:6px;border-radius:3px;background:var(--al-cli-on-blue)}.al-x4-dock i:after,.al-x4-dock i:before{content:"";position:absolute;top:6px;width:6px;height:34px;background:color-mix(in srgb,var(--al-cli-on-blue) 75%,transparent)}.al-x4-dock i:before{left:14px}.al-x4-dock i:after{right:10px}.al-x4-track{position:absolute;inset:0}.al-x4-boat{position:absolute;left:calc(100% - 120px - 116px);bottom:24px;width:120px;transform-origin:50% 90%}.al-x4-boat svg{display:block;width:120px;height:70px}.al-x4-sail{fill:var(--al-paper)}.al-x4-sail-2{fill:var(--al-blue-soft)}.al-x4-hull{fill:var(--al-paper)}.al-x4-fold{fill:none;stroke:var(--al-blue-line);stroke-width:1.5}.al-x4-tag{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:var(--al-paper);color:var(--al-blue);font-size:12px;font-weight:600;white-space:nowrap}@media (prefers-reduced-motion:no-preference){html.js .al-x4 .al-x4-track{transform:translateX(calc(-100% + 120px + 116px))}html.js .al-x4[data-seen=true] .al-x4-track{transform:none;transition:transform 2.6s var(--al-ease-io) .2s}html.js .al-x4[data-seen=true] .al-x4-boat{animation:al-x4-bob .87s var(--al-ease-io) .2s 3 both}}@keyframes al-x4-bob{0%,to{transform:none}30%{transform:translateY(-3px) rotate(-4deg)}70%{transform:translateY(2px) rotate(3deg)}}.al-x20{width:100%;max-width:280px;margin-inline:auto}.al-x20-sheet{position:relative;aspect-ratio:3/4}.al-x20-p{position:absolute;left:0;right:0;height:calc(100% / 3);transform-style:preserve-3d}.al-x20-p0{top:0;transform-origin:50% 100%}.al-x20-p1{top:calc(100% / 3)}.al-x20-p2{top:calc(200% / 3);transform-origin:50% 0}.al-x20-b,.al-x20-f{position:absolute;inset:0;backface-visibility:hidden;background:var(--al-paper);box-shadow:0 6px 18px color-mix(in srgb,var(--al-ink) 8%,transparent)}.al-x20-b{transform:rotateX(180deg);background:var(--al-paper-2)}.al-x20-f{padding:12px 20px;border-left:1px solid var(--al-rule);border-right:1px solid var(--al-rule)}.al-x20-p0 .al-x20-f{border-top:1px solid var(--al-rule);border-radius:6px 6px 0 0;padding-top:18px}.al-x20-p1 .al-x20-f{border-top:1px dashed var(--al-rule);border-bottom:1px dashed var(--al-rule)}.al-x20-p2 .al-x20-f{border-bottom:1px solid var(--al-rule);border-radius:0 0 6px 6px}.al-x20-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 6px}.al-x20-head b{font-size:15px;font-weight:700;color:var(--al-blue)}.al-x20-head span{font-size:12px;color:var(--al-muted)}.al-x20-riga{margin:6px 0 0;font-size:13px;line-height:1.35;color:var(--al-ink-2)}.al-x20-head+.al-x20-riga{color:var(--al-ink);font-weight:600}@media (prefers-reduced-motion:no-preference){html.js .al-x20 :is(.al-x20-p0,.al-x20-p2){transition:transform .5s var(--al-ease-io)}html.js .al-x20 .al-x20-p0{transform:perspective(900px) rotateX(-178deg)}html.js .al-x20 .al-x20-p2{transform:perspective(900px) rotateX(178deg);transition-delay:.35s}html.js .al-x20[data-seen=true] :is(.al-x20-p0,.al-x20-p2){transform:perspective(900px) rotateX(0deg)}}.al-x20-nome{margin:8px 0 0;text-align:right;font-size:14px;font-weight:700;color:var(--al-blue)}