.flex-container{--flex-column-num:1;--default-flex-horizontal-gap:20px;--flex-vertical-gap:40px;--flex-horizontal-gap:var(--default-flex-horizontal-gap);gap:var(--flex-vertical-gap)var(--flex-horizontal-gap);flex-flow:column wrap;display:flex;position:relative}.flex-container[data-flex-rule*=w0]{--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row}.flex-container[data-flex-rule*=w0-c2]{--flex-column-num:2}.flex-container[data-flex-rule*=w0-c3]{--flex-column-num:3}.flex-container[data-flex-rule]>.flex-item{flex:var(--item-flex)}.flex-item[data-item-flex="1"]{--item-flex:1;flex:1}.flex-item[data-item-flex="2"]{--item-flex:2;flex:2}.flex-item[data-item-flex="3"]{--item-flex:3;flex:3}.flex-item[data-item-flex="4"]{--item-flex:4;flex:4}.flex-item[data-item-flex="5"]{--item-flex:5;flex:5}.flex-item[data-item-flex="7"]{--item-flex:7;flex:7}.flex-item[data-item-flex=full]{--item-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:500px){.flex-container[data-flex-rule*=w500]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w500-c2]{--flex-column-num:2}.flex-container[data-flex-rule*=w500-c3]{--flex-column-num:3}}@media screen and (min-width:700px){.flex-container[data-flex-rule*=w700]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w700-c2]{--flex-column-num:2}.flex-container[data-flex-rule*=w700-c3]{--flex-column-num:3}.flex-container[data-flex-rule*=w700-c4]{--flex-column-num:4}}@media screen and (min-width:800px){.flex-container[data-flex-rule*=w800]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w800-c2]{--flex-column-num:2}.flex-container[data-flex-rule*=w800-c3]{--flex-column-num:3}.flex-container[data-flex-rule*=w800-c4]{--flex-column-num:4}.flex-container[data-flex-rule*=w800-c5]{--flex-column-num:5}}@media screen and (min-width:870px){.flex-container[data-flex-rule*=w870]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w870-c2]{--flex-column-num:2}}@media screen and (min-width:1024px){.flex-container[data-flex-rule*=w1024]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w1024-c2]{--flex-column-num:2}.flex-container[data-flex-rule*=w1024-c3]{--flex-column-num:3}.flex-container[data-flex-rule*=w1024-c4]{--flex-column-num:4}.flex-container[data-flex-rule*=w1024-c5]{--flex-column-num:5}}@media screen and (min-width:1300px){.flex-container[data-flex-rule*=w1300]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w1300-c3]{--flex-column-num:3}.flex-container[data-flex-rule*=w1300-c4]{--flex-column-num:4}.flex-container[data-flex-rule*=w1300-c5]{--flex-column-num:5}}@media screen and (min-width:1500px){.flex-container[data-flex-rule*=w1500]{--flex-horizontal-gap:var(--default-flex-horizontal-gap);--item-flex:0 0 calc((100% - var(--flex-horizontal-gap)*(var(--flex-column-num) - 1))/var(--flex-column-num));flex-direction:row;display:flex;position:relative}.flex-container[data-flex-rule*=w1500-c4]{--flex-column-num:4}.flex-container[data-flex-rule*=w1500-c5]{--flex-column-num:5}}