:root{--tsc-top-n:30;--tsc-w:290px;--tsc-edge:15px;--tsc-gap:12px;--tsc-tab-size:44px}.tsc-wrap{position:fixed;top:calc(var(--tsc-top-n) * 1vh);top:calc(var(--tsc-top-n) * 1svh);z-index:99980;display:flex;flex-direction:column;gap:var(--tsc-gap);pointer-events:none;font-family:Arial,Helvetica,sans-serif;will-change:transform;transform:translateZ(0)}.tsc-wrap>*{pointer-events:auto}.tsc-wrap.tsc-left{left:var(--tsc-edge);align-items:flex-start}.tsc-wrap.tsc-right{right:var(--tsc-edge);align-items:flex-end}.tsc-tab{display:flex;align-items:center;justify-content:center;width:var(--tsc-tab-size);height:var(--tsc-tab-size);padding:0;border:none;border-radius:10px;font-size:28px;line-height:1;color:#b45309;cursor:pointer;overflow:hidden;background:radial-gradient(at 50% 150%,#f59e0b26 0,#fde68a1a 50%,#0000 100%),linear-gradient(#fffbebf2,#fef3c7fa);box-shadow:inset 0 0 0 1px #f59e0b59,0 4px 12px rgb(0 0 0 / .25);transition:transform 0.15s ease,box-shadow 0.15s ease}.tsc-tab:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #f59e0b59,0 8px 18px rgb(0 0 0 / .3)}.tsc-tab:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.tsc-tab.tsc-tab-x{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700}.tsc-card{position:relative;width:var(--tsc-w);box-sizing:border-box;background:#000;color:#fff;border:3px solid #fff;outline:3px solid #000;box-shadow:0 8px 24px rgb(0 0 0 / .25);opacity:0;visibility:hidden;transition:transform 0.5s cubic-bezier(.22,1,.36,1),opacity 0.35s ease,translate 0.15s ease,box-shadow 0.15s ease,visibility 0s linear 0.5s}.tsc-left .tsc-card{transform:translateX(calc(-1 * (var(--tsc-w) + var(--tsc-edge) + 10px)))}.tsc-right .tsc-card{transform:translateX(calc(var(--tsc-w) + var(--tsc-edge) + 10px))}.tsc-open .tsc-card{opacity:1;visibility:visible;transform:translateX(0);transition:transform 0.5s cubic-bezier(.22,1,.36,1),opacity 0.35s ease,translate 0.15s ease,box-shadow 0.15s ease,visibility 0s}.tsc-open .tsc-card:hover{translate:0 -3px;box-shadow:0 14px 32px rgb(0 0 0 / .3)}.tsc-img{display:block;width:100%;height:auto;max-height:160px;object-fit:cover;border-bottom:3px solid #fff}.tsc-body{position:relative;overflow:hidden;background:#000;padding:14px 16px 18px}.tsc-body::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .35),transparent);opacity:0;pointer-events:none}@keyframes tscSlide{0%{left:-100%}100%{left:100%}}.tsc-card:hover .tsc-body::before{opacity:1;animation:tscSlide 2s infinite}.tsc-title,.tsc-text,.tsc-link{position:relative;z-index:1}.tsc-title{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.2;text-transform:uppercase;color:#fff;transition:transform 0.2s ease-out}.tsc-card:hover .tsc-title{transform:skew(-5deg)}.tsc-text{margin:0 0 12px;font-size:13.5px;line-height:1.4;color:#e6e6e6}.tsc-link{display:inline-block;color:#fff!important;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;transition:color 0.15s ease}.tsc-link:hover,.tsc-link:focus-visible{color:#fde68a!important}@media (max-width:480px){:root{--tsc-w:min(78vw, 280px)}.tsc-img{max-height:120px}.tsc-body{padding:12px 14px 16px}.tsc-title{font-size:15px}.tsc-text{font-size:13px}.tsc-wrap.tsc-no-mobile{display:none}}@media (max-height:720px){.tsc-img{max-height:100px}}@media (prefers-reduced-motion:reduce){.tsc-card{transition:none}.tsc-card:hover .tsc-body::before{animation:none}}