.ts-root{--ts-w:90%;--ts-max:700px;--ts-max-h:440px;--ts-pad:clamp(12px, 2vh, 32px);--ts-h:clamp(210px, min(44vw, 46vh), var(--ts-max-h));perspective:1200px;width:100%;padding:var(--ts-pad) 0;position:relative;overflow:hidden}.ts-main,.ts-side{width:var(--ts-w);max-width:var(--ts-max);height:var(--ts-h)}.ts-main{z-index:10;border-radius:16px;margin:0 auto;position:relative;box-shadow:0 30px 80px -30px #000000e6}.ts-side{opacity:.25;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;transition:opacity .3s;position:absolute;top:50%}.ts-side:hover{opacity:.45}.ts-prev{right:50%;transform:translateY(-50%)scale(.75)rotateY(10deg)}.ts-next{left:50%;transform:translateY(-50%)scale(.75)rotateY(-10deg)}.ts-root .swiper{border-radius:16px;width:100%;height:100%}.ts-root .swiper-slide{border-radius:16px;height:100%;overflow:hidden}.ts-fit .ts-root{flex:1 1 0;justify-content:center;align-items:center;min-height:200px;display:flex}.ts-fit .ts-main{height:min(var(--ts-max-h), 100%)}.ts-fit .ts-side{height:min(var(--ts-max-h), calc(100% - 2 * var(--ts-pad)))}@media (max-width:767px){.ts-side{display:none}.ts-root{--ts-w:100%}}@media (prefers-reduced-motion:reduce){.ts-side{transition:none}}