.material-grid{box-sizing:border-box;margin:0 auto;padding:24px}@media (max-width:840px){.material-grid{padding:16px}}@media (max-width:480px){.material-grid{padding:16px}}.material-grid__container{display:flex;flex-flow:row wrap;align-items:stretch;margin:-12px;margin:calc(24px/2*-1)}@media (max-width:840px){.material-grid__container{margin:-8px;margin:calc(16px/2*-1)}}@media (max-width:480px){.material-grid__container{margin:-8px;margin:calc(16px/2*-1)}}@supports (display:grid){.material-grid__container{display:grid;margin:0;grid-gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}@media (max-width:840px){.material-grid__container{grid-gap:16px;grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:480px){.material-grid__container{grid-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}}}.material-grid__cell{box-sizing:border-box;width:calc(33.33333% - 24px);margin:calc(24px/2)}@supports (display:grid){.material-grid__cell{width:auto;grid-column-end:span 4;margin:0}}.material-grid__cell--span-1,.material-grid__cell--span-1-desktop{width:calc(8.33333% - 24px)}@supports (display:grid){.material-grid__cell--span-1,.material-grid__cell--span-1-desktop{width:auto;grid-column-end:span 1}}.material-grid__cell--span-2,.material-grid__cell--span-2-desktop{width:calc(16.66667% - 24px)}@supports (display:grid){.material-grid__cell--span-2,.material-grid__cell--span-2-desktop{width:auto;grid-column-end:span 2}}.material-grid__cell--span-3,.material-grid__cell--span-3-desktop{width:calc(25% - 24px)}@supports (display:grid){.material-grid__cell--span-3,.material-grid__cell--span-3-desktop{width:auto;grid-column-end:span 3}}.material-grid__cell--span-4,.material-grid__cell--span-4-desktop{width:calc(33.33333% - 24px)}@supports (display:grid){.material-grid__cell--span-4,.material-grid__cell--span-4-desktop{width:auto;grid-column-end:span 4}}.material-grid__cell--span-5,.material-grid__cell--span-5-desktop{width:calc(41.66667% - 24px)}@supports (display:grid){.material-grid__cell--span-5,.material-grid__cell--span-5-desktop{width:auto;grid-column-end:span 5}}.material-grid__cell--span-6,.material-grid__cell--span-6-desktop{width:calc(50% - 24px)}@supports (display:grid){.material-grid__cell--span-6,.material-grid__cell--span-6-desktop{width:auto;grid-column-end:span 6}}.material-grid__cell--span-7,.material-grid__cell--span-7-desktop{width:calc(58.33333% - 24px)}@supports (display:grid){.material-grid__cell--span-7,.material-grid__cell--span-7-desktop{width:auto;grid-column-end:span 7}}.material-grid__cell--span-8,.material-grid__cell--span-8-desktop{width:calc(66.66667% - 24px)}@supports (display:grid){.material-grid__cell--span-8,.material-grid__cell--span-8-desktop{width:auto;grid-column-end:span 8}}.material-grid__cell--span-9,.material-grid__cell--span-9-desktop{width:calc(75% - 24px)}@supports (display:grid){.material-grid__cell--span-9,.material-grid__cell--span-9-desktop{width:auto;grid-column-end:span 9}}.material-grid__cell--span-10,.material-grid__cell--span-10-desktop{width:calc(83.33333% - 24px)}@supports (display:grid){.material-grid__cell--span-10,.material-grid__cell--span-10-desktop{width:auto;grid-column-end:span 10}}.material-grid__cell--span-11,.material-grid__cell--span-11-desktop{width:calc(91.66667% - 24px)}@supports (display:grid){.material-grid__cell--span-11,.material-grid__cell--span-11-desktop{width:auto;grid-column-end:span 11}}.material-grid__cell--span-12,.material-grid__cell--span-12-desktop{width:calc(100% - 24px)}@supports (display:grid){.material-grid__cell--span-12,.material-grid__cell--span-12-desktop{width:auto;grid-column-end:span 12}}@media (max-width:840px){.material-grid__cell{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell{width:auto;grid-column-end:span 4}}.material-grid__cell--span-1{width:calc(8.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-1{width:auto;grid-column-end:span 1}}.material-grid__cell--span-2{width:calc(16.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-2{width:auto;grid-column-end:span 2}}.material-grid__cell--span-3{width:calc(25% - 16px)}@supports (display:grid){.material-grid__cell--span-3{width:auto;grid-column-end:span 3}}.material-grid__cell--span-4{width:calc(33.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-4{width:auto;grid-column-end:span 4}}.material-grid__cell--span-5{width:calc(41.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-5{width:auto;grid-column-end:span 5}}.material-grid__cell--span-6{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell--span-6{width:auto;grid-column-end:span 6}}.material-grid__cell--span-7{width:calc(58.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-7{width:auto;grid-column-end:span 7}}.material-grid__cell--span-8{width:calc(66.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-8{width:auto;grid-column-end:span 8}}.material-grid__cell--span-9{width:calc(75% - 16px)}@supports (display:grid){.material-grid__cell--span-9{width:auto;grid-column-end:span 8}}.material-grid__cell--span-10{width:calc(83.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-10{width:auto;grid-column-end:span 8}}.material-grid__cell--span-11{width:calc(91.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-11{width:auto;grid-column-end:span 8}}.material-grid__cell--span-12{width:calc(100% - 16px)}@supports (display:grid){.material-grid__cell--span-12{width:auto;grid-column-end:span 8}}}@media (max-width:480px){.material-grid__cell{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell{width:auto;grid-column-end:span 4}}.material-grid__cell--span-1{width:calc(8.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-1{width:auto;grid-column-end:span 1}}.material-grid__cell--span-2{width:calc(16.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-2{width:auto;grid-column-end:span 2}}.material-grid__cell--span-3{width:calc(25% - 16px)}@supports (display:grid){.material-grid__cell--span-3{width:auto;grid-column-end:span 3}}.material-grid__cell--span-4{width:calc(33.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-4{width:auto;grid-column-end:span 4}}.material-grid__cell--span-5{width:calc(41.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-5{width:auto;grid-column-end:span 4}}.material-grid__cell--span-6{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell--span-6{width:auto;grid-column-end:span 4}}.material-grid__cell--span-7{width:calc(58.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-7{width:auto;grid-column-end:span 4}}.material-grid__cell--span-8{width:calc(66.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-8{width:auto;grid-column-end:span 4}}.material-grid__cell--span-9{width:calc(75% - 16px)}@supports (display:grid){.material-grid__cell--span-9{width:auto;grid-column-end:span 4}}.material-grid__cell--span-10{width:calc(83.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-10{width:auto;grid-column-end:span 4}}.material-grid__cell--span-11{width:calc(91.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-11{width:auto;grid-column-end:span 4}}.material-grid__cell--span-12{width:calc(100% - 16px)}@supports (display:grid){.material-grid__cell--span-12{width:auto;grid-column-end:span 4}}}@media (max-width:840px){.material-grid__cell{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell{width:auto;grid-column-end:span 4}}.material-grid__cell--span-1-tablet{width:calc(8.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-1-tablet{width:auto;grid-column-end:span 1}}.material-grid__cell--span-2-tablet{width:calc(16.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-2-tablet{width:auto;grid-column-end:span 2}}.material-grid__cell--span-3-tablet{width:calc(25% - 16px)}@supports (display:grid){.material-grid__cell--span-3-tablet{width:auto;grid-column-end:span 3}}.material-grid__cell--span-4-tablet{width:calc(33.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-4-tablet{width:auto;grid-column-end:span 4}}.material-grid__cell--span-5-tablet{width:calc(41.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-5-tablet{width:auto;grid-column-end:span 5}}.material-grid__cell--span-6-tablet{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell--span-6-tablet{width:auto;grid-column-end:span 6}}.material-grid__cell--span-7-tablet{width:calc(58.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-7-tablet{width:auto;grid-column-end:span 7}}.material-grid__cell--span-8-tablet{width:calc(66.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-8-tablet{width:auto;grid-column-end:span 8}}.material-grid__cell--span-9-tablet{width:calc(75% - 16px)}@supports (display:grid){.material-grid__cell--span-9-tablet{width:auto;grid-column-end:span 8}}.material-grid__cell--span-10-tablet{width:calc(83.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-10-tablet{width:auto;grid-column-end:span 8}}.material-grid__cell--span-11-tablet{width:calc(91.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-11-tablet{width:auto;grid-column-end:span 8}}.material-grid__cell--span-12-tablet{width:calc(100% - 16px)}@supports (display:grid){.material-grid__cell--span-12-tablet{width:auto;grid-column-end:span 8}}}@media (max-width:480px){.material-grid__cell{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell{width:auto;grid-column-end:span 4}}.material-grid__cell--span-1-mobile{width:calc(8.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-1-mobile{width:auto;grid-column-end:span 1}}.material-grid__cell--span-2-mobile{width:calc(16.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-2-mobile{width:auto;grid-column-end:span 2}}.material-grid__cell--span-3-mobile{width:calc(25% - 16px)}@supports (display:grid){.material-grid__cell--span-3-mobile{width:auto;grid-column-end:span 3}}.material-grid__cell--span-4-mobile{width:calc(33.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-4-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-5-mobile{width:calc(41.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-5-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-6-mobile{width:calc(50% - 16px)}@supports (display:grid){.material-grid__cell--span-6-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-7-mobile{width:calc(58.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-7-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-8-mobile{width:calc(66.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-8-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-9-mobile{width:calc(75% - 16px)}@supports (display:grid){.material-grid__cell--span-9-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-10-mobile{width:calc(83.33333% - 16px)}@supports (display:grid){.material-grid__cell--span-10-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-11-mobile{width:calc(91.66667% - 16px)}@supports (display:grid){.material-grid__cell--span-11-mobile{width:auto;grid-column-end:span 4}}.material-grid__cell--span-12-mobile{width:calc(100% - 16px)}@supports (display:grid){.material-grid__cell--span-12-mobile{width:auto;grid-column-end:span 4}}}