@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

html, body { min-height: 100%; height: 100%; font-family: 'Poppins', sans-serif !important; margin: 0; padding: 0;  }
* {-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; outline: 0; box-shadow: 0 0 0 0rem !important; }
.app-purple { background: rgb(236,19,91) !important; background: radial-gradient(circle, rgba(178,14,78,1) 0%, rgba(51,0,51,1) 100%) !important; }
.app-dark { background-color: #330033 !important;  }
.app-dark-wrapper, .app-wrapper { padding: 20px; }

h1, h2, h3 { font-family: 'Poppins', sans-serif !important; color: #fff !important;}
h4 { font-family: 'Poppins', sans-serif !important; }
h1 { font-weight: 700 !important;  font-size: 1.5rem !important; line-height: 1.5rem !important; margin: 0 !important;  }
h2 {font-weight: 300 !important;  font-size: 1rem !important; margin: 0 !important; }
h3 { font-weight: 700 !important; font-size: 0.95rem !important;  margin: 0 !important; }
h4 { font-size: 12px !important; font-weight: 700 !important; margin: 0 !important;; padding: 0; }
a { color: #fff !important; text-decoration: underline; font-weight: 700;}
p { font-size: 12px !important; color: #fff !important; margin-bottom: 0 !important; }
.p-small { font-size: 9px !important; margin-bottom: 0 !important; }
.p-large { font-size: 0.95rem !important; margin-bottom: 0 !important; font-weight: 700 !important; }
nav a { color: #ff9999 !important; text-decoration: none; font-size: 20px;}
nav .disabled { opacity: 0.4; pointer-events: none; }
label { font-size: 12px !important; }
.hidden { visibility: hidden; }
.banner img, .banner-top img { border-radius: 15px; }
.banner { bottom: 20px; width: calc(100% - 40px) !important; margin: 0 auto !important; }
.banner-top { top: 20px; width: calc(100% - 40px) !important; margin: 0 auto !important; }
.mytransition { transition: transform 0.3s ease-in-out;   -webkit-animation: moveToLeft .6s ease both; animation: moveToLeft .6s ease both; }

#menu, #filter, #end, #redeem, #premium, #block, #privacy, #cookie, #about, #rules { background-color: #330033 !important; }
.offcanvas-dark { background-color: #330033 !important; }
.offcanvas { border-left: none !important; border-right: none !important; padding: 15px 20px 20px 20px !important; background-attachment: fixed; background-image: url("https://cdn.lushense.com/img/pattern-transparent-more.png") ; background-repeat: repeat; }
.btn-close { width: auto !important; height: auto !important; padding: 0 !important; margin: 0 0 15px 0 !important; box-sizing: content-box; background: none !important; color: #ff9999 !important; font-family: 'uicons-regular-rounded'; font-size: 20px; opacity: 1 !important; } 
.btn-close:focus, .outfocus, .outfocus:focus { outline: 0; box-shadow: 0 0 0 0rem !important; opacity: 1 !important; }
.offcanvas-header, .offcanvas-body { padding: 0px !important; }
.offcanvas nav { padding: 0 !important; }
.offcanvas nav ul { padding: 0 !important; }
.offcanvas nav ul li { border-bottom: 1px solid #ff9999 !important; padding: 8px 0 8px 0px;}
.offcanvas nav ul li::marker { display: none; }
.offcanvas nav ul li:first-child { padding-top: 0 !important; }
.offcanvas nav ul li:last-child { border-bottom: none !important; }
.offcanvas nav ul li a { font-size: 12px !important; color: #fff !important; text-decoration: none !important; }
.offcanvas nav ul li a:hover {}
.li-about::before, .li-rules::before, .li-premium::before, .li-rate::before, .li-report::before, .li-terms::before, .li-privacy::before, .li-cookie::before, .li-restore::before, .li-all::before { font-family: 'uicons-regular-rounded'; font-size: 20px; color: #ff9999 !important; padding: 0 10px 0 0; vertical-align: middle;}
.li-about::before { content: "\f426"; }
.li-rules::before { content: "\f286"; }
.li-premium::before { content: "\f3b1"; }
.li-rate::before { content: "\f4d6"; }
.li-report::before { content: "\f1bf"; }
.li-terms::before { content: "\f2c6"; }
.li-privacy::before { content: "\f2ef"; }
.li-cookie::before { content: "\f28f"; }
.li-restore::before { content: "\f45f"; }
.li-all::before { content: "\f397"; }

.modal-dialog { padding-left: 10px !important; padding-right: 10px !important;}
.modal-content { border-radius: 15px !important; border: 0 !important; }
.modal-body { color: #330033 !important; padding: 20px !important; }
.modal-body p { font-size: 12px; }

.salmon { color: #ff9999 !important;  }
.pink { color: #ec135b !important;}
.purple { color: #330033 !important; }

.i-20 { font-size: 20px; vertical-align: -5px; }
.i-30 { font-size: 30px; line-height: 1 !important;}
.i-40 { font-size: 40px; vertical-align: -15px; }
.w-40 { width: 40px !important;}
.w-44 { min-width: 44px !important; height: 44px; }
.g-10 { --bs-gutter-x: 10px !important;  }
._mb-5 { margin-bottom: 5px !important; }
._mb-10 { margin-bottom: 10px !important; }
._mb-20 { margin-bottom: 20px !important; }
._mb-30 { margin-bottom: 30px !important; }
._mt-20 { margin-top: 20px !important; }
._mt-30 { margin-top: 30px !important; }
._mx-10 { margin: 0 10px 0 10px !important; }
._ms-10 { margin-left: 10px !important; }
._m-auto { margin: 0 auto; }

.level { margin-bottom: 40px; }
.mode, .names { margin-bottom: 20px; }
.player-names { color: #330033 !important; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; width: 100%; border-radius: 15px; border: 0; height: 44px; padding: 0 15px 0 15px;}
::placeholder{ color: #330033 !important; }

.ios-view { padding:0px 20px 20px 20px; }
.main-title { text-align: center; margin-bottom: 20px;}
.main-title p { color: #fff; font-size: 12px !important; margin-top: 20px; margin-bottom: 0px;}

.app-wrapper { width: 100%; min-height: 100% ; background-image: url("https://cdn.lushense.com/img/pattern-transparent.png"); background-repeat: repeat; }
.app-dark-wrapper { width: 100%; min-height: 100% ; background-image: url("https://cdn.lushense.com/img/pattern-transparent-more.png"); background-repeat: repeat; }
.app-container, .main-splash { height: 100%; }

.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#fff;position:fixed;z-index:2000;bottom:0;right:100%;width:100%;height:2px;}

#my-lock, #my-flag, #my-voucher, #my-premium, #my-success, #my-heart, #my-panties, #my-briefs, #my-fire, #my-comet, #my-gambit, #my-wild, #my-fantasy  { width: 100px; height: 100px; margin: 0 auto; }

.splash-mark { height: 95px; width: 95px;}
.footer-splash p, .game-info p { color: #ff9999; font-size: 12px !important; vertical-align: middle; margin: 0; margin-bottom: 20px;}
.game-info span { font-weight: 700; color: #fff; }

@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);  }
  50%{-webkit-transform:scale3d(1.2,1.2,1.2);    transform:scale3d(1.2,1.2,1.2);  }
  to{-webkit-transform:scale3d(1,1,1);    transform:scale3d(1,1,1);  }
  }
@keyframes pulse{from{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);  }
  50%{-webkit-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2);  }
  to{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);  }
  }

.pulse{-webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; animation: pulse 5s infinite; }

.button-purple { font-weight: 700; text-decoration: none; font-size: 1rem; border-radius: 15px; height: 44px; line-height: 44px; background-color: #330033; color: #fff; }
.button-purple-naked { font-weight: 700; text-decoration: none; font-size: 1rem; height: 44px; line-height: 44px; color: #330033 !important; }
.button-salmon { font-weight: 700; text-decoration: none; font-size: 1rem; border-radius: 15px; height: 44px; line-height: 44px; background-color: #ff9999; color: #fff; }
.button-salmon-less { font-weight: 700; text-decoration: none; font-size: 1rem; border-radius: 15px; height: 44px; line-height: 42px; color: #ff9999 !important; border: 2px solid #ff9999; }
.button-salmon-small-less { font-weight: 300; text-decoration: none; font-size: 12px; border: 2px solid #ff9999; border-radius: 15px; color: #ff9999 !important; height: 44px; padding-top: 5px; }
.button-salmon-small-less-double { font-weight: 300; text-decoration: none; font-size: 12px; border: 2px solid #ff9999; border-radius: 15px; color: #ff9999 !important; height: 66px; line-height: 15px; padding-top: 18px; }
.button-salmon-small-double { }
.button-salmon-small-less i { }
.button-white-small { font-weight: 300; text-decoration: none; font-size: 12px; color: #330033 !important; background-color: #fff; border-radius: 15px; height: 44px; padding-top: 7px; } 
.button-white-small-double { font-weight: 300; text-decoration: none; font-size: 12px; color: #330033 !important; background-color: #fff; border-radius: 15px; height: 66px; line-height: 15px; padding-top: 20px;}