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