.vial-carousel{padding:0;margin:10px -24px 0;position:relative;overflow:hidden;isolation:isolate}
.vial-carousel-stage{height:276px;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:-4px}
.vial-carousel-stage.is-dragging{cursor:grabbing}
.vial-carousel-items{position:absolute;inset:0;pointer-events:none}
.vial-carousel-item{position:absolute;left:50%;bottom:12px;width:155px;height:296px;transform-origin:50% 94%;pointer-events:auto;display:block;will-change:transform;outline-offset:-28px;filter:drop-shadow(0 16px 18px rgba(35,67,91,.13))}
.vial-carousel-item img,.vial-carousel-item canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
.vial-carousel-item canvas{visibility:hidden}
.vial-carousel-item.is-turning canvas{visibility:visible}
.vial-carousel-item.is-turning img{visibility:hidden}
.vial-carousel-item.is-turning{filter:drop-shadow(0 10px 18px rgba(25,165,218,.26))}
.vial-carousel-stage.is-dragging a{cursor:grabbing}
.vial-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;margin-top:0}
.vial-carousel-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(36,91,113,.19);border-radius:50%;background:rgba(255,255,255,.65);font:28px/1 Inter,sans-serif;color:var(--ink,#172e42);cursor:pointer;transition:background .15s,border-color .15s}
.vial-carousel-arrow:hover{background:#fff;border-color:#60c1e1}
.vial-carousel-arrow:focus-visible,.vial-carousel-sound:focus-visible,.vial-carousel-stage:focus-visible{outline:2px solid #1682b8}
.vial-carousel-caption{display:flex;align-items:center;flex-direction:column;min-width:208px;max-width:calc(100vw - 136px);gap:5px}
.vial-carousel-product{font-size:16px;line-height:1.25;font-weight:700;color:var(--ink,#172e42);text-decoration:none}
.vial-carousel-product span{color:var(--gray,#586675);font-size:12px;font-weight:400;white-space:nowrap;margin-left:5px}
.vial-carousel-product:hover{text-decoration:underline;text-underline-offset:4px}
.vial-carousel-position{font-size:10px;letter-spacing:.12em;color:var(--gray,#586675);font-variant-numeric:tabular-nums}
.vial-carousel-hint{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 16px 19px;font-size:10px;letter-spacing:.025em;color:var(--gray,#586675)}
.vial-carousel-sound{font:inherit;color:inherit;background:none;border:0;border-left:1px solid var(--rule,#d9e2e8);padding:0 0 0 13px;cursor:pointer;min-height:28px}
@media(max-width:700px){
 .vial-carousel-stage{height:256px}
 .vial-carousel-item{width:136px;height:260px;bottom:10px}
 .vial-carousel-caption{min-width:190px}
 .vial-carousel-controls{gap:12px}
 .vial-carousel-product{font-size:14px}
 .vial-carousel-hint{padding-top:10px;font-size:9px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.vial-carousel-arrow{transition:none}}