.morph-slider{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0c0c0e;width:100%;height:100%;position:relative;overflow:hidden}.morph-slider-stage{outline:none;position:absolute;inset:0}.morph-slider-canvas{width:100%;height:100%;display:block}.morph-slider-controls{z-index:20;pointer-events:none;justify-content:space-between;padding:0 16px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.morph-slider-btn{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#0c0c0e80;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,opacity .25s,color .25s;display:inline-flex}.morph-slider-btn:hover:not(:disabled){background:#18181cbf;border-color:#ffffffa6;transform:scale(1.08)}.morph-slider-btn:active:not(:disabled){transform:scale(.95)}.morph-slider-btn:disabled{opacity:.45;color:#ffffff73;cursor:not-allowed;pointer-events:none;background:#0c0c0e59;border-color:#fff3}.morph-slider-btn:focus-visible{outline-offset:2px;outline:2px solid #fffc}.morph-slider-indicators{z-index:20;pointer-events:none;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;bottom:16px;left:0;right:0}.morph-slider-dot{pointer-events:auto;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:0;display:inline-flex;position:relative}.morph-slider-dot:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fffc}.morph-slider-dot:before{content:"";width:8px;height:8px;transition:width var(--ms-dot) cubic-bezier(.16, 1, .3, 1), background var(--ms-dot) ease;background:#ffffff59;border-radius:999px;display:block}.morph-slider-dot:hover:not(.is-active):before{background:#ffffffa6}.morph-slider-dot.is-active:before{background:#fffffff2;width:22px;box-shadow:0 0 10px #fff6}@media (max-width:420px){.morph-slider-btn{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.morph-slider-btn,.morph-slider-dot{transition:none;animation:none}}
