.ilo-tabby-tutorial{position:fixed;z-index:2147483000;right:0;top:180px;width:min(560px,46vw);height:min(530px,74vh);pointer-events:none;transform:translateX(108%);opacity:0;transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .42s ease;filter:drop-shadow(0 16px 32px rgba(0,0,0,.42));overflow:visible}
.ilo-tabby-tutorial.is-in{transform:translateX(0);opacity:1}.ilo-tabby-tutorial.is-out{transform:translateX(112%);opacity:0}
.ilo-tabby-tutorial__stage{position:absolute;inset:0;display:grid;grid-template-columns:minmax(180px,42%) minmax(250px,58%);align-items:end;gap:8px;padding:0 8px 8px 0;overflow:visible}
.ilo-tabby-tutorial[data-mode="image"]{width:min(500px,42vw);height:min(510px,72vh)}
.ilo-tabby-tutorial[data-mode="image"] .ilo-tabby-tutorial__stage{display:flex;align-items:flex-end;justify-content:flex-end;padding:0}
.ilo-tabby-tutorial__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:right bottom;background:transparent!important;opacity:1;transform:none;transform-origin:60% 72%;transition:opacity .48s ease,transform .58s cubic-bezier(.2,.75,.25,1);user-select:none;-webkit-user-drag:none;will-change:transform,opacity}
.ilo-tabby-tutorial[data-mode="bubble"] .ilo-tabby-tutorial__image{object-position:left bottom}
.ilo-tabby-tutorial__image.is-mirror{transform:scaleX(-1)}
.ilo-tabby-tutorial__bubble{align-self:center;position:relative;background:#fff;color:#111;border:4px solid #e11b2e;border-radius:28px;padding:22px 20px 18px;box-shadow:0 12px 28px rgba(0,0,0,.28);font:700 18px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;transition:opacity .48s ease,transform .58s cubic-bezier(.2,.75,.25,1)}
.ilo-tabby-tutorial__bubble:before{content:"";position:absolute;left:-28px;bottom:72px;border-width:18px 28px 18px 0;border-style:solid;border-color:transparent #e11b2e transparent transparent}.ilo-tabby-tutorial__bubble:after{content:"";position:absolute;left:-20px;bottom:76px;border-width:14px 22px 14px 0;border-style:solid;border-color:transparent #fff transparent transparent}
.ilo-tabby-tutorial__count{position:absolute;right:-12px;top:-14px;background:#e11b2e;color:#fff;border:2px solid #fff;border-radius:999px;padding:8px 10px;font:900 14px/1 system-ui}.ilo-tabby-tutorial__title{font-size:25px;font-weight:950;margin:0 0 8px;color:#e11b2e}.ilo-tabby-tutorial__body{margin:0;font-size:17px}.ilo-tabby-tutorial__body strong{color:#e11b2e}
.ilo-tabby-tutorial__skip{position:absolute;z-index:4;right:9px;top:9px;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.76);color:#fff;border-radius:999px;padding:6px 10px;font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:none}
.ilo-tabby-tutorial.fx-fade .ilo-tabby-tutorial__image,.ilo-tabby-tutorial.fx-fade .ilo-tabby-tutorial__bubble{opacity:0}.ilo-tabby-tutorial.fx-left .ilo-tabby-tutorial__image,.ilo-tabby-tutorial.fx-left .ilo-tabby-tutorial__bubble{opacity:0;transform:translateX(-32px)}.ilo-tabby-tutorial.fx-right .ilo-tabby-tutorial__image,.ilo-tabby-tutorial.fx-right .ilo-tabby-tutorial__bubble{opacity:0;transform:translateX(32px)}.ilo-tabby-tutorial.fx-zoom .ilo-tabby-tutorial__image,.ilo-tabby-tutorial.fx-zoom .ilo-tabby-tutorial__bubble{opacity:0;transform:scale(.92)}
@media(max-width:820px){.ilo-tabby-tutorial{top:auto!important;bottom:calc(var(--ilo-tabby-mobile-bottom,16px) + env(safe-area-inset-bottom,0px))!important;width:min(560px,98vw);height:min(440px,64vh)}.ilo-tabby-tutorial[data-mode="image"]{width:min(520px,96vw);height:min(430px,62vh)}.ilo-tabby-tutorial__stage{grid-template-columns:40% 60%;gap:2px;transform:scale(var(--ilo-tabby-mobile-scale,1));transform-origin:left bottom}.ilo-tabby-tutorial__bubble{padding:16px 13px 14px;border-width:3px;border-radius:20px}.ilo-tabby-tutorial__title{font-size:19px}.ilo-tabby-tutorial__body{font-size:14px}.ilo-tabby-tutorial__count{font-size:11px}.ilo-tabby-tutorial__skip{font-size:10px}}