@everymatrix/lottery-draw-results 1.31.2 → 1.32.4

package/dist/collection/components/lottery-draw-results/lottery-draw-results.css

@@ -1,207 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
-:host {
-  display: block;
-  font-family: "Roboto", sans-serif;
-}
-
-.TicketInfo {
-  display: flex;
-  flex-direction: row;
-  gap: 15px;
-  background-color: #009993;
-  color: #fff;
-  padding: 12px;
-  font-size: 14px;
-}
-
-.DrawResultsArea {
-  margin-top: 15px;
-}
-.DrawResultsArea.TicketDraws .Content {
-  padding: 0;
-  border: 0;
-}
-.DrawResultsArea.TicketDraws .DrawResultsBody {
-  padding: 0;
-  margin-bottom: 5px;
-  border-radius: 0;
-  border: 0;
-}
-
-.DrawResultsSection {
-  max-width: 600px;
-  margin: 0px auto;
-  border-radius: 4px;
-}
-
-.DrawResultsHeader {
-  display: flex;
-  justify-content: space-between;
-  padding: 10px 20px;
-  background-color: #009993;
-  color: #fff;
-  font-size: 14px;
-  border-radius: 4px 4px 0 0;
-}
-.DrawResultsHeader h4 {
-  text-transform: uppercase;
-  font-weight: 400;
-  margin: 0;
-  padding-top: 15px;
-}
-
-.DrawResultsBody {
-  padding: 20px;
-  margin-bottom: 5px;
-  border-radius: 0 0 4px 4px;
-  border: 1px solid #009993;
-}
-.DrawResultsBody > div {
-  margin: 10px 0;
-}
-.DrawResultsBody .NumberOfDrawsContainer {
-  display: table;
-  width: 100%;
-}
-
-.DrawNumbersGrid {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-.DrawNumbersGrid label {
-  display: block;
-  margin-bottom: 7px;
-}
-
-.Toggle {
-  cursor: pointer;
-  display: inline-block;
-}
-
-.ToggleSwitch {
-  display: inline-block;
-  background: #ccc;
-  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%, #eee 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: #56c080;
-}
-
-.ToggleCheckbox:checked + .ToggleSwitch:before {
-  left: 38px;
-}
-
-.ToggleCheckbox {
-  position: absolute;
-  visibility: hidden;
-}
-
-.Label {
-  position: relative;
-}
-
-.DrawTicketsContainer {
-  display: flex;
-  flex-direction: column;
-  margin: 20px auto 0;
-}
-
-.DrawMultipler {
-  margin-top: 15px;
-}
-
-.ExpandableBoxes {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  background-color: white;
-}
-
-.ExpandableBox {
-  border-bottom: 1px solid #ccc;
-  transition: height 300ms ease-in-out;
-  overflow: hidden;
-  height: 80px;
-}
-.ExpandableBox:last-child {
-  border-bottom: 0;
-}
-.ExpandableBoxHeader {
-  position: relative;
-  list-style: none;
-  outline: 0;
-  cursor: pointer;
-  text-transform: uppercase;
-  transition: color 300ms ease-in-out;
-  margin-bottom: 24px;
-  margin-left: 5px;
-}
-.ShowBox > .ExpandableBoxHeader {
-  color: #009993;
-}
-.ExpandableBoxHeader::-webkit-details-marker {
-  display: none;
-}
-.ExpandableBoxHeader:before, .ExpandableBoxHeader:after {
-  content: "";
-  position: absolute;
-}
-.ExpandableBoxHeader:before {
-  right: 21px;
-  top: 50%;
-  height: 2px;
-  margin-top: -1px;
-  width: 16px;
-  background: #009993;
-}
-.ExpandableBoxHeader:after {
-  right: 28px;
-  top: 50%;
-  height: 16px;
-  margin-top: -8px;
-  width: 2px;
-  margin-left: -1px;
-  background: #009993;
-  transition: all 300ms ease-in-out;
-}
-.ShowBox .ExpandableBoxHeader:after {
-  opacity: 0;
-  transform: translateY(25%);
-}
-.ExpandableBoxBody {
-  padding-top: 0;
-  font-weight: lighter;
-  margin-left: 5px;
-}
-.ExpandableBox.ShowBox {
-  height: 300px;
-}