body{background:#f5f5f5}.upgrade-page .container{min-height:400px;margin-bottom:40px}.upgrade-header{padding:10px 0;display:flex;align-items:center;position:relative;justify-content:space-between;margin:15px 0px;background-color:#FFFFFF;border-radius:4px}.upgrade-header H1{padding-left:15px;font-weight:600;font-size:25px}.upgrade-period{padding-right:15px;min-width:150px}.upgrade-period .period{display:flex;align-items:center;height:40px;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.period>label{width:50%;height:100%;cursor:pointer}.period>label>input{display:none}.period>label>span{display:flex;align-items:center;height:100%;border-radius:0px 10px 10px 0px;border:1px solid #338BD9;padding:0px 20px;color:#338BD9;font-size:18px;display:flex;align-items:center;justify-content:center}.period>label:first-child>span{border-radius:10px 0px 0px 10px}.period>label>input:checked~span{background-color:#338BD9;color:#FFFFFF}.period>label>input[value="year"]+span:after{content:"-20%";position:absolute;top:8px;color:white;background-color:red;border-radius:25px;padding:2px 5px;font-size:12px}.upgrade-items{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.upgrade-items .upgrade-item:nth-child(4){margin:30px auto 0px}.upgrade-item{background:#ffffff;border-radius:8px;padding:0px 0px 60px 0px;height:auto;min-height:510px;position:relative;width:calc(33% - 20px);margin-top:15px;box-shadow:3px 4px 5px #c4c3c3}.upgrade-item H3{font-size:25px;font-weight:600;padding:0px;margin:0px;line-height:31px;text-align:center}.upgrade-item form{width:100%;height:100%;padding:25px 25px 0px 25px;border-radius:8px;position:initial}.upgrade-item-subtitle{color:#686868;font-size:16px;padding:10px 0px 15px 0px;padding-top:10px;padding-right:0px;padding-bottom:15px;padding-left:0px;text-align:center}.upgrade-item-button{position:absolute;bottom:15px;left:25px;right:25px}.upgrade-item-goods{}.upgrade-item-goods li{width:100%;padding-bottom:15px;text-align:center;display:list-item}.upgrade-item-goods li.static{border-top:1px solid #F3F3F3;padding-top:15px;display:flex;align-items:center;justify-content:center}.upgrade-item-goods li.static:before{content:" ";width:20px;height:20px;background-image:url(https://cdn.iplogger.org/icons/check_blue.svg);background-position:center;background-repeat:no-repeat;display:inline-block}.upgrade-item-goods li.static.item-god{color:#F9B453}.upgrade-item.subscription-god{box-shadow:0px 0px 5px 0px #F9B453}.upgrade-item-goods li.static~li.static{border-top:0px;padding-top:0px}.item-price:after{content:" " attr(data-currency)}.upgrade-item-goods li.upgrade-range{position:relative;text-align:left;padding:0px}.upgrade-range .range-name{font-size:16px;font-weight:600;color:#2D343A}.upgrade-range input{outline:none;-webkit-appearance:none;background-color:transparent;height:20px;width:100%;margin:10px auto;border:0px;padding:0px 4px}.upgrade-range input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:transparent;border-radius:50%}.upgrade-range input::-moz-range-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:transparent;border-radius:50%}.upgrade-range input::-ms-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:transparent;border-radius:50%}.upgrade-range datalist{position:relative;display:flex;justify-content:space-between;align-items:center;height:20px;bottom:30px;margin:0px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-image:url(https://cdn.iplogger.org/line-h.svg);background-repeat:repeat-x;background-position:center}.upgrade-range datalist option{width:20px;height:20px;border-radius:50px;border:0px;background-image:url(https://cdn.iplogger.org/line-v.svg);background-repeat:no-repeat;background-position:center;background-size:2px 10px;line-height:50px;font-size:10px;text-align:center;margin-top:-1px}.upgrade-range datalist option:first-child{background-image:url(https://cdn.iplogger.org/circle.svg);background-size:8px;margin-left:-8px}.upgrade-range datalist option:last-child{background-image:url(https://cdn.iplogger.org/circle.svg);background-size:8px;margin-right:-8px}.upgrade-range datalist option.selected{background-image:url(https://cdn.iplogger.org/donut.svg);background-size:16px}.upgrade-item-goods li.upgrade-switch{display:flex;align-items:center;justify-content:space-between;background:#F3F3F3;padding:10px 10px;border-radius:5px;margin-bottom:5px}.switch.small{height:14px}.switch.small icon:after{height:16px;width:16px;top:-1px}.switch.small icon{width:28px;height:14px}.switch.small input:checked~icon:after{left:13px}button[data-current="1"]:after{content:attr(data-s)}button[data-current="2"]:after{content:attr(data-u)}button[data-period="month"][data-current="month"],button[data-period="year"][data-current="year"]{pointer-events:none;background-color:#e5e5e5!important;cursor:default!important}button[data-period="month"][data-current="month"]:after,button[data-period="year"][data-current="year"]:after{content:attr(data-c)}button[data-period="month"][data-current="year"]:after,button[data-period="year"][data-current="month"]:after{content:attr(data-u)}.dialog-message.proration-hint{font-size:14px;flex-wrap:wrap;font-weight:400}.dialog-message.proration-hint h2{width:100%;padding:10px 0px;font-weight:600;font-size:24px}.proration{display:flex;width:100%;flex-wrap:wrap;max-width:360px;margin:0px auto 25px auto}.proration-line{display:flex;align-items:center;justify-content:center;width:100%}.proration-line>div:first-child{display:flex;align-items:center;justify-content:flex-start;width:60%;font-weight:500;padding:5px 5px}.proration-line>div:last-child{display:flex;align-items:center;justify-content:flex-start;width:40%;padding:5px 5px}button#manage{min-width:300px}@media (max-width:1023px){.upgrade-item{width:calc(33% - 10px)}}@media (max-width:960px){.upgrade-items{flex-wrap:wrap;justify-content:space-around}.upgrade-item{width:calc(50% - 20px);margin-bottom:30px}.upgrade-item:first-child{margin-right:20px}}@media (max-width:768px){.upgrade-item{width:100%}.upgrade-item:first-child{margin-right:0px}.upgrade-header{flex-wrap:wrap}.upgrade-header H1{width:100%;text-align:center;padding:0px}.upgrade-period{width:calc(100% - 40px);text-align:center;margin:0px auto;padding:15px 0px}}@media (max-width:480px){}