.woocommerce-reward-points-tooltip {  display:inline;  margin-left:5px;  margin-right:5px; } [woocommerce-reward-points-tooltip] {  position:relative; }  [woocommerce-reward-points-tooltip]::before, [woocommerce-reward-points-tooltip]::after {  text-transform:none;  font-size:.9em;  line-height:1;  user-select:none;  pointer-events:none;  position:absolute;  display:none;  opacity:0; } [woocommerce-reward-points-tooltip]::before {  content:'';  border:5px solid transparent;  z-index:1001; } [woocommerce-reward-points-tooltip]::after {  content:attr(woocommerce-reward-points-tooltip);  text-align:center;  min-width:3em;  max-width:30em;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  padding:1ch 1.5ch;  border-radius:.3ch;  box-shadow:0 1em 2em -.5em rgba(0, 0, 0, 0.35);  background:#333;  color:#fff;  z-index:1000; } .woocommerce-reward-points-promotion-name {   font-weight:bold;   display:block; }  [woocommerce-reward-points-tooltip]:hover::before, [woocommerce-reward-points-tooltip]:hover::after {  display:block; }  [woocommerce-reward-points-tooltip='']::before, [woocommerce-reward-points-tooltip='']::after {  display:none !important; }  [woocommerce-reward-points-tooltip]:not([flow])::before, [woocommerce-reward-points-tooltip][flow^="up"]::before {  bottom:100%;  border-bottom-width:0;  border-top-color:#333; } [woocommerce-reward-points-tooltip]:not([flow])::after, [woocommerce-reward-points-tooltip][flow^="up"]::after {  bottom:calc(100% + 5px); } [woocommerce-reward-points-tooltip]:not([flow])::before, [woocommerce-reward-points-tooltip]:not([flow])::after, [woocommerce-reward-points-tooltip][flow^="up"]::before, [woocommerce-reward-points-tooltip][flow^="up"]::after {  left:50%;  transform:translate(-50%, -.5em); }  [woocommerce-reward-points-tooltip][flow^="down"]::before {  top:100%;  border-top-width:0;  border-bottom-color:#333; } [woocommerce-reward-points-tooltip][flow^="down"]::after {  top:calc(100% + 5px); } [woocommerce-reward-points-tooltip][flow^="down"]::before, [woocommerce-reward-points-tooltip][flow^="down"]::after {  left:50%;  transform:translate(-50%, .5em); }  [woocommerce-reward-points-tooltip][flow^="left"]::before {  top:50%;  border-right-width:0;  border-left-color:#333;  left:calc(0em - 5px);  transform:translate(-.5em, -50%); } [woocommerce-reward-points-tooltip][flow^="left"]::after {  top:50%;  right:calc(100% + 5px);  transform:translate(-.5em, -50%); }  [woocommerce-reward-points-tooltip][flow^="right"]::before {  top:50%;  border-left-width:0;  border-right-color:#333;  right:calc(0em - 5px);  transform:translate(.5em, -50%); } [woocommerce-reward-points-tooltip][flow^="right"]::after {  top:50%;  left:calc(100% + 5px);  transform:translate(.5em, -50%); }  @keyframes tooltips-vert {  to {   opacity:.9;   transform:translate(-50%, 0);  } } @keyframes tooltips-horz {  to {   opacity:.9;   transform:translate(0, -50%);  } }  [woocommerce-reward-points-tooltip]:not([flow]):hover::before, [woocommerce-reward-points-tooltip]:not([flow]):hover::after, [woocommerce-reward-points-tooltip][flow^="up"]:hover::before, [woocommerce-reward-points-tooltip][flow^="up"]:hover::after, [woocommerce-reward-points-tooltip][flow^="down"]:hover::before, [woocommerce-reward-points-tooltip][flow^="down"]:hover::after {  animation:tooltips-vert 300ms ease-out forwards; } [woocommerce-reward-points-tooltip][flow^="left"]:hover::before, [woocommerce-reward-points-tooltip][flow^="left"]:hover::after, [woocommerce-reward-points-tooltip][flow^="right"]:hover::before, [woocommerce-reward-points-tooltip][flow^="right"]:hover::after {  animation:tooltips-horz 300ms ease-out forwards; } .woocommerce-reward-points-text-cart p, .woocommerce-reward-points-text-checkout p {  margin-bottom:0; } .woocommerce-reward-points-text-cart, .woocommerce-reward-points-text-checkout, .woocommerce-reward-points-text-thank-you {  padding:30px;  margin-bottom:20px;  background-size:cover; } .woocommerce-reward-points-text-container ul, .woocommerce-my-points-rewards ul {  list-style-type:none;  margin-top:5px;  margin-left:5px; } .woocommerce-reward-points-text-container ul li, .woocommerce-my-points-rewards ul li {  margin-bottom:3px; } .woocommerce-reward-points-text-container ul li i, .woocommerce-my-points-rewards ul li i {  margin-right:5px; } .woocommerce-my-points-rewards ul li {   border-bottom:1px solid #eaeaea;   padding:6px 0; } .woocommerce-reward-points-redemption-form {  width:50%; } .woocommerce-reward-points-redemption-form-points {  width:50%;  max-width:150px; } .button.woocommerce-reward-points-redemption-form-button {  display:inline-block;  margin:0; } .woocommerce-my-points-fl {  float:left; } .woocommerce-my-points-bar {  width:50%;  margin:50px auto 0;  position:relative; } .woocommerce-my-points-clear {  clear:both;  float:none; } .woocommerce-my-points-container-circle .woocommerce-my-points-bar {  width:30%;  margin:0 auto; } .woocommerce-reward-points-level-container {  width:10%;  float:left;  text-align:center; } .woocommerce-reward-points-level-container img {  width:70%;  max-width:200px; } .woocommerce-reward-points-level-current-name {  display:block; } .woocommerce-reward-points-text-cart .woocommerce-reward-points-earning-text-container, .woocommerce-reward-points-text-checkout .woocommerce-reward-points-earning-text-container, .woocommerce-reward-points-text-thank-you .woocommerce-reward-points-earning-text-container {  float:left;  width:60%; } .woocommerce-reward-points-text-thank-you .woocommerce-reward-points-earning-text-container {  width:90%; } .woocommerce-reward-points-redemption-form-container, .woocommerce-reward-points-redemption-success-container {  float:right;  width:30%;  margin-bottom:0;  text-align:center; } .woocommerce-reward-points-redemption-form-container input {  margin:0 !important; } .woocommerce-reward-points-redemption-form-shortcode .woocommerce-reward-points-redemption-form-container {  width:100%;  float:none; } .woocommerce-reward-points-redemption-text {  width:100%;  display:block; } a.woocommerce-reward-points-redemption-text-remove-points, a.woocommerce-reward-points-redemption-text-remove-points:hover {  color:#fff; } .woocommerce-reward-points-redemption-text-remove-points:hover {  text-decoration:underline; } .woocommerce-reward-points-redemption-text-remove-points .fa {  margin-right:3px; } .woocommerce-reward-points-redemption-text-below, .woocommerce-reward-points-redemption-text-remove-points {  font-size:80%; } .woocommerce-reward-points-redemption-form-trigger {  margin:0 auto; } .woocommerce-reward-points-redemption-form-inputs {  margin-top:15px; } .woocommerce-reward-points-redemption-success-container {  } .woocommerce-reward-points-redemption-text-success {  font-weight:bold;  font-size:32px;  text-transform:uppercase;  width:100%;  display:block; } .woocommerce-reward-points-redemption-form-trigger {  font-size:80%;  border-bottom:1px dashed #eee; } .woocommerce-reward-points-redemption-form-points {   background-color:transparent !important;   width:150px !important;   border:1px solid #fff; } .woocommerce-reward-points-redemption-form-points::placeholder {  color:#eee; } .progressbar-text {   top:-10% !important;   text-align:center;   font-weight:bold;   font-size:52px; } .woocommerce-my-points-container h2 {  margin-top:30px; } .woocommerce-my-points-bar-label {   font-size:18px;   font-weight:normal;   text-transform:uppercase; } .woocommerce-my-points-bar-text-below {  text-align:center;  } .woocommerce-my-points-container-line {  margin-top:150px; } .woocommerce-my-points-container-line .progressbar-text {  top:-5px; } .woocommerce-my-points-container-line .woocommerce-my-points-bar-label {  margin-top:0; } .woocommerce-my-points-container-line .woocommerce-my-points-bar-text-below {  margin-top:25px; } .woocommerce-my-points-container-circle .progressbar-text {   top:45% !important; } .woocommerce-my-points-bar-text-next-level-text {  margin-top:20px;  font-size:20px;  line-height:30px;  font-weight:bold; } .woocommerce-reward-points-text-product-category {  font-size:90%; } .woocommerce-my-points-bar-heart-text.progressbar-text {   position:absolute;   top:40% !important;   left:0;   right:0; } .woocommerce-reward-points-overlay {   position:fixed;   top:0;   left:0;   background:rgba(0,0,0,0.7);   display:block;   width:100%;   height:100%;   z-index:9999999; } .woocommerce-reward-points-popup-container {   margin:0 auto;   width:100%;   max-width:600px;   text-align:center;  top:50%;   left:50%;   transform:translate(-50%, -50%);   position:fixed;   z-index:99999999; } .woocommerce-reward-points-popup {   padding:50px;   background:#fff;   border-radius:20px; } .woocommerce-reward-points-popup img {  max-width:250px;  margin-bottom:25px; } .woocommerce-reward-points-share-buttons {  display:block;  margin-top:10px;  margin-bottom:10px; } .woocommerce-reward-points-share-button {  display:inline-block;  padding:5px 10px;  background-color:#333;  color:#fff;  margin-right:15px;  font-size:13px;  min-width:130px;  margin-bottom:10px; } .woocommerce-reward-points-share-button:hover {  color:#fff; } .woocommerce-reward-points-share-facebook {  background-color:#3b5999; } .woocommerce-reward-points-share-twitter {  background-color:#55acee; } .woocommerce-reward-points-share-pinterest {  background-color:#bd081c; } .woocommerce-reward-points-share-linkedin {  background-color:#0077B5; } .woocommerce-reward-points-share-buffer {  background-color:rgb(44, 75, 255); } .woocommerce-reward-points-share-tumblr {  background-color:#34465d; } .woocommerce-reward-points-share-reddit {  background-color:#ff5700; } .woocommerce-reward-points-share-wordpress {  background-color:#21759b; } .woocommerce-reward-points-share-pocket {  background-color:#ef4056; } .woocommerce-reward-points-share-vk {  background-color:#4c75a3; } .woocommerce-reward-points-story-form {  margin-top:20px; } .woocommerce-reward-points-share-disabled {  background-color:#555;  cursor:not-allowed; } .woocommerce-my-points-current-level-container {   position:absolute;   top:0;   right:0;   max-width:100px;   text-align:center;   font-size:90%; } .woocommerce-reward-points-recommended-text {  margin-top:20px;  width:100%; } .woocommerce-reward-points-level-badge-small {  width:25px;  display:inline-block;  margin-right:5px; } .woocommerce-reward-points-thank-you-button {  display:table !important;  margin-top:20px !important; } .woocommerce-reward-points-story-success {   padding:8px 10px;   margin-left:10px;   background-color:#558B2F;   color:#fff;   margin-top:10px; } .woocommerce-my-points-rewards {  margin-top:20px; } .woocommerce-my-points-rewards .fa-check-square {  color:#4CAF50; } .woocommerce-MyAccount-content {  position:relative; } .woocommerce-reward-points-question-form-question {   background:transparent !important;   border:none !important;   box-shadow:none !important;   text-align:center !important;   font-size:28px !important;   line-height:34px !important;   font-weight:900 !important;   margin-bottom:0 !important;   min-height:auto !important;   height:auto !important; } .woocommerce-reward-points-question-form-button {  width:100%; } .woocommerce-reward-points-birthday {   width:200px !important; } .woocommerce-reward-points-birthday-form {  margin-top:20px; } .woocommerce-reward-points-birthday, .woocommerce-reward-points-birthday-form-button {  margin-bottom:0 !important; } form.checkout .woocommerce-reward-points-redemption-form-container, form.checkout .woocommerce-reward-points-redemption-success-container {  width:100%;  float:none; } form.checkout .woocommerce-reward-points-level-container {  width:25%; } form.checkout .woocommerce-reward-points-earning-text-container { width:75%; } @media(max-width:768px) {  .woocommerce-my-points-bar,  .woocommerce-my-points-rewards {   margin:0 auto;   width:100%;  }  .woocommerce-reward-points-text-cart, .woocommerce-reward-points-text-checkout, .woocommerce-reward-points-text-thank-you {   padding:10px;  }  .woocommerce-reward-points-level-container img {   max-width:100px;  }  .woocommerce-reward-points-redemption-form-points {   width:100%;  }  .woocommerce-my-points-bar-text-below { margin-top:80px; }   .woocommerce-my-points-current-level-container {   top:30px;  }  .woocommerce-reward-points-redemption-form,  .woocommerce-reward-points-earning-text-container,  .woocommerce-reward-points-redemption-form-container,  .woocommerce-reward-points-level-container {   width:100% !important;  }  .woocommerce-reward-points-user-point-adding-username,  .woocommerce-reward-points-user-point-adding-name,  .woocommerce-reward-points-user-point-adding-email,  .woocommerce-reward-points-user-point-adding-level,  .woocommerce-reward-points-user-point-adding-points,  .woocommerce-reward-points-user-point-adding-points,  .woocommerce-reward-points-user-point-adding-actions {   display:block;   width:100%;  }  .woocommerce-reward-points-user-point-adding th {   display:none;  }  .woocommerce-reward-points-user-point-adding tr {   margin-bottom:20px;   display:block;  } } .woocommerce-reward-points-level-shortcode .woocommerce-reward-points-level-container {  width:100%;  float:none;  text-align:initial; } .woocommerce-reward-points-level-shortcode .woocommerce-reward-points-level-container img {  width:100%;  max-width:100%; } .woocommerce-reward-points-recommended-text {  background-color:#FFF59D; } .woocommerce-my-points-bar svg {  height:auto;  width:auto; } .woocommerce-my-points-rewards h2 {  margin-bottom:0; } .woocommerce-my-points-rewards ul {  padding-left:0; } .woocommerce-reward-points-redemption-text-remove-points {  margin-left:5px; }