#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; } }