/* School Launch shop games: shared styles. Each game sets the --sg-* colors from its theme (see shop-game.js). */
:root{
  --sg-bg:#FFF8F1; --sg-card:#fff; --sg-ink:#4A3B4C; --sg-soft:#7E6C7B; --sg-line:#EBD6DE;
  --sg-a:#FFA9C6; --sg-a-deep:#D9628D; --sg-b:#CDF3E4; --sg-b-deep:#2F9C7E;
  --sg-c:#E8DEFF; --sg-c-deep:#7D62C9; --sg-d:#FFE3CC; --sg-d-deep:#C9692E; --sg-gold:#FFF1B8; --sg-sign:#FFD3E2;
  --sg-font:ui-rounded,"SF Pro Rounded","Nunito","Quicksand","Varela Round",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
html,body{margin:0;padding:0;background:var(--sg-bg)}
#root{min-height:100vh}
.noscript{font:18px system-ui,sans-serif;padding:24px;color:var(--sg-ink)}
.sg-app{font-family:var(--sg-font);background:var(--sg-bg);color:var(--sg-ink);padding:18px clamp(12px,3vw,28px) 28px;min-height:100vh;box-sizing:border-box;max-width:1180px;margin:0 auto}
.sg-app *{box-sizing:border-box}
.sg-app a{color:var(--sg-c-deep)}
.sg-app h2,.sg-app h3{margin:0}

/* layout helpers */
.sg-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sg-between{justify-content:space-between}
.sg-gap6{gap:6px}.sg-gap8{gap:8px}.sg-gap10{gap:10px}.sg-gap14{gap:14px}
.sg-mb12{margin-bottom:12px}.sg-mb14{margin-bottom:14px}.sg-mt14{margin-top:14px}.sg-mt18{margin-top:18px}
.sg-small{font-size:14px;font-weight:800;color:var(--sg-soft)}
.sg-note{margin:8px 0 0;font-size:16px;font-weight:700;color:var(--sg-soft)}
.sg-label{font-size:15px;font-weight:800;color:var(--sg-soft);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}

/* header */
.sg-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.sg-brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:inherit;text-align:left}
.sg-title{display:block;font-size:28px;font-weight:900;line-height:1.1}
.sg-tag{display:block;font-size:15px;font-weight:700;color:var(--sg-soft)}
.sg-pill{display:inline-flex;align-items:center;gap:4px;background:var(--sg-card);border:2px solid var(--sg-line);border-radius:999px;padding:6px 14px;font-weight:900;font-size:19px}
.sg-coins{background:var(--sg-gold);border-color:#e5c65a}
.sg-back{font-size:16px;font-weight:800}

/* buttons */
.sg-btn{min-height:50px;padding:10px 18px;font-size:18px;font-weight:800;color:var(--sg-ink);background:var(--sg-card);border:3px solid var(--sg-ink);border-radius:999px;box-shadow:0 4px 0 var(--sg-ink);font-family:inherit;display:inline-flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.sg-btn:active,.sg-card:active,.sg-key:active,.sg-choice:active{transform:scale(.96)}
.sg-btn:disabled{opacity:.45;cursor:default}
.sg-big{min-height:60px;padding:12px 24px;font-size:21px}
.sg-tone-a{background:var(--sg-a)}.sg-tone-b{background:var(--sg-b)}.sg-tone-c{background:var(--sg-c)}.sg-tone-d{background:var(--sg-d)}.sg-tone-plain{background:var(--sg-card)}
.sg-app button:focus-visible,.sg-app a:focus-visible,.sg-app input:focus-visible,.sg-calm button:focus-visible{outline:4px solid var(--sg-c-deep);outline-offset:3px}

/* menu */
.sg-welcome{gap:14px;margin-bottom:18px}
.sg-bubble{position:relative;background:var(--sg-card);border:3px solid var(--sg-ink);border-radius:24px;padding:14px 18px;font-size:20px;line-height:1.4;font-weight:700;flex:1 1 260px;min-width:0}
.sg-bubble-a{background:var(--sg-sign)}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sg-grid-sm{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.sg-card{text-align:left;background:var(--sg-card);border:3px solid var(--sg-ink);border-radius:24px;padding:16px;box-shadow:0 5px 0 var(--sg-ink);font-family:inherit;color:var(--sg-ink);min-height:130px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .12s ease}
.sg-card-name{font-size:23px;font-weight:900}
.sg-card-blurb{font-size:16px;font-weight:700}
.sg-push{margin-top:auto}
.sg-solved{gap:3px;font-size:14px;font-weight:800}
.sg-solved svg{width:16px;height:16px}
.sg-decor-card{border:3px dashed var(--sg-a-deep);box-shadow:none}
.sg-panel{background:var(--sg-card);border:3px solid var(--sg-line);border-radius:24px;padding:16px}
.sg-friend{text-align:center;font-weight:800;font-size:14px}
.sg-locked{opacity:.35;filter:grayscale(1)}
.sg-char{display:inline-block;line-height:0}
.sg-char svg{display:block;overflow:visible}

/* decorate */
.sg-scene svg{display:block;width:100%;height:auto;border-radius:20px;border:3px solid var(--sg-ink)}
.sg-name-row{gap:10px;margin:14px 0;font-weight:800;font-size:17px}
.sg-name{font-size:19px;font-weight:800;padding:8px 14px;border-radius:14px;border:3px solid var(--sg-line);color:var(--sg-ink);background:#fff;font-family:inherit;flex:1 1 200px;max-width:360px}
.sg-owned{background:var(--sg-b)}
.sg-item-name{font-size:19px;font-weight:900}
.sg-cost{gap:4px;font-weight:800;color:var(--sg-soft);margin:6px 0 10px}
.sg-have{font-weight:900;color:var(--sg-b-deep);font-size:17px}

/* station */
.sg-st-name{font-size:24px;font-weight:900}
.sg-toggle{display:flex;gap:6px;background:var(--sg-card);border:3px solid var(--sg-line);border-radius:999px;padding:4px}
.sg-toggle button{min-height:44px;padding:6px 16px;border-radius:999px;border:0;font-weight:900;font-size:16px;font-family:inherit;color:var(--sg-ink);background:transparent;cursor:pointer}
.sg-toggle .sg-on-b{background:var(--sg-b)}.sg-toggle .sg-on-d{background:var(--sg-d)}
.sg-levels{gap:8px;margin-bottom:12px}
.sg-level{min-height:48px;padding:8px 16px;border-radius:16px;border:3px solid var(--sg-line);background:var(--sg-card);font-weight:900;font-size:16px;font-family:inherit;color:var(--sg-ink);cursor:pointer}
.sg-level.sg-on{border-color:var(--sg-c-deep);background:var(--sg-c)}
.sg-customer{gap:14px;margin-bottom:14px;align-items:center}
.sg-cust-wrap{text-align:center}
.sg-cust-name{font-weight:900;font-size:16px}
.sg-question{margin-top:8px;color:var(--sg-a-deep)}
.sg-say{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:4px;vertical-align:middle;border-radius:999px;border:2px solid var(--sg-line);background:var(--sg-card);color:var(--sg-ink);cursor:pointer;text-transform:none;letter-spacing:0}
.sg-say svg{width:18px;height:18px}
.sg-read{margin-top:10px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:999px;border:2px solid var(--sg-line);background:var(--sg-bg);color:var(--sg-ink);font:800 15px var(--sg-font);cursor:pointer}
#sg-visual{overflow-x:auto}
#sg-visual svg{display:block;max-width:100%;height:auto;margin:0 auto}
.sg-work{gap:16px;align-items:flex-start}
.sg-answer-panel{flex:1 1 300px;background:var(--sg-bg)}
.sg-prefix{font-size:30px;font-weight:900}
.sg-suffix{font-size:22px;font-weight:800;color:var(--sg-soft)}
.sg-in{font-size:30px;font-weight:900;width:190px;max-width:100%;padding:8px 14px;border-radius:16px;border:3px solid var(--sg-c-deep);background:#fff;color:var(--sg-ink);font-family:inherit;font-variant-numeric:tabular-nums}
.sg-in-done{border-color:var(--sg-b-deep);background:var(--sg-b)}
.sg-keypad{display:grid;grid-template-columns:repeat(3,minmax(56px,76px));gap:8px;flex:0 0 auto}
.sg-key{height:56px;font-size:24px;font-weight:900;border-radius:16px;border:3px solid var(--sg-ink);background:var(--sg-card);color:var(--sg-ink);font-family:inherit;box-shadow:0 3px 0 var(--sg-ink);cursor:pointer}
.sg-key-op{background:var(--sg-c)}.sg-key-del{background:var(--sg-d)}
.sg-key:disabled{opacity:.45;cursor:default}
.sg-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.sg-choices-wide{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.sg-choice{min-height:72px;padding:10px;border-radius:20px;border:3px solid var(--sg-ink);background:var(--sg-card);box-shadow:0 4px 0 var(--sg-ink);font:900 26px var(--sg-font);color:var(--sg-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.sg-choice svg{max-width:100%;height:auto}
.sg-choice.sg-tried{opacity:.35;box-shadow:none;cursor:default}
.sg-choice.sg-right{background:var(--sg-b);border-color:var(--sg-b-deep)}
.sg-fb{margin-top:14px;display:flex;gap:10px;align-items:center;border-radius:18px;padding:10px 14px;font-size:20px;font-weight:900;background:var(--sg-c)}
.sg-fb-yay{background:var(--sg-b)}
.sg-fb-friend{background:var(--sg-sign);gap:12px;font-size:19px}
.sg-fb-sub{font-size:17px;font-weight:700}
.sg-think{color:var(--sg-c-deep);line-height:0}
.sg-hints{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.sg-hint{background:#fff;border:2px solid var(--sg-line);border-radius:16px;padding:10px 14px;font-size:18px;font-weight:700;line-height:1.45}
.sg-hint b{color:var(--sg-d-deep);font-weight:900}
.sg-steps{background:var(--sg-c)}
.sg-steps ol{margin:0;padding-left:26px;display:flex;flex-direction:column;gap:8px}
.sg-steps li{font-size:19px;font-weight:700;line-height:1.45}
.sg-steps-end{margin:10px 0 0;font-size:17px;font-weight:800;color:var(--sg-c-deep)}

/* picture helpers a game's visual() can use */
.sg-vis-cap{text-align:center;font-weight:800;font-size:17px;margin:8px 0 0}
.sg-vis-big{text-align:center;font-weight:900;font-size:26px;margin:8px 0 0}

/* animation */
@keyframes sg-float{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-260px) scale(1.1);opacity:0}}
@keyframes sg-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
@keyframes sg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sg-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes sg-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
@keyframes sg-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sg-grow{from{transform:scale(0)}to{transform:scale(1)}}
.sg-fade{animation:sg-fade .35s ease both}
.sg-delay1{animation-delay:.35s}.sg-delay2{animation-delay:.7s}.sg-delay3{animation-delay:1.05s}.sg-delay4{animation-delay:1.4s}.sg-delay5{animation-delay:1.75s}.sg-delay6{animation-delay:2.1s}.sg-delay7{animation-delay:2.45s}
.sg-bob{animation:sg-bob 2.4s ease-in-out infinite}
.sg-wiggle{animation:sg-wiggle .6s ease 3}
.sg-pop{display:inline-block;animation:sg-pop .6s ease both}
.sg-pop-in{animation:sg-pop .5s ease both;transform-box:fill-box;transform-origin:center}
.sg-burst{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
.sg-float{position:absolute;bottom:-30px;animation:sg-float 1.8s ease-out both}
.sg-float svg{width:30px;height:30px}
.sg-f0{left:0%}.sg-f1{left:53%;animation-duration:2.1s;animation-delay:.12s}.sg-f2{left:6%;animation-duration:2.4s;animation-delay:.24s}.sg-f3{left:59%;animation-duration:2.7s;animation-delay:.36s}
.sg-f4{left:12%;animation-duration:3s;animation-delay:.48s}.sg-f5{left:65%;animation-delay:.6s}.sg-f6{left:18%;animation-duration:2.1s}.sg-f7{left:71%;animation-duration:2.4s;animation-delay:.12s}
.sg-f8{left:24%;animation-duration:2.7s;animation-delay:.24s}.sg-f9{left:77%;animation-duration:3s;animation-delay:.36s}.sg-f10{left:30%;animation-delay:.48s}.sg-f11{left:83%;animation-duration:2.1s;animation-delay:.6s}
.sg-f12{left:36%;animation-duration:2.4s}.sg-f13{left:89%;animation-duration:2.7s;animation-delay:.12s}.sg-f14{left:42%;animation-duration:3s;animation-delay:.24s}.sg-f15{left:95%;animation-delay:.36s}
.sg-f16{left:48%;animation-duration:2.1s;animation-delay:.48s}.sg-f17{left:3%;animation-duration:2.4s;animation-delay:.6s}

/* calm corner */
.sg-calm{position:fixed;inset:0;z-index:60;background:var(--sg-c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;font-family:var(--sg-font);color:var(--sg-ink)}
.sg-calm-title{font-size:26px;font-weight:900}
.sg-breathe{animation:sg-breathe 8s ease-in-out infinite;padding:30px}
.sg-calm-word{font-size:34px;font-weight:900;color:var(--sg-c-deep)}
.sg-calm-line{font-size:19px;font-weight:700;max-width:440px;line-height:1.5}

@media (max-width:560px){
  .sg-title{font-size:23px}
  .sg-bubble{font-size:18px}
  .sg-keypad{grid-template-columns:repeat(3,minmax(56px,1fr));width:100%}
}
/* Respect "reduce motion": no floating, bobbing, popping or breathing animations. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===================== v2 additions (only used when a game turns them on) ===================== */
.sg2-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:2px solid var(--sg-line);background:var(--sg-card);color:var(--sg-ink);cursor:pointer}
.sg2-pillbtn{cursor:pointer;font-family:inherit;color:var(--sg-ink)}
.sg2-pillbtn svg{color:var(--sg-c-deep)}
.sg2-pop{animation:sg-pop .5s ease both}

/* the counter stage: a scene picture with the shopkeeper and the customer standing on it */
.sg2-stage{position:relative;margin:0 0 12px;border-radius:24px;overflow:hidden;border:3px solid var(--sg-ink);background:var(--sg-card)}
.sg2-art{position:relative}
.sg2-stage-bg svg{display:block;width:100%;height:auto}
.sg2-keeper,.sg2-cust{position:absolute;bottom:4%;line-height:0}
.sg2-keeper{left:3%;width:21%}
.sg2-cust{right:5%;width:20%}
.sg2-keeper .sg-char,.sg2-cust .sg-char,.sg2-keeper svg,.sg2-cust svg{width:100%!important;height:auto!important}
.sg2-stage-menu .sg2-keeper{left:6%;width:19%}
.sg2-stage-menu .sg2-cust{right:8%;width:16%}
.sg2-say{position:absolute;right:27%;top:7%;max-width:44%;background:#fff;border:3px solid var(--sg-ink);border-radius:20px;padding:8px 14px;font-size:clamp(14px,2vw,19px);font-weight:800;line-height:1.35}
.sg2-say::after{content:"";position:absolute;right:-14px;top:22px;border:8px solid transparent;border-left:12px solid var(--sg-ink)}
.sg2-say b{color:var(--sg-a-deep)}
.sg2-order-head{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--sg-soft);margin-bottom:4px}
.sg2-says b{color:var(--sg-ink)}
.sg2-fx{position:absolute;inset:0;pointer-events:none}
.sg2-deliver{position:absolute;left:22%;bottom:30%;width:9%;line-height:0;animation:sg2-deliver 1.1s cubic-bezier(.3,.7,.4,1) both}
.sg2-deliver svg{width:100%;height:auto}
.sg2-heart{position:absolute;right:13%;bottom:52%;width:5%;line-height:0;opacity:0;animation:sg2-rise 1.6s ease-out both}
.sg2-heart svg{width:100%;height:auto}
.sg2-h1{right:19%;animation-delay:.25s}.sg2-h2{right:9%;animation-delay:.5s}.sg2-h3{right:16%;animation-delay:.75s}
@keyframes sg2-deliver{0%{transform:translate(0,0) rotate(-10deg);opacity:0}15%{opacity:1}60%{transform:translate(300%,-60%) rotate(8deg)}100%{transform:translate(560%,10%) rotate(0);opacity:0}}
@keyframes sg2-rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translateY(-120px) scale(1.1);opacity:0}}
@keyframes sg2-arrive{from{transform:translateX(60%);opacity:0}to{transform:none;opacity:1}}
@keyframes sg2-hop{0%,100%{transform:translateY(0)}30%{transform:translateY(-14%)}55%{transform:translateY(0)}75%{transform:translateY(-6%)}}
@keyframes sg2-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
.sg2-arrive{animation:sg2-arrive .7s ease-out both}
.sg2-hop{animation:sg2-hop .9s ease 2}
.sg2-tilt{animation:sg2-tilt 1.4s ease-in-out 2;transform-origin:50% 100%}

/* idle life inside a character drawing: blink, wag, ear twitch, breathing. Parts carry these classes. */
@keyframes sg2-blink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}
@keyframes sg2-wag{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(16deg)}}
@keyframes sg2-ear{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-9deg)}94%{transform:rotate(4deg)}}
@keyframes sg2-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.035)}}
@keyframes sg2-steam{0%{transform:translateY(0);opacity:0}30%{opacity:.8}100%{transform:translateY(-26px);opacity:0}}
@keyframes sg2-flicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.12)}}
@keyframes sg2-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
.sg2-blink{animation:sg2-blink 4.6s infinite;transform-box:fill-box;transform-origin:center}
.sg2-wag{animation:sg2-wag .9s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 100%}
.sg2-wagl{animation:sg2-wag .9s ease-in-out infinite;transform-box:fill-box;transform-origin:100% 100%}
.sg2-ear{animation:sg2-ear 6s infinite;transform-box:fill-box;transform-origin:50% 0%}
.sg2-breath{animation:sg2-breathe 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.sg2-steam{animation:sg2-steam 2.6s ease-out infinite;transform-box:fill-box}
.sg2-steam2{animation-delay:.9s}.sg2-steam3{animation-delay:1.7s}
.sg2-flame{animation:sg2-flicker .8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.sg2-sway{animation:sg2-sway 4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}
.sg2-d1 .sg2-blink{animation-delay:1.3s}.sg2-d2 .sg2-blink{animation-delay:2.4s}.sg2-d3 .sg2-blink{animation-delay:.6s}.sg2-d4 .sg2-blink{animation-delay:3.1s}
.sg2-d1 .sg2-wag,.sg2-d1 .sg2-wagl{animation-duration:.75s}.sg2-d2 .sg2-wag,.sg2-d2 .sg2-wagl{animation-duration:1.1s}.sg2-d3 .sg2-wag{animation-duration:.85s}
.sg2-d1 .sg2-ear{animation-delay:2s}.sg2-d2 .sg2-ear{animation-delay:3.5s}.sg2-d3 .sg2-ear{animation-delay:1s}

/* menu cast and station icons */
.sg2-cast{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sg2-castcard{text-align:center;background:var(--sg-bg);border:2px solid var(--sg-line);border-radius:20px;padding:10px 8px}
.sg2-castcard .sg-char{margin:0 auto}
.sg2-cast-name{font-weight:900;font-size:17px;margin-top:4px}
.sg2-cast-about{font-weight:700;font-size:14px;color:var(--sg-soft);line-height:1.35}
.sg2-st-icon{position:absolute;right:12px;top:10px;line-height:0}
.sg-station{position:relative}
.sg2-sticker-card{border-color:var(--sg-c-deep)}

/* sticker book */
.sg2-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.sg2-sticker{text-align:center;font-weight:800;font-size:15px;border-radius:20px;padding:10px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.sg2-have{background:#fff;border:3px solid var(--sg-ink);box-shadow:0 4px 0 var(--sg-ink)}
.sg2-have svg{width:84px;height:84px}
.sg2-empty{border:3px dashed var(--sg-line);color:var(--sg-soft)}
.sg2-empty span{font-size:40px;font-weight:900}
.sg2-news-pic svg{width:56px;height:56px}
.sg-scene{outline:none}

@media (max-width:560px){
  .sg2-say{position:static;max-width:none;margin:0;border-width:0;border-top:3px solid var(--sg-ink);border-radius:0;font-size:16px}
  .sg2-say::after{display:none}
  .sg2-keeper{width:27%}.sg2-cust{width:26%}
  .sg2-icon{width:42px;height:42px}
  .sg2-cast{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* the in-game Motion switch does the same as the system "reduce motion" setting */
.sg2-still *,.sg2-still *::before,.sg2-still *::after{animation:none!important;transition:none!important}
/* staggered pop-in for pictures (deal slices onto plates, tiles, toppings) */
.sg2-in{animation:sg-pop .45s ease both;transform-box:fill-box;transform-origin:center}
.sg2-dl1{animation-delay:.08s}.sg2-dl2{animation-delay:.16s}.sg2-dl3{animation-delay:.24s}.sg2-dl4{animation-delay:.32s}.sg2-dl5{animation-delay:.4s}
.sg2-dl6{animation-delay:.48s}.sg2-dl7{animation-delay:.56s}.sg2-dl8{animation-delay:.64s}.sg2-dl9{animation-delay:.72s}.sg2-dl10{animation-delay:.8s}
.sg2-dl11{animation-delay:.88s}.sg2-dl12{animation-delay:.96s}