#modal-store-about a {
color: #3cafff;
}
#modal-store-background-button,
#modal-store-gift-buttons > div,
#modal-store-gift-buttons > div > img,
#modal-store-gift-button > span,
#modal-store-gift-anonymous-label,
#modal-store-gift-anonymous-label > span,
#modal-store-gift-header-copyright,
.modal-store-sticker-header-copyright,
#modal-store-upgrade-button > span,
#modal-store-window h2,
#modal-store-store-chest-button {
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
#modal-store-window-wrapper [data-currency="coins"]:before {
content: '';
position: relative;
display: inline-block;
height: 12px;
width: 12px;
top: 2px;
margin-right: 5px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAJFBMVEUAAACmpqimpqimpqimpqimpqimpqimpqimpqimpqj////S0tOm1vxMAAAACXRSTlMAz8cGbvQb+W3GCc9+AAAAP0lEQVQI12NgMFENcmZgYJOcOXNiAoPhTCAQZugEUTMYNGev3rVyEkPlrJkrZ06HUFNhgp4gJVOgGqDaoYYBAEoVIEdv7ck8AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
#modal-store-window-wrapper [data-currency]:not([data-currency="coins"]):after {
content: attr(data-currency);
position: static;
display: inline;
margin-left: 5px;
text-transform: uppercase;
}
#modal-store-window-wrapper [data-currency="coins"] span {
font-weight: 600;
text-transform: uppercase;
}
.modal-store-category-image > hr[data-remain] {
position: absolute;
display: block;
height: 28px;
min-width: 25px;
top: 9px;
left: 12px;
padding: 5px 3px 3px;
box-sizing: border-box;
border: none;
border-radius: 2px;
background-color: #ffb700;
color: #fff;
text-align: center;
z-index: 1;
}
.modal-store-category-image > hr[data-remain] {
top: 4px;
}
.modal-store-category-image > hr[data-remain]:before {
content: attr(data-remain);
display: block;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 11px;
line-height: 11px;
}
.modal-store-category-image > hr[data-remain]:after {
content: 'LEFT';
display: block;
font-size: 7px;
font-weight: 400;
}
.modal-store-category-image > hr[data-remain=""],
.modal-store-category-image > hr[data-remain="0"]:before,
.modal-store-category-image > hr[data-remain="0"]:after {
display: none;
}
.modal-store-category-image > hr[data-remain="0"] {
position: absolute;
display: block;
height: 50px;
width: 89px;
top: 48px;
right: 0;
left: 0;
margin: 0 auto;
padding: 0;
border: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAyCAMAAAAA5ocEAAAAh1BMVEUAAACgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULKgULJM+3aQAAAALHRSTlMABfcX78RKIx2nKg0J5ZJya9mLXjllPxGzV1DzhjHKgHnV0KK9rumXuZ1E3/Xcp0sAAASRSURBVFjDrVfXgqJAEGyQnKMEEUFUDPX/33c0DOuiXnDPegLGmekpqqqRPottc/bo4zBS8wTgRh+FXfYhBsgHQKdPQVrvVDD2keZQjYA+AsvPNxjgXooVMSoc6b+xijsXA5Q8sGjGGor0fxRoXjsSq+4SaTEgI/n5qkmTbjEg9Er7afSM5ofaMrbeXtZ3JzM2loyLTXwc6G1k1q5Q1u0qjEhfMl5cXBTCLJAdegfOtaoVpwUOAUmLASnaj4yn4sEJ2hum9c+b8XX1RfZAzkFe3TDA/2LcRPSWaaEcgyUFUmrqJG0Qp6nhwqcZKfb/YlpPmLZJnlV6Yrvl6IbLDvm9FGD1V9PKs2mXlEeurF752EeWgjs8irG57xzK1z+YNhCm7eKn/SV1PMaaUrabBViDOPh+hofmd6a9jKbdsGlfoASqcg+VdLDdXMQcF3F6f9/d7YW2tGgvTLuWFown2myMiq2gMZkhF9ehHx4m34qQrlv70bQH+aVpVyPjcjObLBzjoaCe99BzpljD6T5nERx6elQw4GSmxrPwWHQucJ3mAQbHw4XK0W5BO6xpyyjvuqskYdqiH8Uun/3tkpviMqmihUdSLZQlKYi58htlgMaDu+GpiuiepJ40LD2YFoy6uj7ZnWeKt62ysuSplCNMjgfoVPNyEQ/SDuad102b8I7AjRvCothd65rWvRANsk0rYFJWgJPwSYW9GKQE7n2NxCy5nFp/rVhFH2cybJmL36OaxA5sJ5+sWSErvhUcCSRNxDu630QQVLHDzkeUuuhorYTTgMpcRqinO06J0SfSBpGUTm7OT8HdaK1nczlfUizYd6FBHds2GGf62USA7I0anu4uOA9qYvNFgIyppy5C0FWGMzahP1e8wUkFcop4psEOy7V+GmKlOUehrAJtNnEidQAOGT1Ar+FxTs0xFUPJyAeyYtRpiB35h1q8bW4ZjTvtY/trtbrJrsSLlF9HXmi4Ha7Oc0wFe3WQhVc6K+A6Sc06KoaI8471thenswOg1Z7z8ZuGx5e6FrvZ8ehQoYKS1eQimNaq3eGn7nVeorn0+qvGs9Bwfitn3mFyBxYqsOWN9hXpVu0bjnTJ6TWM+FXj0S+quGqAoFfOCV1HFajwmPuJq2vubfIqfqvxGOVlftDUtoXQMxwZBRu2HRUiJTuTOhzCfPv8USMaTxtp9qust75dp27f0wE9scMcahEqAPSCE/up8Sj3xvMK+sm730ydrcEgqYTN5U2JrT8WU8yNx7fot9CzYlEKoOuA6Ycc8Ron9uvGg8UxXsKEmLvtWWOcaZ7oovQ4dTs3nr606a/YzzF1BTTH5+SlVA3N7ePhYnPReP6OaE5taTrlgZ6Rsba0A+RzsaV/hobTrEAVgJk9fdRUXa0nxm74wZvfmTK+6rDWq4dl/UjF7ah1l4zexxn+b0zb3UpF9c1j6dCP0OD84qPGzxQVkOOAfo4Em+XfGEvLpdY05aPHpv05RJIK6MFRwXlvtV1s0H/jiGo27W007S6w6CMIUJNzFaatKzbth6AD59m0GX0UzIFipjp9HN6h2dJH8Qv9nYoaHkJvegAAAABJRU5ErkJggg==);
background-color: transparent;
cursor: pointer;
}
.modal-store-category-image > hr[data-remain="0"] {
top: 25px;
}
.modal-store-category-image > hr[data-remain="0"] + img {
opacity: .15;
}
.modal-store-status-wrapper {
position: absolute;
height: 0;
top: 6px;
right: 4px;
left: 4px;
}
.modal-store-status.hd,
.modal-store-status.x2,
.modal-store-status.x3,
.modal-store-status.x4,
.modal-store-status.x5,
.modal-store-status.adult,
.modal-store-status.pro,
.modal-store-status.extreme,
.modal-store-status.gold,
.modal-store-status.reward-category,
#modal-store-background-status:before,
#modal-store-background-price:after {
position: absolute;
height: 25px;
width: 26px;
right: 0;
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
}
#modal-store-background-status:before,
#modal-store-background-price:after {
content: '';
position: relative;
display: inline-block;
top: 7px;
margin-left: 5px;
}
#modal-store-background-status:before {
margin: 0 5px 0 0;
}
.modal-store-status.new {
position: absolute;
height: 9px;
width: 30px;
bottom: -107px;
left: 50%;
margin-left: -15px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAJCAMAAAASPWyzAAAAflBMVEWM2FOM2FOM2FOM2FOM2FMAAACM2FOM2FN2tEX4+/V9wUqAxkv////u9umLvWRyr0Pm8d7G37K/26mgyYCDuVpzsUTs9OXr9OTf7dTb6s7L4rmx05eUwnB7vUjx9+zw9+vS5sPP5L+416Cu0ZOpzoyJvGJ9tVKGzk96vEh3tkaqF+dtAAAAB3RSTlPdCfuAxgCC/FYGnAAAAJJJREFUGNOFj1cSwyAMRIVLjIDYprk7vd7/giGAh5/MRKMf7UrzVlCSHLLqR2WQkxJI4QdOKX8z26yWvRin3IsFgV3YpfvetjUKieYkl44GNQfYbNTOvplB98P1vAYVINtsNTobL0q23TTzyE/Xd8Qa9UMfp/GwPON1YhslvmwjZiVoFdkpOWeNS86Y7yom//P3By1OCxxTtdMoAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.new {
bottom: -106px;
}
#modal-store-gift-image > .modal-store-status-wrapper > .modal-store-status.new {
bottom: -110px;
}
#modal-store-gift-image.hd > .modal-store-status-wrapper > .modal-store-status.new {
bottom: -310px;
}
.modal-store-status.hd {
width: 23px;
right: auto;
left: 0;
}
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status {
right: 10px;
}
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.hd {
right: auto;
left: 10px;
}
.modal-store-status.x2,
.modal-store-status.x3,
.modal-store-status.x4,
.modal-store-status.x5 {
bottom: -80px;
}
#modal-store-gift-image > .modal-store-status-wrapper > .modal-store-status.x2,
#modal-store-gift-image > .modal-store-status-wrapper > .modal-store-status.x3,
#modal-store-gift-image > .modal-store-status-wrapper > .modal-store-status.x4,
#modal-store-gift-image > .modal-store-status-wrapper > .modal-store-status.x5,
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.x2,
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.x3,
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.x4,
.modal-store-category-image > .modal-store-status-wrapper > .modal-store-status.x5 {
bottom: -90px;
}
#modal-store-gift-image.hd > .modal-store-status-wrapper > .modal-store-status.x2,
#modal-store-gift-image.hd > .modal-store-status-wrapper > .modal-store-status.x3,
#modal-store-gift-image.hd > .modal-store-status-wrapper > .modal-store-status.x4,
#modal-store-gift-image.hd > .modal-store-status-wrapper > .modal-store-status.x5 {
bottom: -290px;
}
.modal-store-status.x2 {
background-position: -23px;
}
.modal-store-status.x3 {
background-position: -49px;
}
.modal-store-status.x4 {
background-position: -75px;
}
.modal-store-status.x5 {
background-position: -101px;
}
.modal-store-status.adult,
.modal-store-status.pro,
.modal-store-status.extreme,
.modal-store-status.gold {
top: 0;
}
.modal-store-status.adult {
background-position: -127px;
}
.modal-store-status.pro {
background-position: -152px;
}
.modal-store-status.extreme,
#modal-store-background-status:before,
#modal-store-background-price:after {
background-position: -177px;
}
.modal-store-status.gold {
background-position: -202px;
}
.modal-store-status.reward-category {
background-repeat: no-repeat;
background-image: url('/images/reward/points_icon.svg');
background-size: 25px;
}
.modal-store-body-category .modal-store-status.reward-category {
display: none;
}
/* End Catalog Block */
/* Begin Modal Block */
body.modal-store-show {
overflow: hidden;
}
#modal-store-width {
position: absolute;
display: block;
height: 0;
width: 100%;
}
body.modal-store-show > #wrapper,
body.modal-store-show > #wrapper > #nav-static-wrapper,
body.modal-store-show > #wrapper > #nav-fixed-wrapper,
body.modal-store-show > #footer {
box-sizing: border-box;
}
#modal-store-wrapper {
position: fixed;
display: none;
max-width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0;
text-align: center;
z-index: 1;
}
body.modal-store-show #modal-store-wrapper {
display: block;
}
#modal-store-overlay {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, .65);
}
#modal-store-window-wrapper {
position: relative;
height: 100%;
min-height: 100%;
width: 100%;
top: 0;
font-size: 0;
overflow-y: scroll;
z-index: 1;
}
#modal-store-arrow-left,
#modal-store-arrow-right {
position: fixed;
display: block;
height: 100px;
width: 66px;
top: 50%;
margin-top: -50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAqCAMAAACA0lvfAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAFHRSTlMABdeyrRgbqtQWFNvRtwcduKCFf7ZgdY8AAABSSURBVCjPtdA5FsAgDANRJzhANtb735WKClHwsFX+TkNghytI+bQLem2qWdIbqdfR3z+jhol+OpqQkoFK3G/gezgnji/iLOZWxN3MX22PIp5rA+y1A9TGMNUsAAAAAElFTkSuQmCC);
background-position: 22px 29px;
background-repeat: no-repeat;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity .3s,
visibility .3s;
}
#modal-store-arrow-left {
margin-left: -66px;
}
#modal-store-arrow-right {
margin-left: 340px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAqCAMAAACA0lvfAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMABBzZqtwfpxnf1qKtsBaYZslcJfEAAABHSURBVCjPYxDgZ2TAAphY2akkzoJdnHlgxDmYeagjzkUtcV6s4nxUE2fB7i12bKJYA42JVqKs2EXZKRRlI0WUk3tIieLIrgA7MwOA9I7piwAAAABJRU5ErkJggg==);
}
#modal-store-window.arrow-left > #modal-store-arrow-left,
#modal-store-window.arrow-right > #modal-store-arrow-right {
opacity: .5;
visibility: visible;
}
#modal-store-window.arrow-left > #modal-store-arrow-left:hover,
#modal-store-window.arrow-right > #modal-store-arrow-right:hover {
opacity: 1;
}
#modal-store-window.sticker img, #modal-store-window.sticker .lottie-animation {
cursor: default;
}
#modal-store-window {
position: relative;
display: inline-block;
width: 340px;
margin: 100px auto;
background-color: #fff;
overflow: hidden;
}
#modal-store-window:before {
content: '';
position: absolute;
display: block;
height: 40px;
width: 100%;
background-color: #59c959;
}
#modal-store-close {
position: absolute;
display: inline-block;
height: 40px;
width: 40px;
top: 0;
right: 0;
background-color: #59c959;
color: #fff;
cursor: pointer;
overflow: hidden;
z-index: 1;
transition: background-color .2s;
}
#modal-store-close:before {
content: '+';
position: relative;
display: inline-block;
font-size: 40px;
font-weight: 300;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: color .2s;
}
#modal-store-close:hover {
background-color: #fff;
}
#modal-store-close:hover:before {
color: #59c959;
}
#modal-store-body {
position: relative;
display: block;
background-color: #fff;
text-align: left;
overflow: hidden;
transition: height .5s;
}
#modal-store-body:before {
content: '';
position: absolute;
display: block;
height: 40px;
width: 100%;
background-color: #59c959;
transition: height .2s;
}
#modal-store-window.copyright > #modal-store-body:before {
height: 54px;
}
#modal-store-window.limited > #modal-store-body:before {
height: 90px;
}
#modal-store-window.copyright.limited > #modal-store-body:before {
height: 114px;
}
#modal-store-window.iframe > #modal-store-body:before {
height: 40px !important;
}
#modal-store-background {
padding-bottom: 38px;
text-align: center;
}
#modal-store-body > div > h2 {
display: inline-block;
height: 40px;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
margin-bottom: 13px;
line-height: 40px;
text-transform: uppercase;
font-size: 16px;
color: #fff;
text-align: center;
cursor: default;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#modal-store-body > div > h2[data-reward="show"]:after {
content: attr(data-reward-points);
display: inline-block;
height: 20px;
top: 7px;
right: 0;
margin-top: 11px;
margin-left: 10px;
padding: 0 5px 0 19px;
border: 1px solid #fff;
border-radius: 12px;
box-sizing: border-box;
font-weight: 700;
font-size: 11px;
color: #fff;
background-position: 1px 0;
background-repeat: no-repeat;
line-height: 17px;
vertical-align: top;
background-image: url('/images/reward/points_icon_inverted.svg');
background-size: 18px;
}
#modal-store-body > div > span {
display: none;
}
#modal-store-body > div > span:before {
content: '';
display: inline-block;
height: 25px;
width: 25px;
margin-right: 10px;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
#modal-store-body > div > h2 + span:before {
background-image: url('/images/reward/points_icon.svg');
width: 25px;
height: 25px;
}
#modal-store-body > div > h2[data-reward="show"][data-reward-available="false"] + span {
display: block;
font-weight: 400;
font-size: 12px;
color: #808080;
line-height: 25px;
text-align: center;
}
.modal-store-body-category {
position: absolute;
width: 90%;
left: -100%;
padding-bottom: 40px;
box-sizing: border-box;
opacity: 0;
transition: left .5s,
opacity .5s;
}
.modal-store-body-category.adult > h2:before {
content: '';
position: relative;
display: inline-block;
height: 21px;
width: 21px;
top: 4px;
margin-right: 6px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA80L7GO+HEzrrxY5/rKejiYMtHee9tZ6Zk2FVPTUOA/Xk3K9NRiUgCQZ2dVkmH8AMAAAA4ElEQVQY02XQ13KDMBCF4SPJQvRqMKa6xC3Jef/Xiy0gJOPv8h/NzmoxcVPf48FPO6xuFRdVvkQp6Dmuwd3NPKqPOZLJgMlQkzYXmiFWn1RXABFj/FWzAnKKzb86eHQRco+xPobjXujd45VTpigpgYROy6ZVjd2dPrZ8DaBzoXRVCwJ3HqD4sNWcyOOGJED+vg2YX9UOBAw9lLzMtfl+1qeOvt0BOH2ZWIjI7hjQed/XaPbvf0t4nu6QYRVS3OabxcsQk5ASsFlTBHIzmi4Q1BKzIuLiXGDVZ+VWaT/rYf0A0hgXhw1WUeUAAAAASUVORK5CYII=);
background-repeat: no-repeat;
}
.modal-store-body-category.active {
left: 5%;
opacity: 1;
}
.modal-store-body-category.active ~ .modal-store-body-category {
left: 100%;
opacity: 0;
}
.modal-store-category-image-wrapper {
display: inline-block;
width: 50%;
text-align: center;
vertical-align: top;
}
.modal-store-category-image {
position: relative;
margin: 0 auto;
opacity: 0;
transition: opacity 1s;
}
.modal-store-category-image.show {
opacity: 1;
}
.modal-store-category-image > .modal-store-gift-animated,
.modal-store-category-image > img,
.modal-store-category-image > .lottie-animation {
display: block;
height: 100px;
width: 100px;
margin: 20px auto 4px;
cursor: pointer;
}
#modal-store-body > div > h2[data-reward="show"][data-reward-available="false"] ~ div .modal-store-category-image > img {
opacity: .4;
}
.modal-store-category-gift-name {
max-width: 100px;
margin: 14px auto 2px;
font-size: 11px;
line-height: 14px;
color: #3cafe1;
cursor: pointer;
}
.modal-store-category-gift-name:hover {
text-decoration: underline;
}
.modal-store-category-gift-price {
position: relative;
display: inline-block;
font-size: 11px;
color: #969696;
cursor: default;
}
#modal-store-window.gift {
width: 340px;
}
#modal-store-window.background {
width: 100%;
max-width: 542px;
}
#modal-store-window.gift.iframe,
#modal-store-window.sticker.iframe {
width: 440px;
}
#modal-store-window.upgrade {
width: 100%;
max-width: 640px;
}
#modal-store-chest,
#modal-store-gift,
#modal-store-upgrade,
#modal-store-success {
padding: 0 34px 40px;
text-align: center;
}
#modal-store-upgrade {
width: 100%;
max-width: 368px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#modal-store-upgrade div.congrats-description {
display: none;
}
#modal-store-upgrade[data-type="room_promotion"] div.congrats-description.room_promotion,
#modal-store-upgrade[data-type="room_video_slot"] div.congrats-description.room_video_slot {
display: block;
}
#modal-store-upgrade.no-coins > #modal-store-upgrade-text-to,
#modal-store-upgrade.no-coins > #modal-store-upgrade-input,
#modal-store-upgrade.no-coins > #modal-store-buy-messages,
#modal-store-upgrade.no-coins > #modal-store-upgrade-button,
#modal-store-upgrade > #modal-store-upgrade-price-error {
display: none;
}
#modal-store-upgrade.no-coins > #modal-store-buy-coins-button,
#modal-store-upgrade.no-coins > #modal-store-upgrade-price-error {
display: block;
}
#modal-store-gift[data-reward-category="locked"] > #modal-store-gift-more-points {
display: block;
}
#modal-store-gift[data-reward-category="locked"] > #modal-store-gift-more-points.hide,
#modal-store-gift[data-reward-category="locked"] > .modal-store-coins-have-wrapper,
#modal-store-gift[data-reward-category="locked"] > #modal-store-gift-more-points ~ * {
display: none;
}
#modal-store-iframe,
#modal-store-window.gift.iframe #modal-store-gift,
#modal-store-window.sticker.iframe > #modal-store-arrow-left,
#modal-store-window.sticker.iframe > #modal-store-arrow-right,
#modal-store-window.sticker.iframe > #modal-store-body > .modal-store-body-category,
#modal-store-window.sticker.iframe > #modal-store-body > #modal-store-stickers-form {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: .2s;
}
#modal-store-window.gift.iframe #modal-store-iframe,
#modal-store-window.sticker.iframe #modal-store-iframe {
visibility: visible;
opacity: 1;
max-height: none;
}
#modal-store-window.sticker.iframe #modal-store-iframe > iframe {
margin-bottom: -40px;
padding-top: 40px;
}
#modal-store-window.chest h2,
#modal-store-window.background h2,
#modal-store-window.gift h2,
#modal-store-window.upgrade h2 {
position: relative;
}
.modal-store-header-limited[data-remain] {
position: relative;
height: 50px;
width: 100%;
margin-top: -7px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 300;
color: #fff;
text-align: center;
}
.modal-store-header-limited[data-remain] > .modal-store-header-limited-text {
padding-bottom: 1px;
}
.modal-store-header-limited[data-remain] > .modal-store-header-limited-progress {
display: inline-block;
height: 6px;
width: 260px;
border-radius: 2px;
background-color: rgba(0, 0, 0, .1);
font-size: 0;
overflow: hidden;
text-align: left;
}
.modal-store-header-limited[data-remain] > .modal-store-header-limited-progress > hr {
display: inline-block;
height: 100%;
margin: 0;
padding: 0;
border: none;
background-color: #ffe556;
vertical-align: top;
}
.modal-store-header-limited[data-remain=""],
.modal-store-header-limited[data-remain="0"] > *,
.modal-store-header-limited[data-remain="0"] > .modal-store-header-limited-progress {
display: none;
}
.modal-store-header-limited[data-remain="0"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAdCAMAAAAD4rtXAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMAIjzuLR3xh7RqMuHS9gf6EPyZGAJy6lAUxDco3MeiZWFbSkIfDOTYqoJXvrmxppZ3y5GMhSSenNcNY/kAAAKrSURBVEjHtZbpcoJAEIQHVBDllBsEvO/bmPT7P1nYDQLRmKMq9o9xttr5ananYCEJf9FIPbV3zcUJ3uWMh/ob1EoT4DhvploUad9CR8IfZVPLJvuRK3Jok/5VLYBmz4AG2hOgl6rTUS9VpiwR9zvXzH9lecKNgyzLrlCWjXuLA7f3F6Je73LocSkVtDrTPXLNA6IlS7otIkDkThe5jBXPr/aE2zyE4FrUoNfti8BmYaFHTQtJqmFXh25Oc0gmXzSB8E3CooIq8huwl/0KmiQt4nrxwjxgRi7mDmWQ6lCFTA28Krf7Dg1Km4cmkFMqqD8rOjVpRORDIhlt3jeRZsQllObIWF7a30GbbrGUkdJtlUIFdEikQvk11BkHxDWEpUw/VyWr6Geo1rqH9rxi+7pqiK+7uF7lHUVuhVL8ELpmwRykn6AUxVRQIzpAi2pV65nAnbXmP4ROZnmIh7peQQ061h/TlTd4KaoMrT59Pyc/2H7XZNtPzAoa3rxQFLV/U8XUZ2e6/Bpq3Q5qujAqaGecBx/eF9CRlUPF2XdQK6BCdryvoCEyoiG6tMSGaAyrtn3JJ1Kw4oului3tMem467TjkHeFplDt6RYb9rR09BR9VrXi72RhHDnOViGuWG9H0x2zu3jTM2DCoKFedrp0qHGFRhZg5RgyPTC5ROBq59VnZO6auJy4A2jMdrm9Jd6pXQ5qY9cGNcxhxpKd7jxPZKpDpYWXBVRQ9w3MX1h2NnLX/IBW02+49enrohh8lHXG/D/llSQIE50qCeKUuAJx8lEpCM7VDAbS/99RwUp9wsW3zZ4AhXZ3709bZjCxHZbqgs1OU/hZcafSyDDuvlD6qjIwOifVgHrAawNqsh0NErgSfq876CY8HDUVIYDZq+Kjfx6sd3pGfr/RODZ+p3eJvJ4EMi8NpQAAAABJRU5ErkJggg==);
background-position: center top;
background-repeat: no-repeat;
}
#modal-store-gift-header-copyright,
#modal-store-background-header-copyright,
.modal-store-sticker-header-copyright {
position: relative;
height: 18px;
top: -21px;
margin-bottom: -18px;
font-size: 11px;
color: #fff;
text-align: center;
white-space: nowrap;
cursor: default;
overflow: hidden;
}
#modal-store-window.limited.copyright #modal-store-gift-header-copyright,
#modal-store-window.limited.copyright .modal-store-body-category.active > .modal-store-sticker-header-copyright {
top: -10px;
}
#modal-store-gift-header-copyright:after,
#modal-store-background-header-copyright:after,
.modal-store-sticker-header-copyright:after {
content: '';
position: absolute;
display: block;
height: 100%;
width: 20px;
top: 0;
right: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59c959+0,59c959+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(89,201,89,0) 0%, rgba(89,201,89,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(89,201,89,0) 0%,rgba(89,201,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(89,201,89,0) 0%,rgba(89,201,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059c959', endColorstr='#59c959',GradientType=1 ); /* IE6-9 */
}
#modal-store-gift-header-copyright[title=""],
#modal-store-background-header-copyright[title=""],
.modal-store-sticker-header-copyright[title=""] {
height: 0;
margin-bottom: 0;
}
.modal-store-sticker-header-copyright {
width: 80%;
left: 10%;
}
#modal-store-chest-description {
padding-top: 27px;
padding-bottom: 10px;
font-size: 14px;
font-weight: 400;
color: #808080;
}
#modal-store-chest-description > span {
display: inline-block;
width: 100%;
opacity: 1;
visibility: visible;
transition: 0s;
}
#modal-store-chest-description > span + span {
position: relative;
top: -20px;
opacity: 0;
visibility: hidden;
transition: 0s;
}
#modal-store-chest-content {
position: relative;
width: 100%;
font-size: 0;
white-space: nowrap;
}
#modal-store-chest-content:before {
content: '';
display: inline-block;
height: 100%;
min-height: 270px;
width: 0;
vertical-align: middle;
}
#modal-store-chest-image {
position: absolute;
width: 100%;
max-width: 440px;
margin: 0 auto;
top: 0;
right: 0;
left: 0;
overflow: hidden;
opacity: 1;
}
#modal-store-chest-image > video {
max-width: 100%;
}
#modal-store-chest-prizes {
position: relative;
display: inline-block;
width: 100%;
padding-bottom: 20px;
white-space: normal;
vertical-align: middle;
opacity: 0;
}
#modal-store-chest .prize-wrapper {
display: inline-block;
width: 180px;
padding: 18px 15px 0;
box-sizing: border-box;
vertical-align: top;
}
#modal-store-chest .prize-wrapper > .prize-preview {
height: 150px;
width: 150px;
padding: 22px;
border: 3px solid transparent;
border-radius: 20px;
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
overflow: hidden;
}
/*
*/
#modal-store-chest .prize-wrapper.gift > .prize-preview {
border-color: #6de070;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGw9IiM3NmRkNzUiIGQ9Ik0xMCAzNWg1MHYyNWE1IDUgMCAwIDEtNSA1SDE1YTUgNSAwIDAgMS01LTVWMzV6bTI1LTI0LjkxYzEuNTczIDAgMy4wMjUuNTE4IDQuMTk0IDEuMzk0IDMuNDg0LTUuMDYgOS4zNjYtOCAxNC40NS03LjQxIDYuNzY1Ljc4NSA4LjMwMiA2LjgwNiAzLjYgMTMuOTg0SDYzYzEuMTAyIDAgMi4wMDIuOSAyLjAwMiAyLjAxdjcuOTgyYTIuMDA3IDIuMDA3IDAgMCAxLTIuMDAyIDIuMDA4bC01NS45OS0uMDA0QTIuMDA0IDIuMDA0IDAgMCAxIDUgMjguMDV2LTcuOTgzYzAtMS4xMS44OTgtMi4wMSAyLjAwNy0yLjAxaDYuMDRDOC4zNDcgMTAuODggOS44ODUgNC44NiAxNi42NSA0LjA3NiAyMS42ODYgMy40OSAyNy41MDUgNi4zNyAzMSAxMS4zNDNhNi45NjggNi45NjggMCAwIDEgNC0xLjI1NHptLTYuOTQ1IDYuMTE4Yy0yLjE1My00LjcwMy03LjA5NS03LjYtMTAuODMtNy4xNjctMS4yMzQuMTQ1LTEuNzkyLjU4Ni0xLjkwNSAxLjI4OC0uMjEzIDEuMzM0LjcxNiAzLjY0OCAzLjEzMiA2LjY2OGwuODUgMS4wNjJoOS41NC0uNjVjLS4xMjQtLjI2LS4xOTItLjU4Ny0uMTkyLS45NyAwLS4yOTcuMDItLjU5LjA1NS0uODh6bTEzLjU2NiAxLjg1aDkuMzdsLjg1LTEuMDYyYzIuNDE3LTMuMDIgMy4zNDctNS4zMzQgMy4xMzMtNi42NjgtLjExMi0uNzAyLS42Ny0xLjE0My0xLjkwNS0xLjI4Ny0zLjgyLS40NC04LjkwMiAyLjU5OC0xMC45NzIgNy40OTJsLS4xMDMuMjQzYy4wMDUuMTA0LjAwNy4yMS4wMDcuMzE0IDAgLjM5OC4yNy45Ny0uMjA4Ljk3aC0uMTd6Ii8+Cjwvc3ZnPg==);
}
/*
*/
#modal-store-chest .prize-wrapper.sticker > .prize-preview {
border-color: #5ed4ed;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCA3MSA3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGw9IiM2NmQ0ZWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTY5LjMzMyA0My44NDhjLTMuOTA4IDE1LjE0NC0xNy42MzUgMjYuMzM4LTMzLjk5OCAyNi4zMzgtMTkuNDEgMC0zNS4xNDItMTUuNzMyLTM1LjE0Mi0zNS4xNDIgMC0xNi4zNjMgMTEuMTk0LTMwLjA5IDI2LjMzOC0zMy45OTgtLjA2Ni45My0uMSAxLjg0Ni0uMSAyLjc2IDAgMjIuMTcyIDE3Ljk3IDQwLjE0MyA0MC4xNCA0MC4xNDMuOTE2IDAgMS44MzQtLjAzNSAyLjc2My0uMXptLTIuNzYtNC45Yy0xOS40MSAwLTM1LjE0My0xNS43My0zNS4xNDMtMzUuMTQgMC0xLjI5LjA3OC0yLjU1NS4yMTUtMy44MDhMNzAuMzggMzguNzM0YTM1LjAzNyAzNS4wMzcgMCAwIDEtMy44MDguMjE1eiIvPgo8L3N2Zz4=);
}
/*
*/
#modal-store-chest .prize-wrapper.coins > .prize-preview {
border-color: #f8cb4e;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCA3MSA3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGw9IiNmZmQ0NTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTM1LjA0Mi4yMDVjLTE5LjM0NiAwLTM1IDE1LjY4Mi0zNSAzNSAwIDE5LjM0IDE1LjY1NCAzNSAzNSAzNSAxOS4zMzIgMCAzNS0xNS42NiAzNS0zNSAwLTE5LjMxOC0xNS42NjgtMzUtMzUtMzV6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00MS42NyAyOC41MzVhOCA4IDAgMSAxIDAgMTEuOTNDMzkuNDMgNDUuMjE1IDM0LjU5NyA0OC41IDI5IDQ4LjVjLTcuNzMyIDAtMTQtNi4yNjgtMTQtMTRzNi4yNjgtMTQgMTQtMTRjNS41OTggMCAxMC40MyAzLjI4NiAxMi42NyA4LjAzNXpNMjkgNDMuNDYyYTguOTYyIDguOTYyIDAgMSAwIDAtMTcuOTI0IDguOTYyIDguOTYyIDAgMCAwIDAgMTcuOTI0ek00NyAzOC41YTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOHoiLz4KPC9zdmc+);
}
#modal-store-chest .prize-wrapper > .prize-preview > .prize-preview-image {
height: 100%;
width: 100%;
background-color: #fff;
overflow: hidden;
opacity: 0;
}
#modal-store-chest .prize-wrapper > .prize-preview > .prize-preview-image.fail {
display: none;
}
#modal-store-chest .prize-wrapper > .prize-preview > .prize-preview-image > img {
height: 100%;
}
#modal-store-chest .prize-wrapper > .prize-text {
display: block;
max-height: 32px;
width: 100%;
margin-top: 10px;
padding: 0 10px;
box-sizing: border-box;
font-size: 13px;
color: #646464;
line-height: 16px;
overflow: hidden;
}
#modal-store-chest-show-another {
position: absolute;
height: 190px;
width: 100%;
left: 0;
bottom: 0;
padding-top: 72px;
box-sizing: border-box;
font-size: 17px;
color: #808080;
line-height: 23px;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition: .2s;
}
#modal-store-chest-show-another > span {
color: #3cafff;
cursor: pointer;
}
#modal-store-chest.show > #modal-store-chest-description > span {
opacity: 0;
visibility: hidden;
transition: .5s ease 0.5s;
}
#modal-store-chest.show > #modal-store-chest-description > span + span {
opacity: 1;
visibility: visible;
transition: .5s ease 0.5s;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-image {
opacity: 0;
transition: .5s ease 0.5s;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes {
opacity: 1;
transition: .5s ease 0s;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div {
animation: show_prizes_1 10s ease 0s 1;
-webkit-animation: show_prizes_1 10s ease 0s 1;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(2) {
animation-name: show_prizes_2;
-webkit-animation-name: show_prizes_2;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(3) {
animation-name: show_prizes_3;
-webkit-animation-name: show_prizes_3;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(4) {
animation-name: show_prizes_4;
-webkit-animation-name: show_prizes_4;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(5) {
animation-name: show_prizes_5;
-webkit-animation-name: show_prizes_5;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(6) {
animation-name: show_prizes_6;
-webkit-animation-name: show_prizes_6;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(7) {
animation-name: show_prizes_7;
-webkit-animation-name: show_prizes_7;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(8),
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > div:nth-child(8) ~ div {
animation-name: show_prizes_8;
-webkit-animation-name: show_prizes_8;
}
@keyframes show_prizes_1 {
0% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
5%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_2 {
0%, 5% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
10%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_3 {
0%, 10% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
15%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_4 {
0%, 15% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
20%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_5 {
0%, 20% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
25%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_6 {
0%, 25% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
30%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_7 {
0%, 30% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
35%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes show_prizes_8 {
0%, 35% {
opacity: 0;
transform: scale(.1);
-webkit-transform: scale(.1);
}
40%, 100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
#modal-store-chest .prize-wrapper > .prize-preview > .prize-preview-image {
transition: .5s ease 1s;
}
#modal-store-chest .prize-wrapper:nth-child(2) > .prize-preview > .prize-preview-image {
transition: .5s ease 1.5s;
}
#modal-store-chest .prize-wrapper:nth-child(3) > .prize-preview > .prize-preview-image {
transition: .5s ease 2s;
}
#modal-store-chest .prize-wrapper:nth-child(4) > .prize-preview > .prize-preview-image {
transition: .5s ease 2.5s;
}
#modal-store-chest .prize-wrapper:nth-child(5) > .prize-preview > .prize-preview-image {
transition: .5s ease 3s;
}
#modal-store-chest .prize-wrapper:nth-child(6) > .prize-preview > .prize-preview-image {
transition: .5s ease 3.5s;
}
#modal-store-chest .prize-wrapper:nth-child(7) > .prize-preview > .prize-preview-image {
transition: .5s ease 4s;
}
#modal-store-chest .prize-wrapper:nth-child(8) > .prize-preview > .prize-preview-image,
#modal-store-chest .prize-wrapper:nth-child(8) ~ .prize-wrapper > .prize-preview > .prize-preview-image {
transition: .5s ease 4.5s;
}
#modal-store-chest.show > #modal-store-chest-content > #modal-store-chest-prizes > .prize-wrapper > .prize-preview > .prize-preview-image {
opacity: 1;
}
#modal-store-chest.show > #modal-store-chest-show-another {
opacity: 1;
visibility: visible;
transition: .5s ease 2s;
}
#modal-store-background.bought > #modal-store-background-bought,
#modal-store-background-isset {
height: 17px;
margin: -9px auto 29px;
font-weight: 400;
font-size: 12px;
color: #808080;
text-align: center;
}
#modal-store-background-status {
padding-top: 15px;
font-weight: 400;
font-size: 12px;
color: #808080;
text-align: center;
}
#modal-store-chest-price,
#modal-store-gift-price,
#modal-store-background-price,
.modal-store-sticker-price,
.modal-store-coins-have-wrapper,
#modal-store-sticker-price-error-text,
#modal-store-upgrade-price-error,
#modal-store-sticker-bought,
#modal-store-upgrade-price {
font-size: 13px;
font-weight: 400;
color: #808080;
text-align: center;
transition: padding-top .2s;
padding-top: 11px;
padding-bottom: 6px;
}
#modal-store-background-price {
padding-bottom: 0;
}
.modal-store-coins-have-wrapper {
padding-top: 10px;
}
#modal-store-window.copyright #modal-store-gift-price,
#modal-store-window.copyright .modal-store-sticker-price {
padding-top: 25px;
}
#modal-store-window.chest .modal-store-coins-have-wrapper {
padding-top: 5px;
}
#modal-store-window.sticker .modal-store-coins-have-wrapper {
margin: 2px auto 10px;
padding: 0;
}
#modal-store-gift-price + .modal-store-coins-have-wrapper,
#modal-store-upgrade-price + .modal-store-coins-have-wrapper {
padding-top: 4px;
}
#modal-store-background-message {
padding-top: 22px;
font-size: 14px;
color: #808080;
text-align: center;
}
#modal-store-background-message > strong {
display: block;
padding-bottom: 3px;
font-size: 19px;
}
#modal-store-background-image,
#modal-store-background-image-wrapper {
width: 100%;
padding: 34px 38px 38px;
box-sizing: border-box;
}
#modal-store-background-image-wrapper {
position: relative;
margin: 51px 0 54px;
padding: 0 50px;
}
#modal-store-background-image-wrapper > #modal-store-background-image {
padding: 6px;
border: 1px solid rgba(229, 229, 229, 1);
box-sizing: border-box;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
animation: background_image .5s ease 0s 1;
-webkit-animation: background_image .5s ease 0s 1;
}
@keyframes background_image {
0% {
border: 1px solid rgba(229, 229, 229, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
}
100% {
border: 1px solid rgba(229, 229, 229, 1);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
}
}
@-webkit-keyframes background_image {
0% {
border: 1px solid rgba(229, 229, 229, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
}
100% {
border: 1px solid rgba(229, 229, 229, 1);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
}
}
#modal-store-background-apply {
position: absolute;
display: block;
height: 62px;
width: 62px;
top: -25px;
left: 50%;
margin-left: -31px;
border-radius: 100%;
background-color: #fff;
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
animation: background_apply .8s ease 0s 1;
-webkit-animation: background_apply .8s ease 0s 1;
}
@keyframes background_apply {
0% {
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
}
20% {
opacity: 1;
}
40%, 100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes background_apply {
0% {
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
}
20% {
opacity: 1;
}
40%, 100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
#modal-store-background-apply:before {
content: '';
position: absolute;
display: block;
top: 3px;
bottom: 3px;
left: 3px;
right: 3px;
border-radius: 100%;
background-color: #4ccc52;
}
#modal-store-background-apply:after {
content: '';
position: absolute;
display: block;
height: 13px;
width: 24px;
top: 31px;
left: 18px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: #fff;
box-sizing: border-box;
opacity: 1;
transform-origin: 0 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
animation: background_apply_check .8s ease 0s 1;
-webkit-animation: background_apply_check .8s ease 0s 1;
}
@keyframes background_apply_check {
0%, 40% {
height: 0;
width: 0;
opacity: 0;
}
50% {
opacity: 1;
}
70% {
height: 13px;
width: 0;
}
100% {
height: 13px;
width: 24px;
}
}
@-webkit-keyframes background_apply_check {
0%, 40% {
height: 0;
width: 0;
opacity: 0;
}
50% {
opacity: 1;
}
70% {
height: 13px;
width: 0;
}
100% {
height: 13px;
width: 24px;
}
}
#modal-store-background-image > img {
height: 100%;
max-width: 100%;
}
#modal-store-background.bought > #modal-store-background-bought:before,
#modal-store-sticker-bought:before {
content: '';
position: relative;
display: inline-block;
height: 16px;
width: 16px;
top: 3px;
margin-right: 5px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEUAAAA60To70js70js70Ds70Ts10DUrqis60To70jv///85zTld2l08wDw3yTfj9+PE7cS15rVU11RI1Eg3wTfz+vPx+/Ha8drX9NfS79Ke3J6Z5Zl53nlxzXFq3GpnyGdQxFB4JkY1AAAACXRSTlMA/vPVlI8rBr3IztYKAAAAhUlEQVQY02WPVw6EQAxDp4MzdNhe73/KTbKAkOZ9RLIjpxghRe+cj8n8qYKFYkOlusZOLU7AgcB5u4nmzalk4qbnnhogGi+9ictAYwa8ccB07mc86NJy2omRR7o+6fTNYEMidhmI6NWB8To0tze6d7ou8lp1Potqm9bDMveFUJxePle8/wNCuAgOxyLFxwAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
}
#modal-store-stickers-form.bought-sticker-pass > #modal-store-sticker-bought:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgPGNpcmNsZSBmaWxsPSIjZmZiZjAwIiBjeD0iOCIgY3k9IjgiIHI9IjgiLz4NCiAgICA8cGF0aCBkPSJNNy42MjEgMTAuNzI3YS45MjYuOTI2IDAgMCAxLTEuMzEzIDBMNC4yNzIgOC42NzlhLjk0Ljk0IDAgMCAxIDAtMS4zMjIuOTI1LjkyNSAwIDAgMSAxLjMxMyAwbDEuMjEzIDEuMjJjLjA5Mi4wOTIuMjQuMDkyLjMzMiAwbDMuMjg0LTMuMzA0YS45MjYuOTI2IDAgMCAxIDEuMzEzIDAgLjkzOS45MzkgMCAwIDEgMCAxLjMyMmwtNC4xMDYgNC4xMzJ6IiBmaWxsPSIjRkZGIi8+DQogIDwvZz4NCjwvc3ZnPg==);
}
.modal-store-coins-have {
display: inline-block;
padding: 4px 14px;
border-radius: 10px;
background-color: #e7e9ed;
line-height: 13px;
font-weight: 400;
color:#808080;
}
#modal-store-gift-expire {
padding-top: 5px;
font-size: 11px;
color: #b1b1b1;
}
#modal-store-gift-buttons + #modal-store-gift-expire {
padding-top: 11px;
margin-bottom: -15px;
}
#modal-store-gift-image {
position: relative;
display: inline-block;
height: 100px;
width: 100px;
margin: 13px 0 10px;
}
#modal-store-gift-image.hd {
height: 300px;
width: 300px;
left: -14px;
}
#modal-store-gift-image > .modal-store-gift-animated,
#modal-store-gift-image > img {
height: 100%;
}
.modal-store-gift-animated {
overflow: hidden;
}
.modal-store-gift-animated > img {
position: relative;
height: 100%;
left: 0;
}
#modal-store-gift-text-to,
#modal-store-sticker-text-to,
#modal-store-upgrade-text-to {
padding-top: 11px;
padding-bottom: 4px;
font-size: 13px;
color: #636363;
}
#modal-store-upgrade.bought > #modal-store-upgrade-text-to {
display: none;
}
#modal-store-gift-input,
#modal-store-sticker-input,
#modal-store-upgrade-input {
width: 100%;
padding: 8px;
box-sizing: border-box;
border: 1px solid #aeaeae;
border-radius: 2px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing: .02em;
transition: border-color .2s,
background-color .2s;
}
#modal-store-gift-input.error,
#modal-store-sticker-input.error,
#modal-store-upgrade-input.error {
border-color: #ff9797;
background-color: #ffecec;
}
#modal-store-upgrade.bought > #modal-store-upgrade-input {
display: none;
}
#modal-store-buy-messages {
position: relative;
height: 22px;
font-size: 11px;
}
#modal-store-upgrade.bought > #modal-store-buy-messages {
display: none;
}
#modal-store-buy-messages > div {
position: absolute;
display: inline-block;
top: 6px;
left: 0;
right: 0;
transition: opacity .2s;
}
#modal-store-buy-messages-nickname,
#modal-store-buy-messages-roomname {
color: #57b5fe;
cursor: pointer;
}
#modal-store-buy-messages-nickname:hover,
#modal-store-buy-messages-roomname:hover {
text-decoration: underline;
}
#modal-store-buy-messages-error {
color: #f36161;
}
#modal-store-buy-messages-nickname,
#modal-store-buy-messages-roomname,
#modal-store-gift-input.error + div > #modal-store-buy-messages-error,
#modal-store-sticker-input.error + div > #modal-store-buy-messages-error,
#modal-store-upgrade-input.error + div > #modal-store-buy-messages-error {
opacity: 1;
z-index: 1;
}
#modal-store-gift-input.error + div > #modal-store-buy-messages-nickname,
#modal-store-sticker-input.error + div > #modal-store-buy-messages-nickname,
#modal-store-upgrade-input.error + div > #modal-store-buy-messages-roomname,
#modal-store-buy-messages.hide-nickname > #modal-store-buy-messages-nickname,
#modal-store-buy-messages-error {
opacity: 0;
}
#modal-store-buy-messages.hide-nickname > #modal-store-buy-messages-nickname {
cursor: default;
}
#modal-store-gift-text-comment {
padding-top: 15px;
padding-bottom: 3px;
font-size: 13px;
color: #636363;
}
#modal-store-gift-textarea {
min-height: 125px;
width: 100%;
padding: 8px;
box-sizing: border-box;
border: 1px solid #aeaeae;
border-radius: 2px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
resize: none;
letter-spacing: -.02em;
}
#modal-store-gift #modal-store-gift-anonymous {
display: none;
}
#modal-store-gift-anonymous-label {
position: relative;
display: inline-block;
padding-top: 14px;
font-size: 13px;
color: #636363;
cursor: pointer;
}
#modal-store-gift-anonymous-label:before {
content: '';
position: relative;
display: inline-block;
height: 12px;
width: 12px;
margin-bottom: -2px;
margin-right: 10px;
border: 1px solid #636363;
background-repeat: no-repeat;
border-radius: 2px;
cursor: pointer;
transition: background-image .2s,
background-color .2s,
border-color .2s;
}
#modal-store-gift-anonymous:checked + #modal-store-gift-anonymous-label:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAATlBMVEUAAAAAAADQ0ND////////////+/v78/Pz+/v739/ft7e3////////////y8vLl5eWvr6////////+IiIj///9TU1MYGBgAAAAAAAD///9tXM8wAAAAGXRSTlMAGJKKCwH28+TiycXCp5mKbWBaTzY0IA8IPlJUaQAAAD5JREFUCNdjIAhYeQURHGZJPoggCwODkCSXGESQm0WEjVMUooJfkoeDXRiqnJFJUlJAggHOYxJHGMXISMhmAI2gAb3pXvsNAAAAAElFTkSuQmCC);
background-color: #59c959;
border-color: #59c959;
}
#modal-store-chest-button,
#modal-store-chest-button.no-coins + #modal-store-buy-coins-button,
#modal-store-background-button,
#modal-store-gift-more-points,
#modal-store-gift-button,
#modal-store-sticker-button,
#modal-store-buy-coins-button,
#modal-store-status-gift-button,
#modal-store-upgrade-button,
#modal-store-upgrade-button.no-coins + #modal-store-buy-coins-button,
#modal-store-success-button,
#modal-store-gift-buttons > div {
display: block;
margin-top: 29px;
padding: 7px;
font-size: 20px;
color: #fff;
border-radius: 3px;
line-height: 44px;
cursor: pointer;
background-color: #40bd5e;
transition: background-color .2s;
}
#modal-store-gift-more-points {
display: none;
margin-top: 10px;
}
#modal-store-chest-button,
#modal-store-chest-button.no-coins + #modal-store-buy-coins-button,
#modal-store-upgrade-button.no-coins + #modal-store-buy-coins-button {
max-width: 320px;
box-sizing: border-box;
margin: 50px auto 0;
}
#modal-store-background-button {
max-width: 320px;
margin: 0 auto;
text-align: center;
}
#modal-store-chest-button.no-coins,
#modal-store-upgrade-button.no-coins {
display: none;
}
#modal-store-chest-button > span,
#modal-store-background-button > span,
#modal-store-gift-more-points > span,
#modal-store-gift-button > span,
#modal-store-upgrade-button > span,
#modal-store-success-button > span {
display: inline-block;
width: 100%;
line-height: 24px;
vertical-align: middle;
}
#modal-store-success-button > span {
line-height: 52px;
}
#modal-store-sticker-button {
margin-top: 18px;
}
#modal-store-gift-buttons > div {
padding: 7px 0;
border: 1px solid #cedbea;
background-color: #edf5fa;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
}
#modal-store-chest-button:hover,
#modal-store-background-button:hover,
#modal-store-gift-more-points:hover,
#modal-store-gift-button:hover,
#modal-store-sticker-button:hover,
#modal-store-upgrade-button:hover,
#modal-store-buy-coins-button:hover,
#modal-store-status-gift-button:hover,
#modal-store-success-button:hover {
background-color: #38a652;
}
#modal-store-gift-buttons > div:hover {
background-color: #d9f0ff;
}
#modal-store-chest-button:active,
#modal-store-background-button:active,
#modal-store-gift-more-points:active,
#modal-store-gift-button:active,
#modal-store-sticker-button:active,
#modal-store-upgrade-button:active,
#modal-store-buy-coins-button:active,
#modal-store-status-gift-button:active,
#modal-store-success-button:active {
background-color: #2a8c41;
}
#modal-store-gift-buttons > div:active {
background-color: #b3e0ff;
}
#modal-store-chest-button.disabled,
#modal-store-background-button.disabled,
#modal-store-gift-button.disabled,
#modal-store-sticker-button.disabled,
#modal-store-upgrade-button.disabled,
#modal-store-buy-coins-button.disabled,
#modal-store-status-gift-button.disabled,
#modal-store-success-button.disabled,
#modal-store-gift-buttons > div.disabled {
border-color: #ccc;
background-color: #ccc;
color: #9b9b9b;
cursor: default;
}
#modal-store-gift-buttons > div + div > img {
vertical-align: middle;
}
#modal-store-stickers-form {
position: absolute;
width: 300px;
left: 50%;
bottom: 0;
margin-left: -150px;
padding-bottom: 40px;
box-sizing: border-box;
text-align: center;
}
#modal-store-stickers-form.fixed {
position: fixed;
width: 320px;
left: 0;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #e6e6e6;
background-color: #fff;
box-shadow: 0 -20px 15px -20px #fff;
}
#modal-store-sticker-price-error-text,
#modal-store-buy-coins-button,
#modal-store-sticker-bought,
#modal-store-stickers-form.bought > #modal-store-sticker-text-to,#buy-header-price-wrapper
#modal-store-stickers-form.bought > #modal-store-sticker-input,
#modal-store-stickers-form.bought > #modal-store-buy-messages,
#modal-store-stickers-form.bought > #modal-store-sticker-button,
#modal-store-stickers-form.buy-coins > *,
#modal-store-stickers-form.bought.buy-coins > #modal-store-buy-coins-button,
#modal-store-stickers-form.bought.buy-coins > #modal-store-sticker-text-to,
#modal-store-stickers-form.bought.buy-coins > #modal-store-sticker-input,
#modal-store-stickers-form.bought.buy-coins > #modal-store-buy-messages,
#modal-store-stickers-form.bought.buy-coins > #modal-store-sticker-button,
#modal-store-gift-buttons,
#modal-store-gift.currency > #modal-store-gift-button,
#modal-store-gift.inactive > #modal-store-gift-image ~ *,
.modal-store-body-category.active.inactive ~ #modal-store-stickers-form {
display: none;
}
#modal-store-stickers-form.buy-coins > #modal-store-buy-coins-button,
#modal-store-stickers-form.buy-coins > #modal-store-sticker-price-error-text,
#modal-store-stickers-form.bought > #modal-store-sticker-bought,
#modal-store-stickers-form.bought > #modal-store-sticker-text-to,
#modal-store-stickers-form.bought > #modal-store-sticker-input,
#modal-store-stickers-form.bought > #modal-store-buy-messages,
#modal-store-stickers-form.bought > #modal-store-sticker-button,
#modal-store-gift > #modal-store-buy-coins-button,
#modal-store-stickers-form.bought.buy-coins > #modal-store-sticker-price-error-text,
#modal-store-stickers-form.bought.buy-coins > #modal-store-buy-coins-button,
#modal-store-gift.currency > #modal-store-gift-buttons {
display: block;
}
#modal-store-gift-price + #modal-store-buy-coins-button {
margin-top: 10px;
}
#modal-store-google-recaptcha {
display: none;
}
#modal-store-google-recaptcha.show {
display: block;
padding-top: 15px;
}
#modal-store-google-recaptcha.show > div {
position: relative;
left: -15px;
transform: scale(.9);
-webkit-transform: scale(.9);
}
#modal-store-google-recaptcha.show ~ #modal-store-gift-button {
margin-top: 10px;
}
#modal-store-upgrade-image {
position: relative;
min-height: 230px;
margin: 34px 0 15px;
padding: 40px 30px;
box-sizing: border-box;
border-radius: 5px;
line-height: 170px;
}
#modal-store-upgrade.bought > #modal-store-upgrade-image {
margin-top: 84px;
}
#modal-store-upgrade.bought > #modal-store-upgrade-image:before {
content: '';
position: absolute;
display: block;
height: 62px;
width: 62px;
top: -31px;
left: 50%;
margin-left: -31px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAAbFBMVEUAAAD///////////////////////////////////////////////////////////9MzFL///+l5aim5qn0/PXp+epi0mdX0Fxi02jS8tTH78m87L6b456P35KE3Ih52X1u1nJj02iw6LOw6bPjzdI5AAAAEHRSTlMA319Az48gEO+/f6+fcFBPCt3mtgAAAkFJREFUSMell1uWqjAQRQkCAdS2jshDlEfb85/jTcLqm4UJMaH3nx/bOlUSqUQb8K/0lDAIWHEsv7IogEOZ4I0k9fwGHhewksQe9jmH5HZ/DXNDgmYaX3coWPwpNlNuP7W0oh0fyxccXLlTJV+Fa9IMNQQp37IzpmUr11oGyDaCy677hhw0soXc2kAsSz/pA88bgNhu1zN9pKlt/kHaIrin/5Y/yxfb189X8+Nssf19xiNNKqbWkDezmF+6bvxJATxX7TPgQUH0ANO/mWw8iEbEP+viVwrkCuT8f3EKpb39PjwJMBDtKF9IOwPQ0I7yy/BTPfbQ4ZdL9pF8qKrVxwlIluytlw1U7+l59AXc/ez3n/cOXKISeO2y6SUf/KNofZdNA3CKCmDaZdMsZ8eAZpdNjTw2AMJsDQCLXlUu29TN39e0vfUrhO+2ta5HZ/qmbY4uAWay+26bJnlkT/q0G77TphE4yvP6Iqtv2sZDW+ojY/qmbR4ZDtxau++2WwCZ+ruYyOa7bRrV34U8sT3ZfLdNj+VFdbCnF77T/lbZBYUsE8ygsgtiVT6U+vc1wfMd5Sv9jjyL8l2Y/b0UX2D24bvHzv64HqyXkzkgul5O9GrUhTTOuLGYdf52nlnWws7P1o1rYk9/lnb855XYvpA/OmfwXi3kjutAXW3KbSVLs8x9GamHbltGyj9ehfAY2zd36m/6KuQgZlDcf8ZJpejm4eeuXOTn6DNxAitFzCMvstS8hJaHKIDsUh6L5QqcnNLLVt1/al7DejVAF94AAAAASUVORK5CYII);
background-repeat: no-repeat;
background-position: center;
}
#modal-store-upgrade-image > div {
display: inline-block;
max-width: 200px;
line-height: 22px;
vertical-align: middle;
}
#modal-store-upgrade-image > div > img {
margin-bottom: 24px;
}
#modal-store-upgrade-image > div > div {
font-weight: 400;
font-size: 16px;
color: #363636;
line-height: 22px;
}
#modal-store-upgrade-bought,
#modal-store-upgrade.bought > #modal-store-upgrade-button,
#modal-store-upgrade > #modal-store-success-button,
#modal-store-upgrade.bought > #modal-store-upgrade-price,
#modal-store-upgrade.bought > .modal-store-coins-have-wrapper {
display: none;
}
#modal-store-upgrade.bought > #modal-store-success-button,
#modal-store-upgrade.bought > #modal-store-upgrade-bought {
display: block;
}
#modal-store-upgrade-bought {
margin-top: 20px;
font-weight: 300;
color: #808080;
}
#modal-store-upgrade-bought > h3 {
font-size: 19px;
line-height: 26px;
}
#modal-store-upgrade-bought > div {
padding-top: 3px;
font-size: 14px;
line-height: 19px;
}
#modal-store-buy-messages-roomname.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* Begin Button popup Error */
#modal-input-store-error-popup {
display: none;
}
#modal-store-error-popup {
position: absolute;
min-height: 64px;
width: 272px;
bottom: 50px;
left: 0;
right: 0;
margin: 0 auto;
border: 1px solid #d4d4d4;
box-sizing: border-box;
background-color: #fbf1ac;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAXVBMVEUAAAD/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/sSr/////2pv/w1z/1o7/yWr/36f/zHH/x2X/vk7/tzj/tDH/6sX/1Y3/0H/+KMQxAAAAEHRSTlMA79m5lXBLKxMF3tzGtDob+pARzAAAAKlJREFUKM+10ckSgjAQhOEACfvSiMqmvv9jWiminYIJN/7LHPr01Si/rkbdqVAJgCQ0prCl8ljEsMWFuBpsGWnMI7dGubBq/NLHMQOA4TPbk4kaPPsRVO01t/5Bla/hShU1XKmihitV1Lh1oooa170f4MqoEdaEGmFFSs1+pcrg37qAGac5RJUGm14zmPY02xfe9lDVwGsZV3g1Cmep6mSsVFsGx7JVl/UFquscmmijyOcAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 17px 18px;
box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15);
font-size: 13px;
color: #797979;
cursor: default;
opacity: 0;
visibility: hidden;
transition: .2s;
}
#modal-store-chest > #modal-store-error-popup {
width: 320px;
left: 0;
right: 0;
margin: 0 auto;
}
#modal-store-stickers-form > #modal-store-error-popup {
width: 300px;
}
#modal-input-store-error-popup:checked + #modal-store-error-popup {
bottom: 110px;
opacity: 1;
z-index: 1;
visibility: visible;
transition: .2s;
}
#modal-store-background-bought ~ #modal-store-error-popup {
margin-bottom: -12px;
}
#modal-store-chest > #modal-store-error-popup {
margin-bottom: -8px;
}
#modal-store-error-popup:before,
#modal-store-error-popup:after {
content: '';
position: absolute;
display: block;
height: 0;
width: 0;
bottom: -6px;
left: 26px;
border-width: 6px 6px 0;
border-style: solid;
border-color: #fbf1ac transparent transparent;
}
#modal-store-error-popup:before {
bottom: -7px;
border-top-color: #d4d4d4;
}
#modal-store-error-popup > label {
position: absolute;
display: block;
height: 14px;
width: 14px;
top: 3px;
right: 3px;
background-color: transparent;
overflow: hidden;
cursor: pointer;
transition: background-color .2s;
}
#modal-store-error-popup > label:before {
content: '+';
position: absolute;
display: block;
height: 0;
width: 0;
top: -4px;
left: 12px;
font-size: 18px;
color: #726e58;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: color .2s;
}
#modal-store-error-popup > label:hover:before,
#modal-store-error-popup > label:active:before {
color: #000;
}
#modal-store-error-popup-message {
display: inline-block;
height: 100%;
width: 100%;
padding: 15px 20px 15px 57px;
box-sizing: border-box;
font-size: 13px;
text-align: left;
}
#modal-store-error-popup-message > a {
color: #3cafff;
}
/* End Button popup Error */
/* Begin Button popup Success */
#modal-store-success-text {
padding: 11px 0 20px;
font-size: 14px;
color: #797979;
text-align: center;
line-height: 18px;
}
#modal-store-success-text > strong {
display: inline-block;
max-width: 100%;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
vertical-align: bottom;
}
#modal-store-success-letter {
position: relative;
padding-top: 50px;
}
#modal-store-success-letter:before {
content: '';
position: absolute;
display: block;
height: 100%;
width: 272px;
bottom: 0;
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
background-position: center bottom;
}
#modal-store-success-letter-paper {
position: relative;
width: 272px;
text-align: center;
vertical-align: bottom;
}
#modal-store-success-letter-paper:after {
content: '';
position: absolute;
display: block;
height: 163px;
width: 100%;
left: 0;
bottom: 0;
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
}
#modal-store-success-letter-paper-message {
position: relative;
display: inline-block;
width: 246px;
background-color: #f7f4d2;
}
#modal-store-success-letter-paper-message:before {
content: '';
position: absolute;
display: block;
height: 140px;
width: 140px;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 100%;
background-color: #fff;
}
#modal-store-success-letter-paper-message > span {
display: inline-block;
max-width: 246px;
padding: 15px 15px 20px;
box-sizing: border-box;
font-size: 13px;
color: #95866a;
word-wrap: break-word;
text-decoration: underline;
text-decoration-color: #efe0af;
}
#modal-store-success-image {
position: relative;
display: block;
height: 100px;
width: 100px;
margin: 38px auto 45px;
overflow: hidden;
}
#modal-store-success-image > img,
#modal-store-success-image > .modal-store-gift-animated > img {
position: relative;
height: 100px;
}
#modal-store-success-bonus {
position: relative;
opacity: 1;
visibility: visible;
transition: .2s;
}
#modal-store-success-bonus-circle {
position: absolute;
height: 62px;
width: 62px;
top: -31px;
left: 50%;
margin-left: -31px;
padding: 5px;
box-sizing: border-box;
border-radius: 100%;
background-color: #fff;
opacity: 1;
}
#modal-store-success-bonus-circle > svg {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#modal-store-success-bonus.complete-100 > #modal-store-success-bonus-circle {
opacity: 0;
transition: opacity .2s ease 1s;
}
#modal-store-success-bonus-circle-border {
stroke-width: 2px;
stroke: #dadada;
stroke-linecap: round;
}
#modal-store-success-bonus-circle-dash {
fill: #fff;
stroke-width: 2px;
stroke-linecap: round;
transition: stroke-dasharray 1s;
}
#modal-store-success-bonus-star {
position: absolute;
top: -27px;
left: 50%;
margin-left: -28px;
transform: scale(.5);
-webkit-transform: scale(.5);
}
#modal-store-success-bonus.complete-100 > #modal-store-success-bonus-star {
transform: scale(1);
-webkit-transform: scale(1);
transition: transform .2s ease 1s;
}
.modal-store-success-bonus-symbol {
position: absolute;
display: none;
top: -10px;
left: 50%;
margin-left: -7px;
transform: scale(.5) rotate(0deg);
-webkit-transform: scale(.5) rotate(0deg);
}
.modal-store-success-bonus-symbol.gold {
margin-left: -9px;
}
#modal-store-success-bonus.extreme > .modal-store-success-bonus-symbol.extreme,
#modal-store-success-bonus.gold > .modal-store-success-bonus-symbol.gold {
display: inline-block;
}
#modal-store-success-bonus.complete-100 > .modal-store-success-bonus-symbol {
transform: scale(1) rotate(-380deg);
-webkit-transform: scale(1) rotate(-380deg);
transition: transform .5s ease 1s;
}
#modal-store-success-bonus > h3 {
padding: 44px 0 9px;
font-size: 18px;
font-weight: 600;
}
#modal-store-success-bonus > span {
font-size: 14px;
font-weight: 400;
color: #737373;
}
#modal-store-success-bonus.extreme #modal-store-success-bonus-circle-dash {
stroke: #ca5ed6;
}
#modal-store-success-bonus.extreme > #modal-store-success-bonus-star > path {
fill: #ca5ed6;
}
#modal-store-success-bonus.extreme > h3 {
color: #b324c3;
}
#modal-store-success-bonus.gold #modal-store-success-bonus-circle-dash {
stroke: #ffc100;
}
#modal-store-success-bonus.gold > #modal-store-success-bonus-star > path {
fill: #ffc100;
}
#modal-store-success-bonus.gold > h3 {
color: #f5a623;
}
#modal-store-success-bonus.inactive {
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
#modal-store-success-bonus + #modal-store-success-button > span:not(:only-child):last-child {
display: none;
}
/* End Button popup Success */
/* Begin Button popup Waiting */
#modal-store-waiting {
text-align: center;
min-height: 343px;
}
#modal-store-waiting > img {
margin: 40px 0 50px;
}
/* End Button popup Waiting */
/* Begin Button popup About */
#modal-store-window.about {
width: 570px;
}
#modal-store-window.chest {
max-width: 620px;
}
#modal-store-about > h1 {
position: absolute;
left: 41px;
right: 41px;
top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 41px;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
overflow: hidden;
cursor: default;
}
/* End Button popup About */
#modal-store-gift-buttons .hidden {
display: none;
}
@media screen and (min-width: 690px) {
#modal-store-window,
#modal-store-window.sticker #modal-store-stickers-form.fixed {
width: 510px;
}
#modal-store-chest-content:before {
min-height: 440px;
}
#modal-store-window.sticker #modal-store-stickers-form.fixed {
padding-left: 105px;
padding-right: 105px;
}
.modal-store-category-image-wrapper {
width: 33.33%;
}
#modal-store-arrow-right {
margin-left: 510px;
}
}
@media screen and (min-width: 860px) {
#modal-store-window,
#modal-store-window.sticker #modal-store-stickers-form.fixed {
width: 680px;
}
#modal-store-window.sticker #modal-store-stickers-form.fixed {
padding-left: 190px;
padding-right: 190px;
}
.modal-store-category-image-wrapper {
width: 25%;
}
#modal-store-arrow-right {
margin-left: 680px;
}
}
@media screen and (min-width: 1030px) {
#modal-store-window,
#modal-store-window.sticker #modal-store-stickers-form.fixed {
width: 850px;
}
#modal-store-window.sticker #modal-store-stickers-form.fixed {
padding-left: 275px;
padding-right: 275px;
}
.modal-store-category-image-wrapper {
width: 20%;
}
#modal-store-arrow-right {
margin-left: 850px;
}
}
@media screen and (min-width: 1200px) {
#modal-store-window,
#modal-store-window.sticker #modal-store-stickers-form.fixed {
width: 1020px;
}
#modal-store-window.sticker #modal-store-stickers-form.fixed {
padding-left: 360px;
padding-right: 360px;
}
.modal-store-category-image-wrapper {
width: 16.66%;
}
#modal-store-arrow-right {
margin-left: 1020px;
}
}