@font-face{font-family:'Roboto';font-style:normal;font-weight:200 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:200 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--background-color:#faf8ef;--text-color:#222}
[data-theme="dark"]{--background-color:#222;--text-color:#faf8ef}
body{background:#faf8ef;color:#222}
.navbar,.game-container,.score-container,.best-container{background-color:#e9c500;color:#fff}
[data-theme="dark"] body{background:#222;color:#faf8ef;--background-color:#222;--text-color:#faf8ef}
[data-theme="dark"] .navbar,[data-theme="dark"] .game-container,[data-theme="dark"] .score-container,[data-theme="dark"] .best-container{background-color:#333;color:#e9c500}
#theme-toggle{position:absolute;top:50%;right:5px;transform:translateY(-50%);background-color:var(--text-color);color:var(--background-color);border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,color .3s ease;z-index:1000}
.navbar{position:relative}
.navbar .container-fluid{position:relative}
#theme-toggle:before{content:'🌙';font-size:20px}
[data-theme="dark"] #theme-toggle:before{content:'🌞'}
[data-theme="dark"] .theme-toggle{background-color:#333;color:#faf8ef}
[data-theme="dark"] body{margin:0}
[data-theme="dark"] .setting-title.toggle{color:#f0f0f0}
[data-theme="dark"] .setting-desc{color:#e1d8d8}
[data-theme="dark"] a{color:#d7c9c2}
html,body{margin:0;padding:0;background:#faf8ef;color:#222;font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:16px}
body{margin:2px 0}
.heading:after{content:"";display:block;clear:both}
h1.title{font-size:25px;font-weight:700;margin:0;margin-bottom:20px;display:block;text-align:center}
@-webkit-keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
@-moz-keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
@keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
.scores-container{display:flex}
.score-container,.best-container{position:relative;display:inline-block;background:#795548;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;text-align:center}
.best-container{margin-left:10px}
.score-container:after,.best-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}
.score-container .score-addition,.best-container .score-addition{position:absolute;right:30px;color:red;font-size:25px;line-height:25px;font-weight:700;color:rgba(119,110,101,0.9);z-index:100;-webkit-animation:move-up 600ms ease-in;-moz-animation:move-up 600ms ease-in;animation:move-up 600ms ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.score-container:after{content:"Score"}
.best-container:after{content:"Best"}
p{margin-top:0;margin-bottom:10px;line-height:1.65}
a{color:#2f2d2c;font-weight:700;text-decoration:underline;cursor:pointer}
strong.important{text-transform:uppercase}
hr{border:none;border-bottom:1px solid #d8d4d0;margin-top:20px;margin-bottom:30px}
.container{width:500px;margin:0 auto}
@-webkit-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
.game-container{margin-top:15px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none;background:#f67098;border-radius:6px;width:500px;height:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,0.5);z-index:100;text-align:center;-webkit-animation:fade-in 800ms ease 1200ms;-moz-animation:fade-in 800ms ease 1200ms;animation:fade-in 800ms ease 1200ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.game-container .game-message p{font-size:60px;font-weight:700;height:60px;color:#291610;line-height:60px;margin-top:222px}
.game-container .game-message .lower{display:block;margin-top:59px}
.game-container .game-message a{display:inline-block;background:#bd5272;border-radius:3px;padding:0 20px;text-decoration:none;color:#291211;height:40px;line-height:42px;margin-left:9px}
.game-container .game-message a.keep-playing-button{display:none}
.game-container .game-message.game-won{background:rgba(237,194,46,0.5);color:#f9f6f2}
.game-container .game-message.game-won a.keep-playing-button{display:inline-block}
.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}
.grid-container{position:absolute;z-index:1}
.grid-row{margin-bottom:15px}
.grid-row:last-child{margin-bottom:0}
.grid-row:after{content:"";display:block;clear:both}
.grid-cell{width:106.25px;height:106.25px;margin-right:15px;float:left;border-radius:3px;background:rgba(238,228,218,0.35)}
.grid-cell:last-child{margin-right:0}
.tile-container{position:absolute;z-index:2}
.tile,.tile .tile-inner{width:107px;height:107px;line-height:107px}
.tile.tile-position-1-1{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}
.tile.tile-position-1-2{-webkit-transform:translate(0px,121px);-moz-transform:translate(0px,121px);-ms-transform:translate(0px,121px);transform:translate(0px,121px)}
.tile.tile-position-1-3{-webkit-transform:translate(0px,242px);-moz-transform:translate(0px,242px);-ms-transform:translate(0px,242px);transform:translate(0px,242px)}
.tile.tile-position-1-4{-webkit-transform:translate(0px,363px);-moz-transform:translate(0px,363px);-ms-transform:translate(0px,363px);transform:translate(0px,363px)}
.tile.tile-position-2-1{-webkit-transform:translate(121px,0px);-moz-transform:translate(121px,0px);-ms-transform:translate(121px,0px);transform:translate(121px,0px)}
.tile.tile-position-2-2{-webkit-transform:translate(121px,121px);-moz-transform:translate(121px,121px);-ms-transform:translate(121px,121px);transform:translate(121px,121px)}
.tile.tile-position-2-3{-webkit-transform:translate(121px,242px);-moz-transform:translate(121px,242px);-ms-transform:translate(121px,242px);transform:translate(121px,242px)}
.tile.tile-position-2-4{-webkit-transform:translate(121px,363px);-moz-transform:translate(121px,363px);-ms-transform:translate(121px,363px);transform:translate(121px,363px)}
.tile.tile-position-3-1{-webkit-transform:translate(242px,0px);-moz-transform:translate(242px,0px);-ms-transform:translate(242px,0px);transform:translate(242px,0px)}
.tile.tile-position-3-2{-webkit-transform:translate(242px,121px);-moz-transform:translate(242px,121px);-ms-transform:translate(242px,121px);transform:translate(242px,121px)}
.tile.tile-position-3-3{-webkit-transform:translate(242px,242px);-moz-transform:translate(242px,242px);-ms-transform:translate(242px,242px);transform:translate(242px,242px)}
.tile.tile-position-3-4{-webkit-transform:translate(242px,363px);-moz-transform:translate(242px,363px);-ms-transform:translate(242px,363px);transform:translate(242px,363px)}
.tile.tile-position-4-1{-webkit-transform:translate(363px,0px);-moz-transform:translate(363px,0px);-ms-transform:translate(363px,0px);transform:translate(363px,0px)}
.tile.tile-position-4-2{-webkit-transform:translate(363px,121px);-moz-transform:translate(363px,121px);-ms-transform:translate(363px,121px);transform:translate(363px,121px)}
.tile.tile-position-4-3{-webkit-transform:translate(363px,242px);-moz-transform:translate(363px,242px);-ms-transform:translate(363px,242px);transform:translate(363px,242px)}
.tile.tile-position-4-4{-webkit-transform:translate(363px,363px);-moz-transform:translate(363px,363px);-ms-transform:translate(363px,363px);transform:translate(363px,363px)}
.tile{position:absolute;-webkit-transition:100ms ease-in-out;-moz-transition:100ms ease-in-out;transition:100ms ease-in-out;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}
.tile .tile-inner{border-radius:3px;background:#eee4da;text-align:center;font-weight:700;z-index:10;font-size:55px;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;position:relative}
.tile .tile-inner .tile-text{font-weight:400;font-size:1rem;line-height:1;text-align:center;margin:0;padding:1px 2px;min-width:1.25rem;position:absolute;right:0;bottom:0;color:rgba(255,255,255,.9);background:rgba(0,0,0,.75);text-shadow:0 0 1px #212121;border-bottom-right-radius:3px;border-top-left-radius:3px}
@media (min-width: 521px) {
.tile .tile-inner .tile-text{font-size:.875rem;min-width:1rem}
}
.tile.tile-2 .tile-inner{background:#eee4da;box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px rgba(255,255,255,0);background-image:url(/css/img/2.jpg)}
.tile.tile-4 .tile-inner{background:#ede0c8;box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px rgba(255,255,255,0);background-image:url(/css/img/4.jpg)}
.tile.tile-8 .tile-inner{color:#f9f6f2;background:#f2b179;background-image:url(/css/img/8.jpg)}
.tile.tile-16 .tile-inner{color:#f9f6f2;background:#f59563;background-image:url(/css/img/16.jpg)}
.tile.tile-32 .tile-inner{color:#f9f6f2;background:#f67c5f;background-image:url(/css/img/32.jpg)}
.tile.tile-64 .tile-inner{color:#f9f6f2;background:#f65e3b;background-image:url(/css/img/64.jpg)}
.tile.tile-128 .tile-inner{color:#f9f6f2;background:#edcf72;box-shadow:0 0 30px 10px rgba(243,215,116,0.2381),inset 0 0 0 1px rgba(255,255,255,0.14286);font-size:45px;background-image:url(/css/img/128.jpg)}
@media screen and (max-width: 520px) {
.tile.tile-128 .tile-inner{font-size:25px}
}
.tile.tile-256 .tile-inner{color:#f9f6f2;background:#edcc61;box-shadow:0 0 30px 10px rgba(243,215,116,0.31746),inset 0 0 0 1px rgba(255,255,255,0.19048);font-size:45px;background-image:url(/css/img/256.jpg)}
@media screen and (max-width: 520px) {
.tile.tile-256 .tile-inner{font-size:25px}
}
.tile.tile-512 .tile-inner{color:#f9f6f2;background:#edc850;box-shadow:0 0 30px 10px rgba(243,215,116,0.39683),inset 0 0 0 1px rgba(255,255,255,0.2381);font-size:45px;background-image:url(/css/img/512.jpg)}
@media screen and (max-width: 520px) {
.tile.tile-512 .tile-inner{font-size:25px}
}
.tile.tile-1024 .tile-inner{color:#f9f6f2;background:#edc53f;box-shadow:0 0 30px 10px rgba(243,215,116,0.47619),inset 0 0 0 1px rgba(255,255,255,0.28571);font-size:35px;background-image:url(/css/img/1024.jpg)}
@media screen and (max-width: 520px) {
.tile.tile-1024 .tile-inner{font-size:15px}
}
.tile.tile-2048 .tile-inner{color:#f9f6f2;background:#edc22e;box-shadow:0 0 30px 10px rgba(243,215,116,0.55556),inset 0 0 0 1px rgba(255,255,255,0.33333);font-size:35px;background-image:url(/css/img/2048.jpg)}
@media screen and (max-width: 520px) {
.tile.tile-2048 .tile-inner{font-size:15px}
}
.tile.tile-super .tile-inner{color:#f9f6f2;background:#3c3a32;font-size:30px}
@media screen and (max-width: 520px) {
.tile.tile-super .tile-inner{font-size:10px}
}
@-webkit-keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.tile-new .tile-inner{-webkit-animation:appear 200ms ease 100ms;-moz-animation:appear 200ms ease 100ms;animation:appear 200ms ease 100ms;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}
@-webkit-keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.tile-merged .tile-inner{z-index:20;-webkit-animation:pop 200ms ease 100ms;-moz-animation:pop 200ms ease 100ms;animation:pop 200ms ease 100ms;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}
.above-game:after{content:"";display:block;clear:both}
.game-intro{float:left;line-height:42px;margin-bottom:0}
.restart-button{display:inline-block;background:#614338;border-radius:3px;padding:15px 25px;text-decoration:none;color:#f9f6f2;height:25px;line-height:25px;display:block;text-align:center;margin-left:auto}
.game-explanation{margin-top:50px}
@media screen and (max-width: 520px) {
html,body{font-size:15px}
body{margin:2px 0;padding:0 20px}
h1.title{margin-top:15px}
.container{width:280px;margin:0 auto}
.score-container,.best-container{margin-top:0;padding:15px 10px;min-width:40px;width:49%;margin-left:0;box-sizing:border-box;padding-bottom:0;height:auto}
.heading{margin-bottom:10px}
.game-intro{width:55%;display:block;box-sizing:border-box;line-height:1.65}
.scores-container{flex-wrap:wrap;justify-content:space-between}
.restart-button{width:100%;display:block;box-sizing:border-box;height:auto;margin-bottom:10px;order:-1;font-size:25px}
.game-container{margin-top:17px;position:relative;padding:10px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none;background:#f67098;border-radius:6px;width:280px;height:280px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,0.5);z-index:100;text-align:center;-webkit-animation:fade-in 800ms ease 1200ms;-moz-animation:fade-in 800ms ease 1200ms;animation:fade-in 800ms ease 1200ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.game-container .game-message p{font-size:60px;font-weight:700;height:60px;color:#291610;line-height:60px;margin-top:222px}
.game-container .game-message .lower{display:block;margin-top:59px}
.game-container .game-message a{display:inline-block;background:#bd5272;border-radius:3px;padding:0 20px;text-decoration:none;color:#291211;height:40px;line-height:42px;margin-left:9px}
.game-container .game-message a.keep-playing-button{display:none}
.game-container .game-message.game-won{background:rgba(237,194,46,0.5);color:#f9f6f2}
.game-container .game-message.game-won a.keep-playing-button{display:inline-block}
.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}
.grid-container{position:absolute;z-index:1}
.grid-row{margin-bottom:10px}
.grid-row:last-child{margin-bottom:0}
.grid-row:after{content:"";display:block;clear:both}
.grid-cell{width:57.5px;height:57.5px;margin-right:10px;float:left;border-radius:3px;background:rgba(238,228,218,0.35)}
.grid-cell:last-child{margin-right:0}
.tile-container{position:absolute;z-index:2}
.tile,.tile .tile-inner{width:58px;height:58px;line-height:58px}
.tile.tile-position-1-1{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}
.tile.tile-position-1-2{-webkit-transform:translate(0px,67px);-moz-transform:translate(0px,67px);-ms-transform:translate(0px,67px);transform:translate(0px,67px)}
.tile.tile-position-1-3{-webkit-transform:translate(0px,135px);-moz-transform:translate(0px,135px);-ms-transform:translate(0px,135px);transform:translate(0px,135px)}
.tile.tile-position-1-4{-webkit-transform:translate(0px,202px);-moz-transform:translate(0px,202px);-ms-transform:translate(0px,202px);transform:translate(0px,202px)}
.tile.tile-position-2-1{-webkit-transform:translate(67px,0px);-moz-transform:translate(67px,0px);-ms-transform:translate(67px,0px);transform:translate(67px,0px)}
.tile.tile-position-2-2{-webkit-transform:translate(67px,67px);-moz-transform:translate(67px,67px);-ms-transform:translate(67px,67px);transform:translate(67px,67px)}
.tile.tile-position-2-3{-webkit-transform:translate(67px,135px);-moz-transform:translate(67px,135px);-ms-transform:translate(67px,135px);transform:translate(67px,135px)}
.tile.tile-position-2-4{-webkit-transform:translate(67px,202px);-moz-transform:translate(67px,202px);-ms-transform:translate(67px,202px);transform:translate(67px,202px)}
.tile.tile-position-3-1{-webkit-transform:translate(135px,0px);-moz-transform:translate(135px,0px);-ms-transform:translate(135px,0px);transform:translate(135px,0px)}
.tile.tile-position-3-2{-webkit-transform:translate(135px,67px);-moz-transform:translate(135px,67px);-ms-transform:translate(135px,67px);transform:translate(135px,67px)}
.tile.tile-position-3-3{-webkit-transform:translate(135px,135px);-moz-transform:translate(135px,135px);-ms-transform:translate(135px,135px);transform:translate(135px,135px)}
.tile.tile-position-3-4{-webkit-transform:translate(135px,202px);-moz-transform:translate(135px,202px);-ms-transform:translate(135px,202px);transform:translate(135px,202px)}
.tile.tile-position-4-1{-webkit-transform:translate(202px,0px);-moz-transform:translate(202px,0px);-ms-transform:translate(202px,0px);transform:translate(202px,0px)}
.tile.tile-position-4-2{-webkit-transform:translate(202px,67px);-moz-transform:translate(202px,67px);-ms-transform:translate(202px,67px);transform:translate(202px,67px)}
.tile.tile-position-4-3{-webkit-transform:translate(202px,135px);-moz-transform:translate(202px,135px);-ms-transform:translate(202px,135px);transform:translate(202px,135px)}
.tile.tile-position-4-4{-webkit-transform:translate(202px,202px);-moz-transform:translate(202px,202px);-ms-transform:translate(202px,202px);transform:translate(202px,202px)}
.tile .tile-inner{font-size:35px}
.game-message p{font-size:30px!important;height:30px!important;line-height:30px!important;margin-top:90px!important}
.game-message .lower{margin-top:30px!important}
}
.navbar{background-color:#333;border-radius:5px;overflow:hidden}
.navbar .navbar-header{float:left}
.navbar .nav{list-style:none;margin:0;padding:0;overflow:hidden}
.navbar .nav li{float:left}
.navbar .nav li a{display:block;color:#fff;text-align:center;padding:7px 10px;text-decoration:none;transition:background-color .3s}
.navbar .nav li a:hover{background-color:#575757}
.navbar .nav li.active a{background-color:#575757}
.container-fluid{max-width:1200px;margin:0 auto;padding:0 15px}
@media (max-width: 768px) {
.navbar .nav{float:none;clear:both;text-align:center}
.navbar .nav li{float:none;display:inline-block}
.navbar .nav li a{display:inline-block;padding:5px 10px;font-size:16px}
}
.navbar .menu-btn{display:none;background-color:#333;color:#fff;padding:7px 10px;text-align:center;border:none;cursor:pointer;font-size:16px}
@media (max-width: 768px) {
.navbar .menu-btn{display:block}
}
.navbar .nav-responsive{display:none}
@media (max-width: 768px) {
.navbar .nav-responsive{display:block;text-align:center}
.navbar .nav-responsive li{display:block;float:none}
}
.article-image{display:block;margin-left:auto;margin-right:auto}
.facebook-button,.twitter-button,.whatsapp-button{background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;margin:5px;cursor:pointer;transition:background-color .3s ease;font-family:'Work Sans',sans-serif;font-size:16px;font-weight:700}
.facebook-button:hover{background-color:#3b5998;color:#fff}
.twitter-button:hover{background-color:#00aced;color:#fff}
.whatsapp-button:hover{background-color:#25d366;color:#fff}
.share-button:hover{background-color:#101011;color:#fff}
.share-button{padding:10px 20px;border-radius:5px;margin:5px;cursor:pointer;transition:background-color .3s ease;font-size:16px;font-weight:700;background-color:#26202c;color:#fff}
#shareResult,#shareResultMobile{text-align:center}
.data-setting{position:relative}
.data-setting hr{display:block;width:100%;height:2px;margin:12px 0;border:none;background:#e8ebf3}
.setting-title.toggle{color:#2e3239;font-size:18px;font-weight:700;margin-bottom:2px}
.setting-desc.toggle{text-align:left;max-width:84%;display:inline-block}
.setting-desc{color:#434040;font-size:13px}
.data-setting .checkbox{width:48px;margin:-35px auto 0;position:absolute;right:15px}
.checkbox .label_check{line-height:0;display:table-cell;height:24px;vertical-align:top}
.checkbox input[type=checkbox]{display:none}
.checkbox input[type=checkbox]+.check_text{position:relative;display:block;width:48px;height:26px;cursor:pointer;text-indent:-9999px;border-radius:100px;background:#797a7b}
.checkbox input[type=checkbox]:checked+.check_text{background:#f67098}
.checkbox input[type=checkbox]:checked+.check_text:after{left:25px}
.checkbox input[type=checkbox]+.check_text:after{position:absolute;top:3px;left:3px;width:20px;height:20px;content:'';transition:.2s linear;border-radius:50%;background:#fff}
.tile-text.hide{display:none}