.boost>form{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.boost>form>.buy{display:flex;flex-wrap:wrap;gap:20px}.boost>form>.buy>div{display:flex;flex-direction:column;gap:10px;width:calc(100% / 2 - 10px)}.boost>form>.buy>div>label{font-weight:var(--font-weight-bold)}.boost>.info{padding-top:40px;display:flex;flex-wrap:wrap;gap:20px}.boost>.info>.col{display:flex;flex-direction:column;padding:20px;border-radius:var(--radius-md);gap:20px;width:calc(100% / 4 - 15px);position:relative;overflow:hidden;height:fit-content;border:1px solid rgba(255,255,255,.1)}.boost>.info>.col:first-child{background-image:linear-gradient(to bottom right,var(--color) -150%,var(--dark-white-mixed) 40%)}.boost>.info>.col:nth-child(2){background-image:linear-gradient(to bottom right,var(--success) -150%,var(--dark-white-mixed) 40%)}.boost>.info>.col:nth-child(3){background-image:linear-gradient(to bottom right,var(--warning) -150%,var(--dark-white-mixed) 40%)}.boost>.info>.col:nth-child(4){background-color:var(--dark-white-mixed)}.boost>.info>.col>.header{display:flex;flex-wrap:wrap;gap:5px}.boost>.info>.col:nth-child(3)>.header{align-items:center;-webkit-align-items:center;column-gap:10px}.boost>.info>.col>.header>p{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--danger);width:100%}.boost>.info>.col>.header>p>span{color:var(--text);font-size:var(--font-size-sm)}.boost>.info>.col>.features{display:flex;flex-direction:column;gap:5px}.boost>.info>.col>.features>.badges{display:flex;gap:5px}.boost>.info>.col>.features>.badges+.badges{margin-bottom:0}.boost>.info>.col>.features>.item::before{content:"-";margin-right:5px}.boost>.info>.col>span{margin-top:auto;color:var(--third-text)}.boost>.info>.details{display:flex;padding:20px;background-color:var(--dark-white-mixed);border-radius:var(--radius-md);width:100%;gap:20px;justify-content:center;-webkit-justify-content:center;border:1px solid rgba(255,255,255,.1)}.boost>.info>.details>span{display:flex;flex-wrap:nowrap;gap:20px;align-items:center;-webkit-align-items:center}.boost>.info>.details>span:first-child:after{content:url("../img/icons/stat.svg");height:12px}.boost>.info>.details>span:nth-child(2):after{content:url("../img/icons/stat.svg");height:12px}.boost>.info>.col::before{content:url("../img/icons/boost.svg");position:absolute;top:70px;right:20px;transform:scale(5);opacity:.05}.boost>.info>.color::before{content:url("../img/icons/color.svg");position:absolute;top:70px;right:20px;transform:scale(5);opacity:.05}.methods{display:flex;flex-direction:column;gap:20px}.method{display:flex;flex-wrap:wrap;gap:10px}.method>h3{width:100%}.method>h3>span{color:var(--third-text);font-size:var(--font-size-base)}.method>input[type=radio]{display:none}.method>label{display:flex;height:40px;width:calc(100% / 8 - 9px);min-width:150px;border:solid 1px rgba(255,255,255,.1);border-radius:var(--radius-lg);justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;text-align:center}.method>label:hover{cursor:pointer}.method>input[type=radio]:checked+label{background-color:var(--color)}.boost>details{text-align:center}.boost>details>summary{cursor:pointer;margin-bottom:10px;color:var(--third-text);list-style:none;outline:0}.boost>details>.info{display:flex;flex-direction:column;gap:5px}.boost>details>.info>p{color:var(--third-text)}.boost>details>.info>p>a{color:var(--third-text)}.boost>details>.info>p>a:hover{color:var(--color)}details.not-pay[open] summary{color:var(--text)}details.not-pay summary::before{content:"▼";font-size:.8rem;display:inline-block;margin-right:10px;transition:transform .3s ease}details.not-pay[open] summary::before{transform:rotate(-90deg)}@media screen and (max-width:1335px){.method>label{width:calc(100% / 7 - 9px)}}@media screen and (max-width:1175px){.method>label{width:calc(100% / 6 - 9px)}}@media screen and (max-width:1005px){.method>label{width:calc(100% / 5 - 8px)}.boost>.info>.col{width:calc(100% / 2 - 10px);height:auto}}@media screen and (max-width:835px){.method>label{width:calc(100% / 4 - 8px)}}@media screen and (max-width:665px){.method>label{width:calc(100% / 3 - 7px)}}@media screen and (max-width:576px){.boost>.info>.col{width:100%;height:fit-content}}@media screen and (max-width:505px){.method>label{width:calc(100% / 2 - 7px)}}@media screen and (max-width:345px){.method>label{width:100%}}