/* Tasty✳️Slide (TMCC 8.0.0): a free exploring slider under the TastyChat AI Suggestions button. 18 emoji stickers (soft drinks, light food, fruits) in glossy 3D boxes
   between white side rails; drag, swipe, arrows or the slider move it from 1 to 18 and back. Click an item: it comes out of the rails, floats for about 3.5 s and
   dissolves with its background (then re-forms). No sound. External file on purpose (WordPress rewrites "&" inside inline scripts). */
.tsl-root{--tsl-pink:#b7367d;--tsl-ink:#8a3a6b;position:relative;width:100%;max-width:620px;margin:8px auto 4px;text-align:center;font-family:inherit;z-index:2;-webkit-user-select:none;user-select:none}
.tsl-root *{box-sizing:border-box}
.tsl-open{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:5px 15px 5px 13px;border-radius:30px;font-weight:700;font-size:13px;line-height:1.2;font-family:inherit;color:var(--tsl-pink);background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 10px rgba(183,54,125,.22),0 1px 0 #fff inset;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease,background .2s}
.tsl-open:hover{transform:translateY(-1px);background:rgba(255,255,255,.75);box-shadow:0 5px 14px rgba(183,54,125,.3),0 1px 0 #fff inset}
.tsl-open:focus-visible{outline:2px solid var(--tsl-pink);outline-offset:3px}
.tsl-star{display:inline-block;width:15px;height:15px;margin:0 1px;vertical-align:-2px;animation:tslSpin 9s linear infinite}
.tsl-panel{overflow:hidden;max-height:0;opacity:0;margin-top:0;padding:0 16px;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .35s ease,margin-top .35s ease;visibility:hidden}
.tsl-root.is-open .tsl-panel{max-height:420px;opacity:1;margin-top:8px;padding:6px 16px 34px;margin-bottom:-22px;visibility:visible}

/* the box: a thick polished body */
.tsl-frame{position:relative;margin:0 auto;padding:22px 50px 12px;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fbe3f1 20%,#e8c1da 46%,#f7dfee 72%,#fff 100%);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -5px 9px rgba(160,70,130,.30) inset,0 16px 32px rgba(140,60,120,.32),0 0 0 1px rgba(200,130,175,.6);overflow:hidden;isolation:isolate}

.tsl-frame::after{content:"";position:absolute;left:14px;right:14px;top:3px;height:14px;border-radius:14px 14px 40px 40px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none;z-index:2}
/* the white railings, top and bottom, and the channel between them */
.tsl-rail{position:absolute;left:38px;right:38px;height:9px;border-radius:9px;background:linear-gradient(180deg,#fff,#efe2ec 62%,#fff);box-shadow:0 1px 3px rgba(120,60,110,.4),0 0 0 1px rgba(255,255,255,.75) inset;z-index:3}
.tsl-rail.top{top:10px}.tsl-rail.bottom{bottom:44px}
.tsl-rail::before,.tsl-rail::after{content:"";position:absolute;top:-2px;width:9px;height:13px;border-radius:5px;background:linear-gradient(180deg,#fff,#e8d4e2);box-shadow:0 1px 3px rgba(120,60,110,.45)}
.tsl-rail::before{left:-5px}.tsl-rail::after{right:-5px}
.tsl-vrail{position:absolute;top:14px;bottom:48px;width:9px;border-radius:9px;background:linear-gradient(180deg,#fff,#efe2ec 50%,#fff);box-shadow:0 1px 3px rgba(120,60,110,.4),0 0 0 1px rgba(255,255,255,.75) inset;z-index:3}
.tsl-vrail.left{left:33px}.tsl-vrail.right{right:33px}
.tsl-well{position:relative;border-radius:18px;background:linear-gradient(180deg,rgba(140,70,120,.20),rgba(255,255,255,.40));box-shadow:inset 0 3px 7px rgba(120,60,110,.35),inset 0 -2px 4px rgba(255,255,255,.7);overflow:hidden}
.tsl-viewport{position:relative;overflow-x:auto;overflow-y:hidden;padding:44px 0 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;outline:none;-webkit-overflow-scrolling:touch}
.tsl-viewport::-webkit-scrollbar{display:none}
.tsl-viewport:focus-visible{box-shadow:0 0 0 2px var(--tsl-pink) inset}
.tsl-viewport.is-drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.tsl-track{display:flex;gap:6px;margin:0;padding:0 12px;list-style:none}
.tsl-slide{flex:0 0 auto;scroll-snap-align:center;position:relative;padding:0 10px;margin:0}
/* the white side bars that hold every box */
.tsl-slide::before,.tsl-slide::after{content:"";position:absolute;top:-24px;bottom:-8px;width:6px;border-radius:6px;background:linear-gradient(90deg,#fff,#f0e2ec 55%,#fff);box-shadow:0 0 0 1px rgba(170,110,150,.35),0 2px 4px rgba(120,60,110,.28);transition:none}
.tsl-slide::before{left:0}.tsl-slide::after{right:0}


.tsl-item{all:unset;box-sizing:border-box;cursor:pointer;display:block;position:relative;width:112px;height:128px;perspective:560px;-webkit-tap-highlight-color:transparent;touch-action:pan-x}
.tsl-item:focus-visible .tsl-box{box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 0 0 3px var(--tsl-pink),0 10px 16px rgba(80,30,70,.22)}
.tsl-lift{position:absolute;inset:0;will-change:transform,opacity,filter}
.tsl-box{position:absolute;inset:0;border-radius:20px;background:linear-gradient(160deg,var(--c1),var(--c2) 58%,var(--c3));box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -9px 14px rgba(0,0,0,.10),inset 0 0 0 1px rgba(255,255,255,.55),0 11px 16px rgba(80,30,70,.24);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .3s ease}
.tsl-box::before{content:"";position:absolute;left:6%;right:6%;top:4%;height:44%;border-radius:16px 16px 60% 60%/16px 16px 42% 42%;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));pointer-events:none}

.tsl-emoji{position:absolute;left:0;right:0;top:26px;text-align:center;font-size:58px;line-height:1;transform:translateZ(30px);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 6px 6px rgba(0,0,0,.28));pointer-events:none}
.tsl-cat{position:absolute;top:7px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 7px 2px;border-radius:8px;background:rgba(255,255,255,.62);box-shadow:0 1px 2px rgba(0,0,0,.12);font-weight:700;font-size:8px;line-height:1;font-family:inherit;letter-spacing:.9px;text-transform:uppercase;color:var(--ink,#7a3b62);pointer-events:none}
.tsl-name{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-weight:700;font-size:13px;line-height:1;font-family:inherit;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none}
.tsl-vedit{all:unset;box-sizing:border-box;position:absolute;top:2px;right:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;background:rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:5}
.tsl-vedit:hover{background:#fff;transform:scale(1.08)}


/* a clicked item: out of the rails, floats, dissolves with its background, then re-forms */
.tsl-item.is-pop .tsl-lift{animation:tslPop .55s cubic-bezier(.2,1.25,.3,1) forwards}
.tsl-item.is-float .tsl-lift{transform:translateY(-24px) scale(1.09);animation:tslFloat 1.75s ease-in-out infinite}
.tsl-item.is-float .tsl-box{box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -9px 14px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.7),0 22px 24px rgba(80,30,70,.28)}
.tsl-item.is-fade .tsl-lift{animation:tslDissolve .95s ease-in forwards}
.tsl-item.is-gone .tsl-lift{opacity:0;visibility:hidden}
.tsl-item.is-back .tsl-lift{animation:tslBack .85s ease-out forwards}

/* the slider, the arrows, the counter */
.tsl-ctrl{display:flex;align-items:center;gap:12px;margin:12px 2px 0}
.tsl-count{flex:none;min-width:58px;font-weight:700;font-size:11px;line-height:1;font-family:inherit;color:var(--tsl-ink);text-align:right;font-variant-numeric:tabular-nums}
.tsl-count:first-child{text-align:left}
.tsl-range{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:12px;margin:0;border-radius:12px;background:linear-gradient(180deg,#e2c7da,#fff);box-shadow:inset 0 2px 3px rgba(120,60,110,.4),0 1px 0 #fff;outline:none;cursor:pointer}
.tsl-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:38px;height:22px;border-radius:14px;background:linear-gradient(180deg,#fff,#f0cde3 60%,#fff);box-shadow:0 2px 6px rgba(120,60,110,.55),0 0 0 1px rgba(255,255,255,.95) inset;cursor:grab}
.tsl-range::-moz-range-thumb{width:38px;height:22px;border:0;border-radius:14px;background:linear-gradient(180deg,#fff,#f0cde3 60%,#fff);box-shadow:0 2px 6px rgba(120,60,110,.55),0 0 0 1px rgba(255,255,255,.95) inset;cursor:grab}
.tsl-range:focus-visible{box-shadow:inset 0 2px 3px rgba(120,60,110,.4),0 0 0 3px rgba(183,54,125,.5)}
.tsl-arrow{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:calc(50% - 30px);width:36px;height:36px;border-radius:50%;text-align:center;font-weight:700;font-size:22px;line-height:34px;font-family:inherit;color:var(--tsl-pink);background:radial-gradient(circle at 35% 28%,#fff,#f6d9ec 72%);box-shadow:0 3px 8px rgba(120,60,110,.45),0 0 0 1px rgba(255,255,255,.9) inset;z-index:7;transition:transform .15s ease,opacity .2s ease}
.tsl-arrow:hover{transform:scale(1.08)}.tsl-arrow:active{transform:scale(.94)}
.tsl-arrow:focus-visible{outline:2px solid var(--tsl-pink);outline-offset:2px}
.tsl-arrow[disabled]{opacity:.35;cursor:default;transform:none}
.tsl-prev{left:7px}.tsl-next{right:7px}


@keyframes tslSpin{to{transform:rotate(360deg)}}
@keyframes tslPop{0%{transform:translateY(0) scale(1)}70%{transform:translateY(-27px) scale(1.12)}100%{transform:translateY(-24px) scale(1.09)}}
@keyframes tslFloat{0%,100%{transform:translateY(-24px) scale(1.09) rotate(-1.2deg)}50%{transform:translateY(-31px) scale(1.11) rotate(1.4deg)}}
@keyframes tslDissolve{0%{opacity:1;filter:blur(0);transform:translateY(-24px) scale(1.09)}100%{opacity:0;filter:blur(7px);transform:translateY(-46px) scale(1.22)}}
@keyframes tslBack{0%{opacity:0;transform:translateY(12px) scale(.92);filter:blur(3px)}100%{opacity:1;transform:none;filter:blur(0)}}


@media(max-width:560px){
 .tsl-frame{padding:20px 40px 10px;border-radius:26px}
 .tsl-item{width:92px;height:108px}.tsl-emoji{font-size:46px;top:23px}.tsl-name{font-size:11.5px;bottom:8px}.tsl-cat{font-size:7px;top:6px;padding:3px 6px 2px}
 .tsl-arrow{width:32px;height:32px;font-size:19px;line-height:30px;top:calc(50% - 26px)}.tsl-prev{left:4px}.tsl-next{right:4px}
 .tsl-rail{left:32px;right:32px}
 .tsl-vrail.left{left:27px}.tsl-vrail.right{right:27px}
}
@media(prefers-reduced-motion:reduce){
 .tsl-star{animation:none!important}
 .tsl-viewport{scroll-behavior:auto}
 .tsl-item.is-pop .tsl-lift,.tsl-item.is-float .tsl-lift{animation:none!important;transform:translateY(-14px)}
 .tsl-item.is-fade .tsl-lift{animation:tslFadeOnly .4s ease-in forwards!important}
 .tsl-item.is-back .tsl-lift{animation:tslFadeIn .4s ease-out forwards!important}
 @keyframes tslFadeOnly{to{opacity:0}}
 @keyframes tslFadeIn{from{opacity:0}to{opacity:1}}
}

/* ---- the video popup: the thumbnail grows into a player; the page behind fades to a soft wash of the item's colour (never black) ---- */
.tsl-veil,.tsl-veil *,.tsl-popwrap,.tsl-popwrap *{box-sizing:border-box}
.tsl-veil{position:fixed;inset:0;z-index:999990;background:var(--veil,rgba(255,240,248,.84));-webkit-backdrop-filter:blur(3px) saturate(.4);backdrop-filter:blur(3px) saturate(.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}
.tsl-veil.is-on{opacity:1;visibility:visible;transition:opacity .45s ease}
.tsl-popwrap{--tsl-pink:#b7367d;--tsl-ink:#8a3a6b;position:fixed;inset:0;z-index:999991;display:flex;align-items:center;justify-content:center;padding:22px 16px;visibility:hidden;pointer-events:none;font-family:inherit}
.tsl-popwrap.is-on{visibility:visible;pointer-events:auto}
.tsl-pop{position:relative;max-width:100%;padding:16px 16px 10px;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#fbe3f1 22%,#e8c1da 50%,#f7dfee 78%,#fff 100%);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -5px 9px rgba(160,70,130,.28) inset,0 24px 50px rgba(120,50,100,.36),0 0 0 1px rgba(200,130,175,.6);will-change:transform,opacity;opacity:0}
.tsl-pop::before{content:"";position:absolute;left:16px;right:16px;top:3px;height:12px;border-radius:12px 12px 40px 40px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none}
.tsl-pop-stage{position:relative;--ar:1.7778;width:min(88vw,760px,calc(66vh*var(--ar)));aspect-ratio:var(--ar);border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--c1,#f6d9ec),var(--c2,#e8c1da));box-shadow:inset 0 3px 8px rgba(120,60,110,.35);transition:width .35s ease}
.tsl-pop-stage video,.tsl-pop-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:transparent}
.tsl-pop-cap{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 40px 2px;font-weight:700;font-size:14px;line-height:1.2;color:var(--tsl-ink,#8a3a6b)}
.tsl-pop-cap b{font-size:22px;font-weight:400;line-height:1}
.tsl-pop-close{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:-12px;right:-8px;width:38px;height:38px;border-radius:50%;text-align:center;font-weight:700;font-size:16px;line-height:38px;font-family:inherit;color:var(--tsl-pink,#b7367d);background:radial-gradient(circle at 35% 28%,#fff,#f6d9ec 72%);box-shadow:0 3px 8px rgba(120,60,110,.45),0 0 0 1px rgba(255,255,255,.9) inset;z-index:2;transition:transform .15s ease}
.tsl-pop-close:hover{transform:scale(1.08)}.tsl-pop-close:active{transform:scale(.94)}
.tsl-pop-close:focus-visible{outline:2px solid var(--tsl-pink,#b7367d);outline-offset:2px}
.tsl-pop-fail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;font-weight:600;font-size:14px;color:#6b2c55;background:rgba(255,255,255,.55)}
.tsl-pop-fail a{color:var(--tsl-pink,#b7367d);text-decoration:underline}
@media(max-width:560px){.tsl-pop{padding:12px 12px 8px;border-radius:22px}.tsl-pop-stage{width:min(90vw,760px,calc(62vh*var(--ar)))}.tsl-pop-close{top:-10px;right:-4px}}
@media(prefers-reduced-motion:reduce){.tsl-veil,.tsl-veil.is-on,.tsl-pop-stage{transition:opacity .2s ease}}
/* ---- the built-in scenes: the sticker leaves its box, plays its own short animation on the soft wash, then goes back into the box ---- */
.tsl-scenewrap{position:fixed;inset:0;z-index:999991;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none;--S:420px}
.tsl-scenewrap.is-on{visibility:visible;pointer-events:auto;cursor:pointer}
.tsl-scene{position:relative;width:var(--S);height:var(--S);max-width:100vw}
.tsl-sp{position:absolute;left:0;top:0;display:block;line-height:1;white-space:nowrap;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%}
.tsl-sp.e{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 5px 6px rgba(80,30,70,.25))}
.tsl-sp.main{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 8px 8px rgba(80,30,70,.28))}
.tsl-sp.drop{border-radius:50% 50% 50% 50%/62% 62% 38% 38%;box-shadow:0 0 0 1.5px rgba(100,70,110,.32),inset -2px -2px 3px rgba(0,0,0,.10)}
.tsl-sp.pearl{border-radius:50%;background:radial-gradient(circle at 35% 30%,#7d5d55,#2c1c1c 68%);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.tsl-sp.pearhalf{border-radius:38% 62% 55% 45%/60% 45% 55% 40%;background:radial-gradient(circle at 45% 40%,#f6c9c9 0 38%,#eddd6a 45% 72%,#b7c94f 75%);box-shadow:0 1px 3px rgba(90,110,20,.35)}
.tsl-sp.kernel{border-radius:52% 42% 50% 46%;background:radial-gradient(circle at 35% 30%,#fffdf0,#ffefb4 62%,#f0c25a);box-shadow:0 1px 3px rgba(150,100,20,.4)}
.tsl-sp.seed{border-radius:50%/62% 62% 38% 38%;background:#2a1a1a}
.tsl-sp.slice{border-radius:50%;background:radial-gradient(circle,#fff6c9 0 36%,#f4d24d 38% 78%,#dcb02a 80%);box-shadow:0 1px 3px rgba(120,80,0,.4)}
.tsl-sp.chunk{border-radius:24%;background:linear-gradient(135deg,#ffe36a,#f0b62a);box-shadow:0 1px 3px rgba(130,90,0,.4)}
.tsl-sp.bub{border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.95),rgba(255,255,255,.4) 60%,rgba(255,255,255,.12));box-shadow:0 0 0 1px rgba(140,90,130,.35)}
.tsl-sp.blob{border-radius:46% 54% 52% 48%/55% 45% 55% 45%}
.tsl-sp.steam{border-radius:50%;background:radial-gradient(closest-side,rgba(150,120,150,.42),rgba(150,120,150,0));filter:blur(5px)}
.tsl-sp.ring{border-radius:50%;border:3px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(120,90,130,.3)}
.tsl-sp.stream{border-radius:8px;background:linear-gradient(90deg,#fdfeff,#d8e5ff 50%,#fdfeff);box-shadow:0 0 0 1.5px rgba(96,128,190,.8),0 3px 8px rgba(70,100,160,.3)}
.tsl-sp.shadow{border-radius:50%;background:radial-gradient(closest-side,rgba(90,50,80,.32),rgba(90,50,80,0))}
.tsl-item.is-settle .tsl-lift{animation:tslSettle .4s ease-out}
.tsl-item.is-gulp .tsl-lift{animation:tslGulp .42s ease-out}
@keyframes tslSettle{from{transform:translateY(-24px) scale(1.09)}to{transform:none}}
@keyframes tslGulp{0%{transform:scale(1)}35%{transform:scale(.93,1.07)}70%{transform:scale(1.04,.97)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.tsl-item.is-settle .tsl-lift,.tsl-item.is-gulp .tsl-lift{animation:none}}