{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* ============================================================\n   react-slotmachine — Styles\n   Mirrors the jQuery-SlotMachine CSS conventions with modern\n   React-friendly class names prefixed with `rsm-`.\n   ============================================================ */\n\n/* ---- No-transition helper ---- */\n.rsm-tile--no-transition {\n  transition: none !important;\n}\n\n/* ---- Blur tiers (exact jQuery-SlotMachine values) ---- */\n.rsm-tile--blur-fast {\n  filter: blur(5px);\n}\n.rsm-tile--blur-medium {\n  filter: blur(3px);\n}\n.rsm-tile--blur-slow {\n  filter: blur(2px);\n}\n.rsm-tile--blur-turtle {\n  filter: blur(1px);\n}\n\n/* ---- Gradient fade mask (top & bottom edges) ---- */\n.rsm-window--gradient {\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(0, 0, 0, 1) 25%,\n    rgba(0, 0, 0, 1) 75%,\n    transparent 100%\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(0, 0, 0, 1) 25%,\n    rgba(0, 0, 0, 1) 75%,\n    transparent 100%\n  );\n}\n\n/* ---- Tile defaults ---- */\n.rsm-tile {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n  transition: filter 0.15s ease;\n}\n\n/* ---- Tiles container ---- */\n.rsm-tiles {\n  will-change: transform;\n}\n\n/* ---- Buttons ---- */\n.rsm-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 28px;\n  border: none;\n  border-radius: 100px;\n  font-size: 1.1rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  outline: none;\n  user-select: none;\n  line-height: 1;\n}\n\n.rsm-btn:active {\n  transform: scale(0.96);\n}\n\n.rsm-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Shuffle button */\n.rsm-btn--shuffle {\n  background-color: #ffffff;\n  color: #1a1a2e;\n  box-shadow: 0 2px 12px rgba(39, 147, 158, 0.35);\n}\n\n.rsm-btn--shuffle:hover {\n  box-shadow: 0 4px 20px rgba(39, 147, 158, 0.5);\n  transform: translateY(-1px);\n}\n\n/* Stop button */\n.rsm-btn--stop {\n  background-color: #e63946;\n  color: #ffffff;\n  box-shadow: 0 2px 12px rgba(230, 57, 70, 0.4);\n}\n\n.rsm-btn--stop:hover {\n  box-shadow: 0 4px 20px rgba(230, 57, 70, 0.55);\n  transform: translateY(-1px);\n}\n\n/* ---- Responsive sizing ---- */\n@media (max-width: 600px) {\n  .rsm-btn {\n    padding: 10px 20px;\n    font-size: 0.95rem;\n  }\n}\n"],"mappings":";AAOA,CAAC;AACC,cAAY;AACd;AAGA,CAAC;AACC,UAAQ,KAAK;AACf;AACA,CAAC;AACC,UAAQ,KAAK;AACf;AACA,CAAC;AACC,UAAQ,KAAK;AACf;AACA,CAAC;AACC,UAAQ,KAAK;AACf;AAGA,CAAC;AACC;AAAA,IAAoB;AAAA,MAClB,GAAG,MAAM;AAAA,MACT,YAAY,EAAE;AAAA,MACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AAAA,MACpB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AAAA,MACpB,YAAY;AAEd;AAAA,IAAY;AAAA,MACV,GAAG,MAAM;AAAA,MACT,YAAY,EAAE;AAAA,MACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AAAA,MACpB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AAAA,MACpB,YAAY;AAEhB;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,YAAU;AACV,iBAAe;AACf,eAAa;AACb,eAAa;AACb,cAAY,OAAO,MAAM;AAC3B;AAGA,CAAC;AACC,eAAa;AACf;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,KAAK;AACd,UAAQ;AACR,iBAAe;AACf,aAAW;AACX,eAAa;AACb,UAAQ;AACR,cAAY,IAAI,KAAK;AACrB,WAAS;AACT,eAAa;AACb,eAAa;AACf;AAEA,CAhBC,OAgBO;AACN,aAAW,MAAM;AACnB;AAEA,CApBC,OAoBO;AACN,WAAS;AACT,UAAQ;AACV;AAGA,CAAC;AACC,oBAAkB;AAClB,SAAO;AACP,cAAY,EAAE,IAAI,KAAK,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AAC5C;AAEA,CANC,gBAMgB;AACf,cAAY,EAAE,IAAI,KAAK,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,aAAW,WAAW;AACxB;AAGA,CAAC;AACC,oBAAkB;AAClB,SAAO;AACP,cAAY,EAAE,IAAI,KAAK,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AAC3C;AAEA,CANC,aAMa;AACZ,cAAY,EAAE,IAAI,KAAK,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AACzC,aAAW,WAAW;AACxB;AAGA,QAAO,WAAY;AACjB,GAnDD;AAoDG,aAAS,KAAK;AACd,eAAW;AACb;AACF;","names":[]}