.premium-page{background-color:#383c41;min-height:calc(100vh - 470px);padding:50px 100px}@media only screen and (width <= 1100px){.premium-page{padding:40px 30px}}@media only screen and (width <= 720px){.premium-page{padding:20px}}.premium-page .top{align-items:center;display:flex;flex-direction:column}@media only screen and (width <= 1100px){.premium-page .top{margin-bottom:50px}}@media only screen and (width <= 480px){.premium-page .top{margin-bottom:20px}}.premium-page .top h1{color:#cd6e57;font-size:55px;margin:0 0 17px}@media only screen and (width <= 720px){.premium-page .top h1{font-size:40px}}.premium-page .top p{color:#a7a7a7;font-size:16px;line-height:25px;margin:0;text-align:center}.premium-page .prices{align-items:center;display:flex;flex-direction:column;margin:32px 0 0}.premium-page .prices p{color:#727272;font-size:16px;font-weight:600;line-height:25px;margin:0;text-align:center}.premium-page .prices .wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 16px;max-width:1100px;position:relative}.premium-page .prices .wrapper .price{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:0 16px 16px}.premium-page .prices .wrapper .price .servers{color:#727272;font-size:14px;font-weight:700;margin:8px 0;text-align:center}.premium-page .prices .wrapper .price .buy-button{align-items:center;background:#cd6e57;border:0;border-radius:4px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:160px}.premium-page .prices .wrapper .price .buy-button .currency{font-size:16px;font-weight:400;margin-left:2px;vertical-align:baseline}.premium-page .prices .wrapper .price .buy-button .point{background-color:#fff}.premium-page .prices .wrapper .price .to-months{color:#727272;font-size:18px;font-weight:700;margin:8px 0;text-align:center}.premium-page .prices .wrapper .price .to-months .currency{font-size:12px;font-weight:400;margin-left:4px}.premium-page .prices .gift{align-items:center;background-color:#202225;border:0;border-radius:4px;box-shadow:0 2px 6px #00000040;color:#cd6e57;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;margin:32px 8px 0;position:relative;transition:background-color .3s ease-out,color .3s ease-out;width:48px}.premium-page .prices .gift.active{background-color:#cd6e57;color:#fff}.premium-page .perks{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin:32px auto 0;max-width:1100px}.premium-page .perks .perk{align-items:center;border-radius:12px;box-shadow:0 3px 6px #00000040;color:#fff;display:flex;flex-direction:column;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out}.premium-page .perks .perk .title{font-size:18px;font-weight:700;margin:24px 0 8px;text-align:center}.premium-page .perks .perk .description{flex:1;font-size:14px;line-height:18px;margin:0 0 16px;text-align:center}.premium-page .perks .perk .image{aspect-ratio:5/3;border-radius:12px 12px 0 0;width:80%}.premium-page .perks .perk:focus-visible,.premium-page .perks .perk:hover{box-shadow:0 6px 12px #00000040;transform:translateY(-3px)}.premium-page .perks .perk:first-child{background:linear-gradient(145deg,#51dc78 .89%,#2d693e 110%)}.premium-page .perks .perk:nth-child(2){background:linear-gradient(145deg,#51d4dc .89%,#285a5e 110%)}.premium-page .perks .perk:nth-child(3){background:linear-gradient(145deg,#a04ac9 .89%,#492659 110%)}.premium-page .perks .perk:nth-child(4){background:linear-gradient(145deg,#dc9451 .89%,#573d24 110%)}.premium-page .perks .perk:nth-child(5){background:linear-gradient(145deg,#5189dc .89%,#314a70 110%)}.premium-page .perks .perk:nth-child(6){background:linear-gradient(145deg,#dc5151 .89%,#6d2f2f 110%)}.premium-page .perks .perk:nth-child(7){background:linear-gradient(160deg,#f7d35d .89%,#ad8439 110%)}.premium-page .perks .perk:nth-child(8){background:linear-gradient(160deg,#ed63ff .89%,#a435b3 110%)}.premium-page .perks .perk:nth-child(9){background:linear-gradient(160deg,#ffa945 .89%,#ee691e 110%)}.premium-page .perks .perk:nth-child(10){background:linear-gradient(160deg,#af2323 .89%,#971010 110%)}.premium-page .perks .perk:nth-child(11){background:linear-gradient(160deg,#6431c2 .89%,#600f86 110%)}.premium-page .perks .perk:nth-child(12){background:linear-gradient(160deg,#1e7e46 .89%,#054608 110%)}@media only screen and (width <= 480px){.premium-page .perks{flex-direction:column}.premium-page .perks a{margin:10px 0}}.premium-page .diff-scroll{display:flex;margin-top:32px;width:100%}.premium-page .switch-wrapper{height:36px;margin-bottom:16px}@media (width > 720px){.premium-page .switch-wrapper{display:none}}.premium-page .switch-wrapper .sticky-switch{margin-bottom:0}.premium-page .switch-wrapper .sticky-switch.fixed{box-shadow:0 2px 8px #00000080;left:50%;position:fixed;top:calc(var(--top-height) + 16px);transform:translate(-50%);width:200px;z-index:100}.premium-page .diff{align-items:center;background-color:#2f3337;border-radius:12px;display:flex;flex-direction:column;margin:32px auto 0;max-width:1100px;padding:32px}@media screen and (width <= 720px){.premium-page .diff{padding:16px}}.premium-page .diff .title-container{cursor:pointer;display:flex;justify-content:center;margin:32px 0 0;position:relative;text-decoration:none}.premium-page .diff .title-container h2{align-items:center;color:#cd6e57;display:flex;font-size:42px;margin:0}@media only screen and (width <= 720px){.premium-page .diff .title-container h2{font-size:32px}}.premium-page .diff .title-container h2:before{color:#50575f;content:"#";font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:30px;left:-32px;opacity:0;position:absolute;transition:opacity .1s ease-in-out}.premium-page .diff .title-container h2:hover:before{opacity:1}.premium-page .diff .diff-table{border-spacing:0;color:gray;font-size:14px;font-weight:600;margin-top:48px;width:100%}@media screen and (width <= 720px){.premium-page .diff .diff-table{margin-top:32px}.premium-page .diff .diff-table.display-free tr td:nth-child(3),.premium-page .diff .diff-table.display-free tr th:nth-child(3){display:none}.premium-page .diff .diff-table:not(.display-free) tr td:nth-child(2),.premium-page .diff .diff-table:not(.display-free) tr th:nth-child(2){display:none}}.premium-page .diff .diff-table tr th{height:70px}@media screen and (width > 720px){.premium-page .diff .diff-table tr th{font-size:16px}}.premium-page .diff .diff-table tr th:first-child{width:100%}.premium-page .diff .diff-table tr th:nth-child(2){border-left:1px solid #4d4d4d;border-top:1px solid #4d4d4d;border-top-left-radius:4px;padding:0 10px}@media screen and (width <= 720px){.premium-page .diff .diff-table tr th:nth-child(2){border-right:1px solid #4d4d4d;border-top-right-radius:4px}}.premium-page .diff .diff-table tr th:nth-child(3){background-color:#cd6e57;border-top-right-radius:4px;color:#fff;padding:0 10px}@media screen and (width <= 720px){.premium-page .diff .diff-table tr th:nth-child(3){border-top-left-radius:4px}}.premium-page .diff .diff-table tr td{height:60px;min-width:90px;text-align:center;vertical-align:middle}@media screen and (width > 720px){.premium-page .diff .diff-table tr td{min-width:140px}}.premium-page .diff .diff-table tr td:first-child{padding:12px 8px 12px 16px;text-align:left;width:100%}@media screen and (width <= 720px){.premium-page .diff .diff-table tr td:nth-child(2){border-left:1px solid #4d4d4d;border-right:1px solid #4d4d4d}}.premium-page .diff .diff-table tr td:nth-child(3){border-left:2px solid #cd6e57!important;border-right:2px solid #cd6e57!important;color:#cd6e57}.premium-page .diff .diff-table tr.category .title{color:#fff;font-size:20px;padding:48px 0 16px;text-align:left}@media screen and (width <= 720px){.premium-page .diff .diff-table tr.category .title{font-size:16px;padding:32px 0 16px}}.premium-page .diff .diff-table table{border-spacing:0}.premium-page .diff .diff-table table tbody tr td{border-bottom:1px solid #4d4d4d;border-left:1px solid #4d4d4d}.premium-page .diff .diff-table table tbody tr:first-child td{border-top:1px solid #4d4d4d}.premium-page .diff .diff-table table tbody tr:first-child td:first-child{border-top-left-radius:4px}.premium-page .diff .diff-table table tbody tr:last-child td:first-child{border-bottom-left-radius:4px}.premium-page .diff .diff-table table tbody tr:hover{background-color:#2c3033;color:#c6c6c6}.premium-page .diff .diff-table table:first-child tbody tr:first-child td:last-child{border-top:1px solid #cd6e57}.premium-page .diff .diff-table table:last-child tbody tr:last-child td:last-child{border-bottom:2px solid #cd6e57;border-bottom-right-radius:4px}