.ys-service-rotator{--frame-radius:24px;--gap:24px;--card-w:320px;--card-ratio:4/5;--shadow:0 10px 30px rgba(0,0,0,.12);--accent:#6b4dc6}.ys-sr-title{font-size:28px;font-weight:700;margin:0 0 16px}.ys-sr-frame{position:relative;background:#fff0;box-shadow:none;border-radius:0;padding:0 0 64px;overflow:visible}.ys-sr-viewport{overflow:hidden;margin-left:-10px}.ys-sr-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w);will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1);gap:3%}.ys-sr-card{width:var(--card-w);padding:10px 12px 15px 12px}.ys-sr-shadow{border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 12px rgb(0 0 0 / .25);transition:box-shadow .25s ease,transform .25s ease;padding:15px}.ys-sr-shadow:hover{box-shadow:0 8px 15px rgb(0 0 0 / .25);transform:translateY(-2px)}.ys-sr-shadow.is-static{cursor:default}.ys-sr-shadow.is-static:hover{transform:none;box-shadow:0 8px 15px rgb(0 0 0 / .25)}.ys-sr-media{width:100%;aspect-ratio:var(--card-ratio);background:#f6f7f8;overflow:hidden}.ys-sr-media img{width:100%;height:100%;object-fit:cover;display:block}.ys-sr-shadow:hover .ys-sr-media img{filter:brightness(105%)}.ys-sr-info{padding:20px 0 10px 0}.ys-sr-name{font-weight:700;color:#2C3F75;line-height:1.35}.ys-sr-shadow:hover .ys-sr-name{color:#3E61B1!important}@media (min-width:1366px){.ys-sr-name{font-size:20px}}@media (max-width:1365px){.ys-sr-name{font-size:18px}}@media (max-width:999px){.ys-sr-name{font-size:16px}}.ys-sr-controls{position:absolute;left:0;margin-top:20px;display:flex;gap:12px;z-index:2;align-items:center}@media (max-width:999px){.ys-sr-controls{display:none}}.ys-sr-nav{width:50px;height:50px;border-radius:999px;border:0;background:#623E89;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px}.ys-sr-nav:hover{background:#B0A0C5}.ys-sr-nav.is-edge{background:#B0A0C5}.ys-line-btn{width:100px;height:2px;background:#623E89}.ys-sr-track.is-dragging{transition:none!important;cursor:grabbing}@media (min-width:1000px){.ys-service-rotator{--card-w:calc((min(100vw, 1200px) - (var(--gap) * 2)) / 2.5)}}@media (max-width:999px){.ys-service-rotator{--card-w:44vw}.ys-sr-frame{padding:0 0 60px}}@media (max-width:698px){.ys-service-rotator{--card-w:78vw}.ys-sr-frame{padding:0 0 56px}}