@everymatrix/lottery-ticket 1.31.2 → 1.32.4

package/dist/collection/components/lottery-ticket/lottery-ticket.css

@@ -1,307 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
-:host {
-  display: block;
-  font-family: "Roboto", sans-serif;
-}
-
-.TicketTitle {
-  font-size: 16px;
-  font-weight: bold;
-}
-
-.ButtonContainer {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.Toggle {
-  cursor: pointer;
-  margin-top: 20px;
-  display: inline-block;
-}
-
-.ToggleSwitch {
-  display: inline-block;
-  background: #707070;
-  border-radius: 16px;
-  width: 58px;
-  height: 24px;
-  position: relative;
-  vertical-align: middle;
-  transition: background 0.25s;
-}
-.ToggleSwitch:before, .ToggleSwitch:after {
-  content: "";
-}
-.ToggleSwitch:before {
-  display: block;
-  background: linear-gradient(to bottom, #fff 0%, #F1F1F1 100%);
-  border-radius: 50%;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
-  width: 16px;
-  height: 16px;
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  transition: left 0.25s;
-}
-
-.Toggle:hover .ToggleSwitch:before {
-  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
-}
-
-.ToggleCheckbox:checked + .ToggleSwitch {
-  background: #00ABA4;
-}
-
-.ToggleCheckbox:checked + .ToggleSwitch:before {
-  left: 38px;
-}
-
-.ToggleCheckbox {
-  position: absolute;
-  visibility: hidden;
-}
-
-.Label {
-  margin-right: 5px;
-  position: relative;
-  top: 2px;
-  font-size: 14px;
-  font-weight: lighter;
-  color: #000;
-}
-
-input[type=number] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-}
-
-.NumberInput,
-.WagerInput {
-  margin-top: 10px;
-  display: inline-flex;
-  align-items: center;
-}
-
-.NumberInput,
-.NumberInput * {
-  box-sizing: border-box;
-}
-
-.NumberInput button {
-  cursor: pointer;
-  outline: none;
-  -webkit-appearance: none;
-  border: none;
-  align-items: center;
-  justify-content: center;
-  height: 20px;
-  position: relative;
-}
-
-.NumberInput button:after {
-  display: inline-block;
-  position: absolute;
-  transform: translate(-50%, -50%) rotate(180deg);
-  align-items: center;
-  text-align: center;
-}
-
-.NumberInput button.Plus:after {
-  transform: translate(-50%, -50%) rotate(0deg);
-  width: 30px;
-  display: inline-flex;
-  align-items: center;
-  text-align: center;
-}
-
-.NumberInput input[type=number],
-.WagerInput input[type=number] {
-  max-width: 50px;
-  display: inline-flex;
-  align-items: center;
-  padding: 4px 10px;
-  text-align: center;
-}
-.NumberInput input[type=number] .WagerInputTitle,
-.WagerInput input[type=number] .WagerInputTitle {
-  font-size: 14px;
-  color: #000;
-  padding: 10px;
-}
-
-.InputDefault {
-  background-color: #F1F1F1;
-  border-radius: 4px;
-  padding: 5px;
-  border: solid 1px #D4D4D4;
-  color: #707070;
-}
-
-.AutoButton {
-  cursor: pointer;
-  display: inline-block;
-  border-radius: 4px;
-  padding: 8px 20px;
-  width: max-content;
-  margin: 5px 0;
-  border: 1px solid #00958f;
-  background: #FFF;
-  color: #000;
-  font-size: 12px;
-  transition: all 0.2s linear;
-  text-transform: uppercase;
-  text-align: center;
-  letter-spacing: 0;
-}
-.AutoButton:active {
-  background: #00958f;
-  color: #FFF;
-}
-
-.ResetButton {
-  cursor: pointer;
-  display: inline-block;
-  border-radius: 4px;
-  padding: 8px 20px;
-  width: max-content;
-  margin: 5px 0;
-  color: #000;
-  font-size: 12px;
-  transition: all 0.2s linear;
-  text-transform: uppercase;
-  text-align: center;
-  letter-spacing: 0;
-  background: #FF3D00;
-  border: 1px solid #FF3D00;
-  color: #FFF;
-}
-.ResetButton:hover {
-  background: #FF6536;
-  border: 1px solid #FF3D00;
-}
-
-.TicketGridBullets {
-  background: #f1f1f1;
-  border-radius: 4px;
-  padding: 20px;
-  margin-top: 5px;
-}
-.TicketGridBullets .TicketGridTitle {
-  margin-top: 0px;
-}
-
-.Minus {
-  border-radius: 4px;
-  width: 30px;
-  height: 24px !important;
-  margin-right: 10px;
-  color: #FFF;
-  background: #009993;
-}
-
-.Plus {
-  border-radius: 4px;
-  width: 30px;
-  height: 24px !important;
-  margin-left: 10px;
-  color: #FFF;
-  background: #009993;
-}
-
-.SelectWrapper {
-  width: auto;
-  padding: 5px;
-  margin: 0 auto;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  position: relative;
-}
-
-.SelectButton, .SelectOptions li {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.SelectButton {
-  display: flex;
-  padding: 0 5px;
-  border-radius: 7px;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-}
-.SelectButton span:first-child {
-  padding-right: 10px;
-}
-
-.SelectExpand {
-  transition: transform 0.3s linear;
-  font-size: 12px;
-}
-
-.SelectActive .SelectExpand {
-  transform: rotate(180deg);
-}
-
-.SelectContent {
-  display: none;
-  padding: 5px;
-  border-radius: 7px;
-}
-
-.SelectWrapper.SelectActive .SelectContent {
-  width: 100%;
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 32px;
-  padding: 0;
-  border: 1px solid #ccc;
-  overflow: hidden;
-  background: #fff;
-}
-
-.SelectContent .SelectOptions {
-  max-height: 100px;
-  margin: 0;
-  overflow-y: auto;
-  padding: 0;
-}
-.SelectContent .SelectOptions .SelectedValue {
-  background-color: #009993;
-  color: #fff;
-}
-
-.SelectOptions::-webkit-scrollbar {
-  width: 7px;
-}
-
-.SelectOptions::-webkit-scrollbar-track {
-  background: #f1f1f1;
-  border-radius: 25px;
-}
-
-.SelectOptions::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 25px;
-}
-
-.SelectOptions li {
-  height: 20px;
-  padding: 0 13px;
-  font-size: 14px;
-}
-
-.SelectOptions li:hover {
-  background: #f2f2f2;
-}