.span-1{width:calc((100% - 4rem)/2)}@container (min-width: 480px){.span-1{width:calc((100% - 8rem) / 3)}}@container (min-width: 840px){.span-1{width:calc((100% - 12rem)/4)}}@container (min-width: 1080px){.span-1{width:calc((100% - 20rem) / 6)}}@container (min-width: 1280px){.span-1{width:calc((100% - 44rem) / 12)}}.span-2{width:100%}@container (min-width: 840px){.span-2{width:calc((100% - 8rem) / 3)}}@container (min-width: 1280px){.span-2{width:calc((100% - 20rem) / 6)}}.span-2_4{width:100%}@container (min-width: 600px){.span-2_4{width:calc((100% - 4rem)/2)}}@container (min-width: 960px){.span-2_4{width:calc((100% - 8rem) / 3)}}@container (min-width: 1280px){.span-2_4{width:calc((100% - 16rem)/5)}}.span-3{width:100%}@container (min-width: 840px){.span-3{width:calc((100% - 4rem)/2)}}@container (min-width: 1280px){.span-3{width:calc((100% - 12rem)/4)}}.span-4{width:100%}@container (min-width: 840px){.span-4{width:calc((100% - 4rem)/2)}}@container (min-width: 1280px){.span-4{width:calc((100% - 8rem) / 3)}}.span-6{width:100%}@container (min-width: 840px){.span-6{width:calc((100% - 4rem)/2)}}.span-8{width:100%}@container (min-width: 840px){.span-8{width:calc((100% - 4rem)/2)}}@container (min-width: 1280px){.span-8{width:calc((100% - 8rem) / 3 * 2 + 4rem)}}.span-9{width:100%}@container (min-width: 840px){.span-9{width:calc((100% - 4rem)/2)}}@container (min-width: 1280px){.span-9{width:calc((100% - 12rem)*.75 + 8rem)}}.span-10{width:100%}@container (min-width: 840px){.span-10{width:calc((100% - 8rem) / 3 * 2 + 4rem)}}@container (min-width: 1280px){.span-10{width:83.333334%}}.span-12{width:100%}