main[data-template=plans]{padding-block-start:var(--header-height)}@media (min-width: 1080px){main[data-template=plans]{height:100vh;overflow:hidden}}@media (max-width: 828px){main[data-template=plans]{--pp: 12px}}main[data-template=plans] .top{margin-bottom:0}main[data-template=plans] .top .wrapper{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d8d8d8;padding-bottom:24px}@media (max-width: 828px){main[data-template=plans] .top .wrapper{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:12px}}main[data-template=plans] .top .wrapper .left h1{line-height:.8}main[data-template=plans] .top .wrapper .right{display:flex;align-items:center;flex-wrap:wrap;gap:max(12px,1.375rem)}@media (min-width: 828px){main[data-template=plans] .top .wrapper .right{justify-content:flex-end}}@media (max-width: 828px){main[data-template=plans] .top .wrapper .right{width:100%;display:grid;grid-template-columns:auto auto;column-gap:8px}}main[data-template=plans] .top .wrapper .right button,main[data-template=plans] .top .wrapper .right a{border-radius:var(--border);padding-inline:max(22px,2.5rem);padding-block:max(8px,.75rem);background-color:var(--bg, #fff);display:flex;align-items:center;gap:12px;cursor:pointer;will-change:background-color;transition:background-color .68s ease}@media (max-width: 828px){main[data-template=plans] .top .wrapper .right button,main[data-template=plans] .top .wrapper .right a{padding-inline:18px}}main[data-template=plans] .top .wrapper .right button svg,main[data-template=plans] .top .wrapper .right a svg{width:18px;height:auto}main[data-template=plans] .top .wrapper .right button span,main[data-template=plans] .top .wrapper .right a span{display:inline-flex;font-size:var(--font-size-18);line-height:1}main[data-template=plans] .top .wrapper .right button span.text,main[data-template=plans] .top .wrapper .right a span.text{color:var(--text-primary)}main[data-template=plans] .top .wrapper .right button.active,main[data-template=plans] .top .wrapper .right a.active{--bg: var(--Timberwolf)}main[data-template=plans] .top .wrapper .right button:hover,main[data-template=plans] .top .wrapper .right a:hover{--bg: var(--Timberwolf)}main[data-template=plans] .content{padding-bottom:80px;position:relative;min-height:400px}