:root { --font-size: 10px; --font-weight: var(--fw-normal); --display: initial; --margin-top: 0; --margin-bottom: 0; --padding-top: 0; --padding-bottom: 0; --space-step: 4px; --space-0: calc(0 * var(--space-step)); --space-1: calc(1 * var(--space-step)); --space-2: calc(2 * var(--space-step)); --space-3: calc(3 * var(--space-step)); --space-4: calc(4 * var(--space-step)); --space-5: calc(5 * var(--space-step)); --space-6: calc(6 * var(--space-step)); --space-7: calc(7 * var(--space-step)); --space-8: calc(8 * var(--space-step)); --space-9: calc(9 * var(--space-step)); --space-10: calc(10 * var(--space-step)); --space-11: calc(11 * var(--space-step)); --space-12: calc(12 * var(--space-step)); --space-13: calc(13 * var(--space-step)); --space-14: calc(14 * var(--space-step)); --space-15: calc(15 * var(--space-step)); --space-16: calc(16 * var(--space-step)); --space-17: calc(17 * var(--space-step)); --space-18: calc(18 * var(--space-step)); --space-19: calc(19 * var(--space-step)); --space-20: calc(20 * var(--space-step)); --space-21: calc(21 * var(--space-step)); --space-22: calc(22 * var(--space-step)); --space-23: calc(23 * var(--space-step)); --space-24: calc(24 * var(--space-step)); --space-25: calc(25 * var(--space-step)); --fs-h1: 3.2rem; --fs-h2: 2.4rem; --fs-h3: 2rem; --fs-h4: 1.8rem; --fs-h5: 1.6rem; --fs-h6: 1.4rem; --fs-p: 1.2rem; --fw-thin: 100; --fw-extralight: 200; --fw-light: 300; --fw-normal: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fw-black: 900; --xs-min: 0px; --sm-min: 360px; --md-min: 768px; --lp-min: 1024px; --lg-min: 1280px; --dt-min: 1536px; --xl-min: 1920px; --xs-max: calc(var(--sm-min) - 0.02px); --sm-max: calc(var(--md-min) - 0.02px); --md-max: calc(var(--lp-min) - 0.02px); --lp-max: calc(var(--lg-min) - 0.02px); --lg-max: calc(var(--dt-min) - 0.02px); --dt-max: calc(var(--xl-min) - 0.02px); --xl-max: 100vw; } *[fs] { font-size: var(--font-size) !important } *[fs="h1"] { --font-size: var(--fs-h1) } *[fs="h2"] { --font-size: var(--fs-h2) } *[fs="h3"] { --font-size: var(--fs-h3) } *[fs="h4"] { --font-size: var(--fs-h4) } *[fs="h5"] { --font-size: var(--fs-h5) } *[fs="h6"] { --font-size: var(--fs-h6) } *[fs="p"] { --font-size: var(--fs-p) } *[fw] { font-weight: var(--font-weight) !important } *[fw="thin"] { --font-weight: var(--fw-thin) } *[fw="extralight"] { --font-weight: var(--fw-extralight) } *[fw="light"] { --font-weight: var(--fw-light) } *[fw="normal"] { --font-weight: var(--fw-normal) } *[fw="medium"] { --font-weight: var(--fw-medium) } *[fw="semibold"] { --font-weight: var(--fw-semibold) } *[fw="bold"] { --font-weight: var(--fw-bold) } *[fw="extrabold"] { --font-weight: var(--fw-extrabold) } *[fw="black"] { --font-weight: var(--fw-black) } *[m], *[mt], *[mb] { --margin-top: 0; --margin-bottom: 0 } /* margin-y */ *[m~="0"], *[m~="xs-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="1"], *[m~="xs-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="2"], *[m~="xs-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="3"], *[m~="xs-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="4"], *[m~="xs-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="5"], *[m~="xs-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="6"], *[m~="xs-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="7"], *[m~="xs-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="8"], *[m~="xs-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="9"], *[m~="xs-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="10"], *[m~="xs-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="11"], *[m~="xs-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="12"], *[m~="xs-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="13"], *[m~="xs-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="14"], *[m~="xs-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="15"], *[m~="xs-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="16"], *[m~="xs-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="17"], *[m~="xs-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="18"], *[m~="xs-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="19"], *[m~="xs-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="20"], *[m~="xs-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="21"], *[m~="xs-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="22"], *[m~="xs-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="23"], *[m~="xs-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="24"], *[m~="xs-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="25"], *[m~="xs-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="0"], *[mt~="xs-0"] { --margin-top: var(--space-0) } *[mt~="1"], *[mt~="xs-1"] { --margin-top: var(--space-1) } *[mt~="2"], *[mt~="xs-2"] { --margin-top: var(--space-2) } *[mt~="3"], *[mt~="xs-3"] { --margin-top: var(--space-3) } *[mt~="4"], *[mt~="xs-4"] { --margin-top: var(--space-4) } *[mt~="5"], *[mt~="xs-5"] { --margin-top: var(--space-5) } *[mt~="6"], *[mt~="xs-6"] { --margin-top: var(--space-6) } *[mt~="7"], *[mt~="xs-7"] { --margin-top: var(--space-7) } *[mt~="8"], *[mt~="xs-8"] { --margin-top: var(--space-8) } *[mt~="9"], *[mt~="xs-9"] { --margin-top: var(--space-9) } *[mt~="10"], *[mt~="xs-10"] { --margin-top: var(--space-10) } *[mt~="11"], *[mt~="xs-11"] { --margin-top: var(--space-11) } *[mt~="12"], *[mt~="xs-12"] { --margin-top: var(--space-12) } *[mt~="13"], *[mt~="xs-13"] { --margin-top: var(--space-13) } *[mt~="14"], *[mt~="xs-14"] { --margin-top: var(--space-14) } *[mt~="15"], *[mt~="xs-15"] { --margin-top: var(--space-15) } *[mt~="16"], *[mt~="xs-16"] { --margin-top: var(--space-16) } *[mt~="17"], *[mt~="xs-17"] { --margin-top: var(--space-17) } *[mt~="18"], *[mt~="xs-18"] { --margin-top: var(--space-18) } *[mt~="19"], *[mt~="xs-19"] { --margin-top: var(--space-19) } *[mt~="20"], *[mt~="xs-20"] { --margin-top: var(--space-20) } *[mt~="21"], *[mt~="xs-21"] { --margin-top: var(--space-21) } *[mt~="22"], *[mt~="xs-22"] { --margin-top: var(--space-22) } *[mt~="23"], *[mt~="xs-23"] { --margin-top: var(--space-23) } *[mt~="24"], *[mt~="xs-24"] { --margin-top: var(--space-24) } *[mt~="25"], *[mt~="xs-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="0"], *[mb~="xs-0"] { --margin-bottom: var(--space-0) } *[mb~="1"], *[mb~="xs-1"] { --margin-bottom: var(--space-1) } *[mb~="2"], *[mb~="xs-2"] { --margin-bottom: var(--space-2) } *[mb~="3"], *[mb~="xs-3"] { --margin-bottom: var(--space-3) } *[mb~="4"], *[mb~="xs-4"] { --margin-bottom: var(--space-4) } *[mb~="5"], *[mb~="xs-5"] { --margin-bottom: var(--space-5) } *[mb~="6"], *[mb~="xs-6"] { --margin-bottom: var(--space-6) } *[mb~="7"], *[mb~="xs-7"] { --margin-bottom: var(--space-7) } *[mb~="8"], *[mb~="xs-8"] { --margin-bottom: var(--space-8) } *[mb~="9"], *[mb~="xs-9"] { --margin-bottom: var(--space-9) } *[mb~="10"], *[mb~="xs-10"] { --margin-bottom: var(--space-10) } *[mb~="11"], *[mb~="xs-11"] { --margin-bottom: var(--space-11) } *[mb~="12"], *[mb~="xs-12"] { --margin-bottom: var(--space-12) } *[mb~="13"], *[mb~="xs-13"] { --margin-bottom: var(--space-13) } *[mb~="14"], *[mb~="xs-14"] { --margin-bottom: var(--space-14) } *[mb~="15"], *[mb~="xs-15"] { --margin-bottom: var(--space-15) } *[mb~="16"], *[mb~="xs-16"] { --margin-bottom: var(--space-16) } *[mb~="17"], *[mb~="xs-17"] { --margin-bottom: var(--space-17) } *[mb~="18"], *[mb~="xs-18"] { --margin-bottom: var(--space-18) } *[mb~="19"], *[mb~="xs-19"] { --margin-bottom: var(--space-19) } *[mb~="20"], *[mb~="xs-20"] { --margin-bottom: var(--space-20) } *[mb~="21"], *[mb~="xs-21"] { --margin-bottom: var(--space-21) } *[mb~="22"], *[mb~="xs-22"] { --margin-bottom: var(--space-22) } *[mb~="23"], *[mb~="xs-23"] { --margin-bottom: var(--space-23) } *[mb~="24"], *[mb~="xs-24"] { --margin-bottom: var(--space-24) } *[mb~="25"], *[mb~="xs-25"] { --margin-bottom: var(--space-25) } /* sm (≥360px) */ @media (min-width: 360px) { /* margin-y */ *[m~="sm-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="sm-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="sm-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="sm-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="sm-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="sm-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="sm-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="sm-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="sm-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="sm-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="sm-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="sm-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="sm-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="sm-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="sm-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="sm-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="sm-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="sm-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="sm-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="sm-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="sm-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="sm-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="sm-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="sm-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="sm-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="sm-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="sm-0"] { --margin-top: var(--space-0) } *[mt~="sm-1"] { --margin-top: var(--space-1) } *[mt~="sm-2"] { --margin-top: var(--space-2) } *[mt~="sm-3"] { --margin-top: var(--space-3) } *[mt~="sm-4"] { --margin-top: var(--space-4) } *[mt~="sm-5"] { --margin-top: var(--space-5) } *[mt~="sm-6"] { --margin-top: var(--space-6) } *[mt~="sm-7"] { --margin-top: var(--space-7) } *[mt~="sm-8"] { --margin-top: var(--space-8) } *[mt~="sm-9"] { --margin-top: var(--space-9) } *[mt~="sm-10"] { --margin-top: var(--space-10) } *[mt~="sm-11"] { --margin-top: var(--space-11) } *[mt~="sm-12"] { --margin-top: var(--space-12) } *[mt~="sm-13"] { --margin-top: var(--space-13) } *[mt~="sm-14"] { --margin-top: var(--space-14) } *[mt~="sm-15"] { --margin-top: var(--space-15) } *[mt~="sm-16"] { --margin-top: var(--space-16) } *[mt~="sm-17"] { --margin-top: var(--space-17) } *[mt~="sm-18"] { --margin-top: var(--space-18) } *[mt~="sm-19"] { --margin-top: var(--space-19) } *[mt~="sm-20"] { --margin-top: var(--space-20) } *[mt~="sm-21"] { --margin-top: var(--space-21) } *[mt~="sm-22"] { --margin-top: var(--space-22) } *[mt~="sm-23"] { --margin-top: var(--space-23) } *[mt~="sm-24"] { --margin-top: var(--space-24) } *[mt~="sm-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="sm-0"] { --margin-bottom: var(--space-0) } *[mb~="sm-1"] { --margin-bottom: var(--space-1) } *[mb~="sm-2"] { --margin-bottom: var(--space-2) } *[mb~="sm-3"] { --margin-bottom: var(--space-3) } *[mb~="sm-4"] { --margin-bottom: var(--space-4) } *[mb~="sm-5"] { --margin-bottom: var(--space-5) } *[mb~="sm-6"] { --margin-bottom: var(--space-6) } *[mb~="sm-7"] { --margin-bottom: var(--space-7) } *[mb~="sm-8"] { --margin-bottom: var(--space-8) } *[mb~="sm-9"] { --margin-bottom: var(--space-9) } *[mb~="sm-10"] { --margin-bottom: var(--space-10) } *[mb~="sm-11"] { --margin-bottom: var(--space-11) } *[mb~="sm-12"] { --margin-bottom: var(--space-12) } *[mb~="sm-13"] { --margin-bottom: var(--space-13) } *[mb~="sm-14"] { --margin-bottom: var(--space-14) } *[mb~="sm-15"] { --margin-bottom: var(--space-15) } *[mb~="sm-16"] { --margin-bottom: var(--space-16) } *[mb~="sm-17"] { --margin-bottom: var(--space-17) } *[mb~="sm-18"] { --margin-bottom: var(--space-18) } *[mb~="sm-19"] { --margin-bottom: var(--space-19) } *[mb~="sm-20"] { --margin-bottom: var(--space-20) } *[mb~="sm-21"] { --margin-bottom: var(--space-21) } *[mb~="sm-22"] { --margin-bottom: var(--space-22) } *[mb~="sm-23"] { --margin-bottom: var(--space-23) } *[mb~="sm-24"] { --margin-bottom: var(--space-24) } *[mb~="sm-25"] { --margin-bottom: var(--space-25) } } /* md (≥768px) */ @media (min-width: 768px) { /* margin-y */ *[m~="md-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="md-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="md-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="md-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="md-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="md-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="md-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="md-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="md-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="md-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="md-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="md-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="md-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="md-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="md-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="md-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="md-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="md-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="md-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="md-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="md-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="md-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="md-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="md-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="md-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="md-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="md-0"] { --margin-top: var(--space-0) } *[mt~="md-1"] { --margin-top: var(--space-1) } *[mt~="md-2"] { --margin-top: var(--space-2) } *[mt~="md-3"] { --margin-top: var(--space-3) } *[mt~="md-4"] { --margin-top: var(--space-4) } *[mt~="md-5"] { --margin-top: var(--space-5) } *[mt~="md-6"] { --margin-top: var(--space-6) } *[mt~="md-7"] { --margin-top: var(--space-7) } *[mt~="md-8"] { --margin-top: var(--space-8) } *[mt~="md-9"] { --margin-top: var(--space-9) } *[mt~="md-10"] { --margin-top: var(--space-10) } *[mt~="md-11"] { --margin-top: var(--space-11) } *[mt~="md-12"] { --margin-top: var(--space-12) } *[mt~="md-13"] { --margin-top: var(--space-13) } *[mt~="md-14"] { --margin-top: var(--space-14) } *[mt~="md-15"] { --margin-top: var(--space-15) } *[mt~="md-16"] { --margin-top: var(--space-16) } *[mt~="md-17"] { --margin-top: var(--space-17) } *[mt~="md-18"] { --margin-top: var(--space-18) } *[mt~="md-19"] { --margin-top: var(--space-19) } *[mt~="md-20"] { --margin-top: var(--space-20) } *[mt~="md-21"] { --margin-top: var(--space-21) } *[mt~="md-22"] { --margin-top: var(--space-22) } *[mt~="md-23"] { --margin-top: var(--space-23) } *[mt~="md-24"] { --margin-top: var(--space-24) } *[mt~="md-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="md-0"] { --margin-bottom: var(--space-0) } *[mb~="md-1"] { --margin-bottom: var(--space-1) } *[mb~="md-2"] { --margin-bottom: var(--space-2) } *[mb~="md-3"] { --margin-bottom: var(--space-3) } *[mb~="md-4"] { --margin-bottom: var(--space-4) } *[mb~="md-5"] { --margin-bottom: var(--space-5) } *[mb~="md-6"] { --margin-bottom: var(--space-6) } *[mb~="md-7"] { --margin-bottom: var(--space-7) } *[mb~="md-8"] { --margin-bottom: var(--space-8) } *[mb~="md-9"] { --margin-bottom: var(--space-9) } *[mb~="md-10"] { --margin-bottom: var(--space-10) } *[mb~="md-11"] { --margin-bottom: var(--space-11) } *[mb~="md-12"] { --margin-bottom: var(--space-12) } *[mb~="md-13"] { --margin-bottom: var(--space-13) } *[mb~="md-14"] { --margin-bottom: var(--space-14) } *[mb~="md-15"] { --margin-bottom: var(--space-15) } *[mb~="md-16"] { --margin-bottom: var(--space-16) } *[mb~="md-17"] { --margin-bottom: var(--space-17) } *[mb~="md-18"] { --margin-bottom: var(--space-18) } *[mb~="md-19"] { --margin-bottom: var(--space-19) } *[mb~="md-20"] { --margin-bottom: var(--space-20) } *[mb~="md-21"] { --margin-bottom: var(--space-21) } *[mb~="md-22"] { --margin-bottom: var(--space-22) } *[mb~="md-23"] { --margin-bottom: var(--space-23) } *[mb~="md-24"] { --margin-bottom: var(--space-24) } *[mb~="md-25"] { --margin-bottom: var(--space-25) } } /* lp (≥1024px) */ @media (min-width: 1024px) { /* margin-y */ *[m~="lp-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="lp-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="lp-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="lp-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="lp-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="lp-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="lp-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="lp-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="lp-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="lp-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="lp-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="lp-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="lp-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="lp-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="lp-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="lp-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="lp-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="lp-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="lp-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="lp-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="lp-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="lp-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="lp-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="lp-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="lp-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="lp-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="lp-0"] { --margin-top: var(--space-0) } *[mt~="lp-1"] { --margin-top: var(--space-1) } *[mt~="lp-2"] { --margin-top: var(--space-2) } *[mt~="lp-3"] { --margin-top: var(--space-3) } *[mt~="lp-4"] { --margin-top: var(--space-4) } *[mt~="lp-5"] { --margin-top: var(--space-5) } *[mt~="lp-6"] { --margin-top: var(--space-6) } *[mt~="lp-7"] { --margin-top: var(--space-7) } *[mt~="lp-8"] { --margin-top: var(--space-8) } *[mt~="lp-9"] { --margin-top: var(--space-9) } *[mt~="lp-10"] { --margin-top: var(--space-10) } *[mt~="lp-11"] { --margin-top: var(--space-11) } *[mt~="lp-12"] { --margin-top: var(--space-12) } *[mt~="lp-13"] { --margin-top: var(--space-13) } *[mt~="lp-14"] { --margin-top: var(--space-14) } *[mt~="lp-15"] { --margin-top: var(--space-15) } *[mt~="lp-16"] { --margin-top: var(--space-16) } *[mt~="lp-17"] { --margin-top: var(--space-17) } *[mt~="lp-18"] { --margin-top: var(--space-18) } *[mt~="lp-19"] { --margin-top: var(--space-19) } *[mt~="lp-20"] { --margin-top: var(--space-20) } *[mt~="lp-21"] { --margin-top: var(--space-21) } *[mt~="lp-22"] { --margin-top: var(--space-22) } *[mt~="lp-23"] { --margin-top: var(--space-23) } *[mt~="lp-24"] { --margin-top: var(--space-24) } *[mt~="lp-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="lp-0"] { --margin-bottom: var(--space-0) } *[mb~="lp-1"] { --margin-bottom: var(--space-1) } *[mb~="lp-2"] { --margin-bottom: var(--space-2) } *[mb~="lp-3"] { --margin-bottom: var(--space-3) } *[mb~="lp-4"] { --margin-bottom: var(--space-4) } *[mb~="lp-5"] { --margin-bottom: var(--space-5) } *[mb~="lp-6"] { --margin-bottom: var(--space-6) } *[mb~="lp-7"] { --margin-bottom: var(--space-7) } *[mb~="lp-8"] { --margin-bottom: var(--space-8) } *[mb~="lp-9"] { --margin-bottom: var(--space-9) } *[mb~="lp-10"] { --margin-bottom: var(--space-10) } *[mb~="lp-11"] { --margin-bottom: var(--space-11) } *[mb~="lp-12"] { --margin-bottom: var(--space-12) } *[mb~="lp-13"] { --margin-bottom: var(--space-13) } *[mb~="lp-14"] { --margin-bottom: var(--space-14) } *[mb~="lp-15"] { --margin-bottom: var(--space-15) } *[mb~="lp-16"] { --margin-bottom: var(--space-16) } *[mb~="lp-17"] { --margin-bottom: var(--space-17) } *[mb~="lp-18"] { --margin-bottom: var(--space-18) } *[mb~="lp-19"] { --margin-bottom: var(--space-19) } *[mb~="lp-20"] { --margin-bottom: var(--space-20) } *[mb~="lp-21"] { --margin-bottom: var(--space-21) } *[mb~="lp-22"] { --margin-bottom: var(--space-22) } *[mb~="lp-23"] { --margin-bottom: var(--space-23) } *[mb~="lp-24"] { --margin-bottom: var(--space-24) } *[mb~="lp-25"] { --margin-bottom: var(--space-25) } } /* lg (≥1280px) */ @media (min-width: 1280px) { /* margin-y */ *[m~="lg-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="lg-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="lg-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="lg-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="lg-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="lg-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="lg-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="lg-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="lg-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="lg-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="lg-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="lg-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="lg-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="lg-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="lg-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="lg-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="lg-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="lg-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="lg-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="lg-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="lg-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="lg-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="lg-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="lg-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="lg-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="lg-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="lg-0"] { --margin-top: var(--space-0) } *[mt~="lg-1"] { --margin-top: var(--space-1) } *[mt~="lg-2"] { --margin-top: var(--space-2) } *[mt~="lg-3"] { --margin-top: var(--space-3) } *[mt~="lg-4"] { --margin-top: var(--space-4) } *[mt~="lg-5"] { --margin-top: var(--space-5) } *[mt~="lg-6"] { --margin-top: var(--space-6) } *[mt~="lg-7"] { --margin-top: var(--space-7) } *[mt~="lg-8"] { --margin-top: var(--space-8) } *[mt~="lg-9"] { --margin-top: var(--space-9) } *[mt~="lg-10"] { --margin-top: var(--space-10) } *[mt~="lg-11"] { --margin-top: var(--space-11) } *[mt~="lg-12"] { --margin-top: var(--space-12) } *[mt~="lg-13"] { --margin-top: var(--space-13) } *[mt~="lg-14"] { --margin-top: var(--space-14) } *[mt~="lg-15"] { --margin-top: var(--space-15) } *[mt~="lg-16"] { --margin-top: var(--space-16) } *[mt~="lg-17"] { --margin-top: var(--space-17) } *[mt~="lg-18"] { --margin-top: var(--space-18) } *[mt~="lg-19"] { --margin-top: var(--space-19) } *[mt~="lg-20"] { --margin-top: var(--space-20) } *[mt~="lg-21"] { --margin-top: var(--space-21) } *[mt~="lg-22"] { --margin-top: var(--space-22) } *[mt~="lg-23"] { --margin-top: var(--space-23) } *[mt~="lg-24"] { --margin-top: var(--space-24) } *[mt~="lg-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="lg-0"] { --margin-bottom: var(--space-0) } *[mb~="lg-1"] { --margin-bottom: var(--space-1) } *[mb~="lg-2"] { --margin-bottom: var(--space-2) } *[mb~="lg-3"] { --margin-bottom: var(--space-3) } *[mb~="lg-4"] { --margin-bottom: var(--space-4) } *[mb~="lg-5"] { --margin-bottom: var(--space-5) } *[mb~="lg-6"] { --margin-bottom: var(--space-6) } *[mb~="lg-7"] { --margin-bottom: var(--space-7) } *[mb~="lg-8"] { --margin-bottom: var(--space-8) } *[mb~="lg-9"] { --margin-bottom: var(--space-9) } *[mb~="lg-10"] { --margin-bottom: var(--space-10) } *[mb~="lg-11"] { --margin-bottom: var(--space-11) } *[mb~="lg-12"] { --margin-bottom: var(--space-12) } *[mb~="lg-13"] { --margin-bottom: var(--space-13) } *[mb~="lg-14"] { --margin-bottom: var(--space-14) } *[mb~="lg-15"] { --margin-bottom: var(--space-15) } *[mb~="lg-16"] { --margin-bottom: var(--space-16) } *[mb~="lg-17"] { --margin-bottom: var(--space-17) } *[mb~="lg-18"] { --margin-bottom: var(--space-18) } *[mb~="lg-19"] { --margin-bottom: var(--space-19) } *[mb~="lg-20"] { --margin-bottom: var(--space-20) } *[mb~="lg-21"] { --margin-bottom: var(--space-21) } *[mb~="lg-22"] { --margin-bottom: var(--space-22) } *[mb~="lg-23"] { --margin-bottom: var(--space-23) } *[mb~="lg-24"] { --margin-bottom: var(--space-24) } *[mb~="lg-25"] { --margin-bottom: var(--space-25) } } /* dt (≥1536px) */ @media (min-width: 1536px) { /* margin-y */ *[m~="dt-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="dt-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="dt-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="dt-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="dt-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="dt-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="dt-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="dt-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="dt-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="dt-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="dt-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="dt-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="dt-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="dt-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="dt-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="dt-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="dt-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="dt-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="dt-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="dt-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="dt-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="dt-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="dt-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="dt-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="dt-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="dt-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="dt-0"] { --margin-top: var(--space-0) } *[mt~="dt-1"] { --margin-top: var(--space-1) } *[mt~="dt-2"] { --margin-top: var(--space-2) } *[mt~="dt-3"] { --margin-top: var(--space-3) } *[mt~="dt-4"] { --margin-top: var(--space-4) } *[mt~="dt-5"] { --margin-top: var(--space-5) } *[mt~="dt-6"] { --margin-top: var(--space-6) } *[mt~="dt-7"] { --margin-top: var(--space-7) } *[mt~="dt-8"] { --margin-top: var(--space-8) } *[mt~="dt-9"] { --margin-top: var(--space-9) } *[mt~="dt-10"] { --margin-top: var(--space-10) } *[mt~="dt-11"] { --margin-top: var(--space-11) } *[mt~="dt-12"] { --margin-top: var(--space-12) } *[mt~="dt-13"] { --margin-top: var(--space-13) } *[mt~="dt-14"] { --margin-top: var(--space-14) } *[mt~="dt-15"] { --margin-top: var(--space-15) } *[mt~="dt-16"] { --margin-top: var(--space-16) } *[mt~="dt-17"] { --margin-top: var(--space-17) } *[mt~="dt-18"] { --margin-top: var(--space-18) } *[mt~="dt-19"] { --margin-top: var(--space-19) } *[mt~="dt-20"] { --margin-top: var(--space-20) } *[mt~="dt-21"] { --margin-top: var(--space-21) } *[mt~="dt-22"] { --margin-top: var(--space-22) } *[mt~="dt-23"] { --margin-top: var(--space-23) } *[mt~="dt-24"] { --margin-top: var(--space-24) } *[mt~="dt-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="dt-0"] { --margin-bottom: var(--space-0) } *[mb~="dt-1"] { --margin-bottom: var(--space-1) } *[mb~="dt-2"] { --margin-bottom: var(--space-2) } *[mb~="dt-3"] { --margin-bottom: var(--space-3) } *[mb~="dt-4"] { --margin-bottom: var(--space-4) } *[mb~="dt-5"] { --margin-bottom: var(--space-5) } *[mb~="dt-6"] { --margin-bottom: var(--space-6) } *[mb~="dt-7"] { --margin-bottom: var(--space-7) } *[mb~="dt-8"] { --margin-bottom: var(--space-8) } *[mb~="dt-9"] { --margin-bottom: var(--space-9) } *[mb~="dt-10"] { --margin-bottom: var(--space-10) } *[mb~="dt-11"] { --margin-bottom: var(--space-11) } *[mb~="dt-12"] { --margin-bottom: var(--space-12) } *[mb~="dt-13"] { --margin-bottom: var(--space-13) } *[mb~="dt-14"] { --margin-bottom: var(--space-14) } *[mb~="dt-15"] { --margin-bottom: var(--space-15) } *[mb~="dt-16"] { --margin-bottom: var(--space-16) } *[mb~="dt-17"] { --margin-bottom: var(--space-17) } *[mb~="dt-18"] { --margin-bottom: var(--space-18) } *[mb~="dt-19"] { --margin-bottom: var(--space-19) } *[mb~="dt-20"] { --margin-bottom: var(--space-20) } *[mb~="dt-21"] { --margin-bottom: var(--space-21) } *[mb~="dt-22"] { --margin-bottom: var(--space-22) } *[mb~="dt-23"] { --margin-bottom: var(--space-23) } *[mb~="dt-24"] { --margin-bottom: var(--space-24) } *[mb~="dt-25"] { --margin-bottom: var(--space-25) } } /* xl (≥1920px) */ @media (min-width: 1920px) { /* margin-y */ *[m~="xl-0"] { --margin-top: var(--space-0); --margin-bottom: var(--space-0) } *[m~="xl-1"] { --margin-top: var(--space-1); --margin-bottom: var(--space-1) } *[m~="xl-2"] { --margin-top: var(--space-2); --margin-bottom: var(--space-2) } *[m~="xl-3"] { --margin-top: var(--space-3); --margin-bottom: var(--space-3) } *[m~="xl-4"] { --margin-top: var(--space-4); --margin-bottom: var(--space-4) } *[m~="xl-5"] { --margin-top: var(--space-5); --margin-bottom: var(--space-5) } *[m~="xl-6"] { --margin-top: var(--space-6); --margin-bottom: var(--space-6) } *[m~="xl-7"] { --margin-top: var(--space-7); --margin-bottom: var(--space-7) } *[m~="xl-8"] { --margin-top: var(--space-8); --margin-bottom: var(--space-8) } *[m~="xl-9"] { --margin-top: var(--space-9); --margin-bottom: var(--space-9) } *[m~="xl-10"] { --margin-top: var(--space-10); --margin-bottom: var(--space-10) } *[m~="xl-11"] { --margin-top: var(--space-11); --margin-bottom: var(--space-11) } *[m~="xl-12"] { --margin-top: var(--space-12); --margin-bottom: var(--space-12) } *[m~="xl-13"] { --margin-top: var(--space-13); --margin-bottom: var(--space-13) } *[m~="xl-14"] { --margin-top: var(--space-14); --margin-bottom: var(--space-14) } *[m~="xl-15"] { --margin-top: var(--space-15); --margin-bottom: var(--space-15) } *[m~="xl-16"] { --margin-top: var(--space-16); --margin-bottom: var(--space-16) } *[m~="xl-17"] { --margin-top: var(--space-17); --margin-bottom: var(--space-17) } *[m~="xl-18"] { --margin-top: var(--space-18); --margin-bottom: var(--space-18) } *[m~="xl-19"] { --margin-top: var(--space-19); --margin-bottom: var(--space-19) } *[m~="xl-20"] { --margin-top: var(--space-20); --margin-bottom: var(--space-20) } *[m~="xl-21"] { --margin-top: var(--space-21); --margin-bottom: var(--space-21) } *[m~="xl-22"] { --margin-top: var(--space-22); --margin-bottom: var(--space-22) } *[m~="xl-23"] { --margin-top: var(--space-23); --margin-bottom: var(--space-23) } *[m~="xl-24"] { --margin-top: var(--space-24); --margin-bottom: var(--space-24) } *[m~="xl-25"] { --margin-top: var(--space-25); --margin-bottom: var(--space-25) } /* margin-top */ *[mt~="xl-0"] { --margin-top: var(--space-0) } *[mt~="xl-1"] { --margin-top: var(--space-1) } *[mt~="xl-2"] { --margin-top: var(--space-2) } *[mt~="xl-3"] { --margin-top: var(--space-3) } *[mt~="xl-4"] { --margin-top: var(--space-4) } *[mt~="xl-5"] { --margin-top: var(--space-5) } *[mt~="xl-6"] { --margin-top: var(--space-6) } *[mt~="xl-7"] { --margin-top: var(--space-7) } *[mt~="xl-8"] { --margin-top: var(--space-8) } *[mt~="xl-9"] { --margin-top: var(--space-9) } *[mt~="xl-10"] { --margin-top: var(--space-10) } *[mt~="xl-11"] { --margin-top: var(--space-11) } *[mt~="xl-12"] { --margin-top: var(--space-12) } *[mt~="xl-13"] { --margin-top: var(--space-13) } *[mt~="xl-14"] { --margin-top: var(--space-14) } *[mt~="xl-15"] { --margin-top: var(--space-15) } *[mt~="xl-16"] { --margin-top: var(--space-16) } *[mt~="xl-17"] { --margin-top: var(--space-17) } *[mt~="xl-18"] { --margin-top: var(--space-18) } *[mt~="xl-19"] { --margin-top: var(--space-19) } *[mt~="xl-20"] { --margin-top: var(--space-20) } *[mt~="xl-21"] { --margin-top: var(--space-21) } *[mt~="xl-22"] { --margin-top: var(--space-22) } *[mt~="xl-23"] { --margin-top: var(--space-23) } *[mt~="xl-24"] { --margin-top: var(--space-24) } *[mt~="xl-25"] { --margin-top: var(--space-25) } /* margin-bottom */ *[mb~="xl-0"] { --margin-bottom: var(--space-0) } *[mb~="xl-1"] { --margin-bottom: var(--space-1) } *[mb~="xl-2"] { --margin-bottom: var(--space-2) } *[mb~="xl-3"] { --margin-bottom: var(--space-3) } *[mb~="xl-4"] { --margin-bottom: var(--space-4) } *[mb~="xl-5"] { --margin-bottom: var(--space-5) } *[mb~="xl-6"] { --margin-bottom: var(--space-6) } *[mb~="xl-7"] { --margin-bottom: var(--space-7) } *[mb~="xl-8"] { --margin-bottom: var(--space-8) } *[mb~="xl-9"] { --margin-bottom: var(--space-9) } *[mb~="xl-10"] { --margin-bottom: var(--space-10) } *[mb~="xl-11"] { --margin-bottom: var(--space-11) } *[mb~="xl-12"] { --margin-bottom: var(--space-12) } *[mb~="xl-13"] { --margin-bottom: var(--space-13) } *[mb~="xl-14"] { --margin-bottom: var(--space-14) } *[mb~="xl-15"] { --margin-bottom: var(--space-15) } *[mb~="xl-16"] { --margin-bottom: var(--space-16) } *[mb~="xl-17"] { --margin-bottom: var(--space-17) } *[mb~="xl-18"] { --margin-bottom: var(--space-18) } *[mb~="xl-19"] { --margin-bottom: var(--space-19) } *[mb~="xl-20"] { --margin-bottom: var(--space-20) } *[mb~="xl-21"] { --margin-bottom: var(--space-21) } *[mb~="xl-22"] { --margin-bottom: var(--space-22) } *[mb~="xl-23"] { --margin-bottom: var(--space-23) } *[mb~="xl-24"] { --margin-bottom: var(--space-24) } *[mb~="xl-25"] { --margin-bottom: var(--space-25) } } *[m], *[mt], *[mb] { margin-top: var(--margin-top); margin-bottom: var(--margin-bottom) } *[p], *[pt], *[pb] { --padding-top: 0; --padding-bottom: 0 } /* padding-y */ *[p~="0"], *[p~="xs-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="1"], *[p~="xs-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="2"], *[p~="xs-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="3"], *[p~="xs-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="4"], *[p~="xs-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="5"], *[p~="xs-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="6"], *[p~="xs-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="7"], *[p~="xs-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="8"], *[p~="xs-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="9"], *[p~="xs-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="10"], *[p~="xs-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="11"], *[p~="xs-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="12"], *[p~="xs-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="13"], *[p~="xs-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="14"], *[p~="xs-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="15"], *[p~="xs-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="16"], *[p~="xs-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="17"], *[p~="xs-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="18"], *[p~="xs-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="19"], *[p~="xs-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="20"], *[p~="xs-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="21"], *[p~="xs-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="22"], *[p~="xs-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="23"], *[p~="xs-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="24"], *[p~="xs-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="25"], *[p~="xs-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="0"], *[pt~="xs-0"] { --padding-top: var(--space-0) } *[pt~="1"], *[pt~="xs-1"] { --padding-top: var(--space-1) } *[pt~="2"], *[pt~="xs-2"] { --padding-top: var(--space-2) } *[pt~="3"], *[pt~="xs-3"] { --padding-top: var(--space-3) } *[pt~="4"], *[pt~="xs-4"] { --padding-top: var(--space-4) } *[pt~="5"], *[pt~="xs-5"] { --padding-top: var(--space-5) } *[pt~="6"], *[pt~="xs-6"] { --padding-top: var(--space-6) } *[pt~="7"], *[pt~="xs-7"] { --padding-top: var(--space-7) } *[pt~="8"], *[pt~="xs-8"] { --padding-top: var(--space-8) } *[pt~="9"], *[pt~="xs-9"] { --padding-top: var(--space-9) } *[pt~="10"], *[pt~="xs-10"] { --padding-top: var(--space-10) } *[pt~="11"], *[pt~="xs-11"] { --padding-top: var(--space-11) } *[pt~="12"], *[pt~="xs-12"] { --padding-top: var(--space-12) } *[pt~="13"], *[pt~="xs-13"] { --padding-top: var(--space-13) } *[pt~="14"], *[pt~="xs-14"] { --padding-top: var(--space-14) } *[pt~="15"], *[pt~="xs-15"] { --padding-top: var(--space-15) } *[pt~="16"], *[pt~="xs-16"] { --padding-top: var(--space-16) } *[pt~="17"], *[pt~="xs-17"] { --padding-top: var(--space-17) } *[pt~="18"], *[pt~="xs-18"] { --padding-top: var(--space-18) } *[pt~="19"], *[pt~="xs-19"] { --padding-top: var(--space-19) } *[pt~="20"], *[pt~="xs-20"] { --padding-top: var(--space-20) } *[pt~="21"], *[pt~="xs-21"] { --padding-top: var(--space-21) } *[pt~="22"], *[pt~="xs-22"] { --padding-top: var(--space-22) } *[pt~="23"], *[pt~="xs-23"] { --padding-top: var(--space-23) } *[pt~="24"], *[pt~="xs-24"] { --padding-top: var(--space-24) } *[pt~="25"], *[pt~="xs-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="0"], *[pb~="xs-0"] { --padding-bottom: var(--space-0) } *[pb~="1"], *[pb~="xs-1"] { --padding-bottom: var(--space-1) } *[pb~="2"], *[pb~="xs-2"] { --padding-bottom: var(--space-2) } *[pb~="3"], *[pb~="xs-3"] { --padding-bottom: var(--space-3) } *[pb~="4"], *[pb~="xs-4"] { --padding-bottom: var(--space-4) } *[pb~="5"], *[pb~="xs-5"] { --padding-bottom: var(--space-5) } *[pb~="6"], *[pb~="xs-6"] { --padding-bottom: var(--space-6) } *[pb~="7"], *[pb~="xs-7"] { --padding-bottom: var(--space-7) } *[pb~="8"], *[pb~="xs-8"] { --padding-bottom: var(--space-8) } *[pb~="9"], *[pb~="xs-9"] { --padding-bottom: var(--space-9) } *[pb~="10"], *[pb~="xs-10"] { --padding-bottom: var(--space-10) } *[pb~="11"], *[pb~="xs-11"] { --padding-bottom: var(--space-11) } *[pb~="12"], *[pb~="xs-12"] { --padding-bottom: var(--space-12) } *[pb~="13"], *[pb~="xs-13"] { --padding-bottom: var(--space-13) } *[pb~="14"], *[pb~="xs-14"] { --padding-bottom: var(--space-14) } *[pb~="15"], *[pb~="xs-15"] { --padding-bottom: var(--space-15) } *[pb~="16"], *[pb~="xs-16"] { --padding-bottom: var(--space-16) } *[pb~="17"], *[pb~="xs-17"] { --padding-bottom: var(--space-17) } *[pb~="18"], *[pb~="xs-18"] { --padding-bottom: var(--space-18) } *[pb~="19"], *[pb~="xs-19"] { --padding-bottom: var(--space-19) } *[pb~="20"], *[pb~="xs-20"] { --padding-bottom: var(--space-20) } *[pb~="21"], *[pb~="xs-21"] { --padding-bottom: var(--space-21) } *[pb~="22"], *[pb~="xs-22"] { --padding-bottom: var(--space-22) } *[pb~="23"], *[pb~="xs-23"] { --padding-bottom: var(--space-23) } *[pb~="24"], *[pb~="xs-24"] { --padding-bottom: var(--space-24) } *[pb~="25"], *[pb~="xs-25"] { --padding-bottom: var(--space-25) } /* sm (≥360px) */ @media (min-width: 360px) { /* padding-y */ *[p~="sm-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="sm-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="sm-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="sm-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="sm-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="sm-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="sm-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="sm-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="sm-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="sm-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="sm-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="sm-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="sm-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="sm-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="sm-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="sm-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="sm-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="sm-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="sm-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="sm-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="sm-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="sm-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="sm-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="sm-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="sm-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="sm-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="sm-0"] { --padding-top: var(--space-0) } *[pt~="sm-1"] { --padding-top: var(--space-1) } *[pt~="sm-2"] { --padding-top: var(--space-2) } *[pt~="sm-3"] { --padding-top: var(--space-3) } *[pt~="sm-4"] { --padding-top: var(--space-4) } *[pt~="sm-5"] { --padding-top: var(--space-5) } *[pt~="sm-6"] { --padding-top: var(--space-6) } *[pt~="sm-7"] { --padding-top: var(--space-7) } *[pt~="sm-8"] { --padding-top: var(--space-8) } *[pt~="sm-9"] { --padding-top: var(--space-9) } *[pt~="sm-10"] { --padding-top: var(--space-10) } *[pt~="sm-11"] { --padding-top: var(--space-11) } *[pt~="sm-12"] { --padding-top: var(--space-12) } *[pt~="sm-13"] { --padding-top: var(--space-13) } *[pt~="sm-14"] { --padding-top: var(--space-14) } *[pt~="sm-15"] { --padding-top: var(--space-15) } *[pt~="sm-16"] { --padding-top: var(--space-16) } *[pt~="sm-17"] { --padding-top: var(--space-17) } *[pt~="sm-18"] { --padding-top: var(--space-18) } *[pt~="sm-19"] { --padding-top: var(--space-19) } *[pt~="sm-20"] { --padding-top: var(--space-20) } *[pt~="sm-21"] { --padding-top: var(--space-21) } *[pt~="sm-22"] { --padding-top: var(--space-22) } *[pt~="sm-23"] { --padding-top: var(--space-23) } *[pt~="sm-24"] { --padding-top: var(--space-24) } *[pt~="sm-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="sm-0"] { --padding-bottom: var(--space-0) } *[pb~="sm-1"] { --padding-bottom: var(--space-1) } *[pb~="sm-2"] { --padding-bottom: var(--space-2) } *[pb~="sm-3"] { --padding-bottom: var(--space-3) } *[pb~="sm-4"] { --padding-bottom: var(--space-4) } *[pb~="sm-5"] { --padding-bottom: var(--space-5) } *[pb~="sm-6"] { --padding-bottom: var(--space-6) } *[pb~="sm-7"] { --padding-bottom: var(--space-7) } *[pb~="sm-8"] { --padding-bottom: var(--space-8) } *[pb~="sm-9"] { --padding-bottom: var(--space-9) } *[pb~="sm-10"] { --padding-bottom: var(--space-10) } *[pb~="sm-11"] { --padding-bottom: var(--space-11) } *[pb~="sm-12"] { --padding-bottom: var(--space-12) } *[pb~="sm-13"] { --padding-bottom: var(--space-13) } *[pb~="sm-14"] { --padding-bottom: var(--space-14) } *[pb~="sm-15"] { --padding-bottom: var(--space-15) } *[pb~="sm-16"] { --padding-bottom: var(--space-16) } *[pb~="sm-17"] { --padding-bottom: var(--space-17) } *[pb~="sm-18"] { --padding-bottom: var(--space-18) } *[pb~="sm-19"] { --padding-bottom: var(--space-19) } *[pb~="sm-20"] { --padding-bottom: var(--space-20) } *[pb~="sm-21"] { --padding-bottom: var(--space-21) } *[pb~="sm-22"] { --padding-bottom: var(--space-22) } *[pb~="sm-23"] { --padding-bottom: var(--space-23) } *[pb~="sm-24"] { --padding-bottom: var(--space-24) } *[pb~="sm-25"] { --padding-bottom: var(--space-25) } } /* md (≥768px) */ @media (min-width: 768px) { /* padding-y */ *[p~="md-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="md-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="md-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="md-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="md-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="md-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="md-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="md-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="md-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="md-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="md-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="md-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="md-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="md-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="md-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="md-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="md-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="md-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="md-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="md-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="md-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="md-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="md-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="md-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="md-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="md-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="md-0"] { --padding-top: var(--space-0) } *[pt~="md-1"] { --padding-top: var(--space-1) } *[pt~="md-2"] { --padding-top: var(--space-2) } *[pt~="md-3"] { --padding-top: var(--space-3) } *[pt~="md-4"] { --padding-top: var(--space-4) } *[pt~="md-5"] { --padding-top: var(--space-5) } *[pt~="md-6"] { --padding-top: var(--space-6) } *[pt~="md-7"] { --padding-top: var(--space-7) } *[pt~="md-8"] { --padding-top: var(--space-8) } *[pt~="md-9"] { --padding-top: var(--space-9) } *[pt~="md-10"] { --padding-top: var(--space-10) } *[pt~="md-11"] { --padding-top: var(--space-11) } *[pt~="md-12"] { --padding-top: var(--space-12) } *[pt~="md-13"] { --padding-top: var(--space-13) } *[pt~="md-14"] { --padding-top: var(--space-14) } *[pt~="md-15"] { --padding-top: var(--space-15) } *[pt~="md-16"] { --padding-top: var(--space-16) } *[pt~="md-17"] { --padding-top: var(--space-17) } *[pt~="md-18"] { --padding-top: var(--space-18) } *[pt~="md-19"] { --padding-top: var(--space-19) } *[pt~="md-20"] { --padding-top: var(--space-20) } *[pt~="md-21"] { --padding-top: var(--space-21) } *[pt~="md-22"] { --padding-top: var(--space-22) } *[pt~="md-23"] { --padding-top: var(--space-23) } *[pt~="md-24"] { --padding-top: var(--space-24) } *[pt~="md-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="md-0"] { --padding-bottom: var(--space-0) } *[pb~="md-1"] { --padding-bottom: var(--space-1) } *[pb~="md-2"] { --padding-bottom: var(--space-2) } *[pb~="md-3"] { --padding-bottom: var(--space-3) } *[pb~="md-4"] { --padding-bottom: var(--space-4) } *[pb~="md-5"] { --padding-bottom: var(--space-5) } *[pb~="md-6"] { --padding-bottom: var(--space-6) } *[pb~="md-7"] { --padding-bottom: var(--space-7) } *[pb~="md-8"] { --padding-bottom: var(--space-8) } *[pb~="md-9"] { --padding-bottom: var(--space-9) } *[pb~="md-10"] { --padding-bottom: var(--space-10) } *[pb~="md-11"] { --padding-bottom: var(--space-11) } *[pb~="md-12"] { --padding-bottom: var(--space-12) } *[pb~="md-13"] { --padding-bottom: var(--space-13) } *[pb~="md-14"] { --padding-bottom: var(--space-14) } *[pb~="md-15"] { --padding-bottom: var(--space-15) } *[pb~="md-16"] { --padding-bottom: var(--space-16) } *[pb~="md-17"] { --padding-bottom: var(--space-17) } *[pb~="md-18"] { --padding-bottom: var(--space-18) } *[pb~="md-19"] { --padding-bottom: var(--space-19) } *[pb~="md-20"] { --padding-bottom: var(--space-20) } *[pb~="md-21"] { --padding-bottom: var(--space-21) } *[pb~="md-22"] { --padding-bottom: var(--space-22) } *[pb~="md-23"] { --padding-bottom: var(--space-23) } *[pb~="md-24"] { --padding-bottom: var(--space-24) } *[pb~="md-25"] { --padding-bottom: var(--space-25) } } /* lp (≥1024px) */ @media (min-width: 1024px) { /* padding-y */ *[p~="lp-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="lp-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="lp-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="lp-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="lp-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="lp-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="lp-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="lp-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="lp-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="lp-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="lp-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="lp-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="lp-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="lp-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="lp-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="lp-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="lp-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="lp-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="lp-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="lp-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="lp-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="lp-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="lp-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="lp-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="lp-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="lp-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="lp-0"] { --padding-top: var(--space-0) } *[pt~="lp-1"] { --padding-top: var(--space-1) } *[pt~="lp-2"] { --padding-top: var(--space-2) } *[pt~="lp-3"] { --padding-top: var(--space-3) } *[pt~="lp-4"] { --padding-top: var(--space-4) } *[pt~="lp-5"] { --padding-top: var(--space-5) } *[pt~="lp-6"] { --padding-top: var(--space-6) } *[pt~="lp-7"] { --padding-top: var(--space-7) } *[pt~="lp-8"] { --padding-top: var(--space-8) } *[pt~="lp-9"] { --padding-top: var(--space-9) } *[pt~="lp-10"] { --padding-top: var(--space-10) } *[pt~="lp-11"] { --padding-top: var(--space-11) } *[pt~="lp-12"] { --padding-top: var(--space-12) } *[pt~="lp-13"] { --padding-top: var(--space-13) } *[pt~="lp-14"] { --padding-top: var(--space-14) } *[pt~="lp-15"] { --padding-top: var(--space-15) } *[pt~="lp-16"] { --padding-top: var(--space-16) } *[pt~="lp-17"] { --padding-top: var(--space-17) } *[pt~="lp-18"] { --padding-top: var(--space-18) } *[pt~="lp-19"] { --padding-top: var(--space-19) } *[pt~="lp-20"] { --padding-top: var(--space-20) } *[pt~="lp-21"] { --padding-top: var(--space-21) } *[pt~="lp-22"] { --padding-top: var(--space-22) } *[pt~="lp-23"] { --padding-top: var(--space-23) } *[pt~="lp-24"] { --padding-top: var(--space-24) } *[pt~="lp-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="lp-0"] { --padding-bottom: var(--space-0) } *[pb~="lp-1"] { --padding-bottom: var(--space-1) } *[pb~="lp-2"] { --padding-bottom: var(--space-2) } *[pb~="lp-3"] { --padding-bottom: var(--space-3) } *[pb~="lp-4"] { --padding-bottom: var(--space-4) } *[pb~="lp-5"] { --padding-bottom: var(--space-5) } *[pb~="lp-6"] { --padding-bottom: var(--space-6) } *[pb~="lp-7"] { --padding-bottom: var(--space-7) } *[pb~="lp-8"] { --padding-bottom: var(--space-8) } *[pb~="lp-9"] { --padding-bottom: var(--space-9) } *[pb~="lp-10"] { --padding-bottom: var(--space-10) } *[pb~="lp-11"] { --padding-bottom: var(--space-11) } *[pb~="lp-12"] { --padding-bottom: var(--space-12) } *[pb~="lp-13"] { --padding-bottom: var(--space-13) } *[pb~="lp-14"] { --padding-bottom: var(--space-14) } *[pb~="lp-15"] { --padding-bottom: var(--space-15) } *[pb~="lp-16"] { --padding-bottom: var(--space-16) } *[pb~="lp-17"] { --padding-bottom: var(--space-17) } *[pb~="lp-18"] { --padding-bottom: var(--space-18) } *[pb~="lp-19"] { --padding-bottom: var(--space-19) } *[pb~="lp-20"] { --padding-bottom: var(--space-20) } *[pb~="lp-21"] { --padding-bottom: var(--space-21) } *[pb~="lp-22"] { --padding-bottom: var(--space-22) } *[pb~="lp-23"] { --padding-bottom: var(--space-23) } *[pb~="lp-24"] { --padding-bottom: var(--space-24) } *[pb~="lp-25"] { --padding-bottom: var(--space-25) } } /* lg (≥1280px) */ @media (min-width: 1280px) { /* padding-y */ *[p~="lg-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="lg-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="lg-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="lg-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="lg-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="lg-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="lg-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="lg-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="lg-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="lg-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="lg-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="lg-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="lg-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="lg-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="lg-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="lg-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="lg-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="lg-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="lg-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="lg-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="lg-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="lg-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="lg-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="lg-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="lg-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="lg-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="lg-0"] { --padding-top: var(--space-0) } *[pt~="lg-1"] { --padding-top: var(--space-1) } *[pt~="lg-2"] { --padding-top: var(--space-2) } *[pt~="lg-3"] { --padding-top: var(--space-3) } *[pt~="lg-4"] { --padding-top: var(--space-4) } *[pt~="lg-5"] { --padding-top: var(--space-5) } *[pt~="lg-6"] { --padding-top: var(--space-6) } *[pt~="lg-7"] { --padding-top: var(--space-7) } *[pt~="lg-8"] { --padding-top: var(--space-8) } *[pt~="lg-9"] { --padding-top: var(--space-9) } *[pt~="lg-10"] { --padding-top: var(--space-10) } *[pt~="lg-11"] { --padding-top: var(--space-11) } *[pt~="lg-12"] { --padding-top: var(--space-12) } *[pt~="lg-13"] { --padding-top: var(--space-13) } *[pt~="lg-14"] { --padding-top: var(--space-14) } *[pt~="lg-15"] { --padding-top: var(--space-15) } *[pt~="lg-16"] { --padding-top: var(--space-16) } *[pt~="lg-17"] { --padding-top: var(--space-17) } *[pt~="lg-18"] { --padding-top: var(--space-18) } *[pt~="lg-19"] { --padding-top: var(--space-19) } *[pt~="lg-20"] { --padding-top: var(--space-20) } *[pt~="lg-21"] { --padding-top: var(--space-21) } *[pt~="lg-22"] { --padding-top: var(--space-22) } *[pt~="lg-23"] { --padding-top: var(--space-23) } *[pt~="lg-24"] { --padding-top: var(--space-24) } *[pt~="lg-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="lg-0"] { --padding-bottom: var(--space-0) } *[pb~="lg-1"] { --padding-bottom: var(--space-1) } *[pb~="lg-2"] { --padding-bottom: var(--space-2) } *[pb~="lg-3"] { --padding-bottom: var(--space-3) } *[pb~="lg-4"] { --padding-bottom: var(--space-4) } *[pb~="lg-5"] { --padding-bottom: var(--space-5) } *[pb~="lg-6"] { --padding-bottom: var(--space-6) } *[pb~="lg-7"] { --padding-bottom: var(--space-7) } *[pb~="lg-8"] { --padding-bottom: var(--space-8) } *[pb~="lg-9"] { --padding-bottom: var(--space-9) } *[pb~="lg-10"] { --padding-bottom: var(--space-10) } *[pb~="lg-11"] { --padding-bottom: var(--space-11) } *[pb~="lg-12"] { --padding-bottom: var(--space-12) } *[pb~="lg-13"] { --padding-bottom: var(--space-13) } *[pb~="lg-14"] { --padding-bottom: var(--space-14) } *[pb~="lg-15"] { --padding-bottom: var(--space-15) } *[pb~="lg-16"] { --padding-bottom: var(--space-16) } *[pb~="lg-17"] { --padding-bottom: var(--space-17) } *[pb~="lg-18"] { --padding-bottom: var(--space-18) } *[pb~="lg-19"] { --padding-bottom: var(--space-19) } *[pb~="lg-20"] { --padding-bottom: var(--space-20) } *[pb~="lg-21"] { --padding-bottom: var(--space-21) } *[pb~="lg-22"] { --padding-bottom: var(--space-22) } *[pb~="lg-23"] { --padding-bottom: var(--space-23) } *[pb~="lg-24"] { --padding-bottom: var(--space-24) } *[pb~="lg-25"] { --padding-bottom: var(--space-25) } } /* dt (≥1536px) */ @media (min-width: 1536px) { /* padding-y */ *[p~="dt-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="dt-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="dt-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="dt-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="dt-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="dt-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="dt-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="dt-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="dt-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="dt-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="dt-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="dt-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="dt-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="dt-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="dt-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="dt-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="dt-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="dt-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="dt-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="dt-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="dt-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="dt-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="dt-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="dt-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="dt-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="dt-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="dt-0"] { --padding-top: var(--space-0) } *[pt~="dt-1"] { --padding-top: var(--space-1) } *[pt~="dt-2"] { --padding-top: var(--space-2) } *[pt~="dt-3"] { --padding-top: var(--space-3) } *[pt~="dt-4"] { --padding-top: var(--space-4) } *[pt~="dt-5"] { --padding-top: var(--space-5) } *[pt~="dt-6"] { --padding-top: var(--space-6) } *[pt~="dt-7"] { --padding-top: var(--space-7) } *[pt~="dt-8"] { --padding-top: var(--space-8) } *[pt~="dt-9"] { --padding-top: var(--space-9) } *[pt~="dt-10"] { --padding-top: var(--space-10) } *[pt~="dt-11"] { --padding-top: var(--space-11) } *[pt~="dt-12"] { --padding-top: var(--space-12) } *[pt~="dt-13"] { --padding-top: var(--space-13) } *[pt~="dt-14"] { --padding-top: var(--space-14) } *[pt~="dt-15"] { --padding-top: var(--space-15) } *[pt~="dt-16"] { --padding-top: var(--space-16) } *[pt~="dt-17"] { --padding-top: var(--space-17) } *[pt~="dt-18"] { --padding-top: var(--space-18) } *[pt~="dt-19"] { --padding-top: var(--space-19) } *[pt~="dt-20"] { --padding-top: var(--space-20) } *[pt~="dt-21"] { --padding-top: var(--space-21) } *[pt~="dt-22"] { --padding-top: var(--space-22) } *[pt~="dt-23"] { --padding-top: var(--space-23) } *[pt~="dt-24"] { --padding-top: var(--space-24) } *[pt~="dt-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="dt-0"] { --padding-bottom: var(--space-0) } *[pb~="dt-1"] { --padding-bottom: var(--space-1) } *[pb~="dt-2"] { --padding-bottom: var(--space-2) } *[pb~="dt-3"] { --padding-bottom: var(--space-3) } *[pb~="dt-4"] { --padding-bottom: var(--space-4) } *[pb~="dt-5"] { --padding-bottom: var(--space-5) } *[pb~="dt-6"] { --padding-bottom: var(--space-6) } *[pb~="dt-7"] { --padding-bottom: var(--space-7) } *[pb~="dt-8"] { --padding-bottom: var(--space-8) } *[pb~="dt-9"] { --padding-bottom: var(--space-9) } *[pb~="dt-10"] { --padding-bottom: var(--space-10) } *[pb~="dt-11"] { --padding-bottom: var(--space-11) } *[pb~="dt-12"] { --padding-bottom: var(--space-12) } *[pb~="dt-13"] { --padding-bottom: var(--space-13) } *[pb~="dt-14"] { --padding-bottom: var(--space-14) } *[pb~="dt-15"] { --padding-bottom: var(--space-15) } *[pb~="dt-16"] { --padding-bottom: var(--space-16) } *[pb~="dt-17"] { --padding-bottom: var(--space-17) } *[pb~="dt-18"] { --padding-bottom: var(--space-18) } *[pb~="dt-19"] { --padding-bottom: var(--space-19) } *[pb~="dt-20"] { --padding-bottom: var(--space-20) } *[pb~="dt-21"] { --padding-bottom: var(--space-21) } *[pb~="dt-22"] { --padding-bottom: var(--space-22) } *[pb~="dt-23"] { --padding-bottom: var(--space-23) } *[pb~="dt-24"] { --padding-bottom: var(--space-24) } *[pb~="dt-25"] { --padding-bottom: var(--space-25) } } /* xl (≥1920px) */ @media (min-width: 1920px) { /* padding-y */ *[p~="xl-0"] { --padding-top: var(--space-0); --padding-bottom: var(--space-0) } *[p~="xl-1"] { --padding-top: var(--space-1); --padding-bottom: var(--space-1) } *[p~="xl-2"] { --padding-top: var(--space-2); --padding-bottom: var(--space-2) } *[p~="xl-3"] { --padding-top: var(--space-3); --padding-bottom: var(--space-3) } *[p~="xl-4"] { --padding-top: var(--space-4); --padding-bottom: var(--space-4) } *[p~="xl-5"] { --padding-top: var(--space-5); --padding-bottom: var(--space-5) } *[p~="xl-6"] { --padding-top: var(--space-6); --padding-bottom: var(--space-6) } *[p~="xl-7"] { --padding-top: var(--space-7); --padding-bottom: var(--space-7) } *[p~="xl-8"] { --padding-top: var(--space-8); --padding-bottom: var(--space-8) } *[p~="xl-9"] { --padding-top: var(--space-9); --padding-bottom: var(--space-9) } *[p~="xl-10"] { --padding-top: var(--space-10); --padding-bottom: var(--space-10) } *[p~="xl-11"] { --padding-top: var(--space-11); --padding-bottom: var(--space-11) } *[p~="xl-12"] { --padding-top: var(--space-12); --padding-bottom: var(--space-12) } *[p~="xl-13"] { --padding-top: var(--space-13); --padding-bottom: var(--space-13) } *[p~="xl-14"] { --padding-top: var(--space-14); --padding-bottom: var(--space-14) } *[p~="xl-15"] { --padding-top: var(--space-15); --padding-bottom: var(--space-15) } *[p~="xl-16"] { --padding-top: var(--space-16); --padding-bottom: var(--space-16) } *[p~="xl-17"] { --padding-top: var(--space-17); --padding-bottom: var(--space-17) } *[p~="xl-18"] { --padding-top: var(--space-18); --padding-bottom: var(--space-18) } *[p~="xl-19"] { --padding-top: var(--space-19); --padding-bottom: var(--space-19) } *[p~="xl-20"] { --padding-top: var(--space-20); --padding-bottom: var(--space-20) } *[p~="xl-21"] { --padding-top: var(--space-21); --padding-bottom: var(--space-21) } *[p~="xl-22"] { --padding-top: var(--space-22); --padding-bottom: var(--space-22) } *[p~="xl-23"] { --padding-top: var(--space-23); --padding-bottom: var(--space-23) } *[p~="xl-24"] { --padding-top: var(--space-24); --padding-bottom: var(--space-24) } *[p~="xl-25"] { --padding-top: var(--space-25); --padding-bottom: var(--space-25) } /* padding-top */ *[pt~="xl-0"] { --padding-top: var(--space-0) } *[pt~="xl-1"] { --padding-top: var(--space-1) } *[pt~="xl-2"] { --padding-top: var(--space-2) } *[pt~="xl-3"] { --padding-top: var(--space-3) } *[pt~="xl-4"] { --padding-top: var(--space-4) } *[pt~="xl-5"] { --padding-top: var(--space-5) } *[pt~="xl-6"] { --padding-top: var(--space-6) } *[pt~="xl-7"] { --padding-top: var(--space-7) } *[pt~="xl-8"] { --padding-top: var(--space-8) } *[pt~="xl-9"] { --padding-top: var(--space-9) } *[pt~="xl-10"] { --padding-top: var(--space-10) } *[pt~="xl-11"] { --padding-top: var(--space-11) } *[pt~="xl-12"] { --padding-top: var(--space-12) } *[pt~="xl-13"] { --padding-top: var(--space-13) } *[pt~="xl-14"] { --padding-top: var(--space-14) } *[pt~="xl-15"] { --padding-top: var(--space-15) } *[pt~="xl-16"] { --padding-top: var(--space-16) } *[pt~="xl-17"] { --padding-top: var(--space-17) } *[pt~="xl-18"] { --padding-top: var(--space-18) } *[pt~="xl-19"] { --padding-top: var(--space-19) } *[pt~="xl-20"] { --padding-top: var(--space-20) } *[pt~="xl-21"] { --padding-top: var(--space-21) } *[pt~="xl-22"] { --padding-top: var(--space-22) } *[pt~="xl-23"] { --padding-top: var(--space-23) } *[pt~="xl-24"] { --padding-top: var(--space-24) } *[pt~="xl-25"] { --padding-top: var(--space-25) } /* padding-bottom */ *[pb~="xl-0"] { --padding-bottom: var(--space-0) } *[pb~="xl-1"] { --padding-bottom: var(--space-1) } *[pb~="xl-2"] { --padding-bottom: var(--space-2) } *[pb~="xl-3"] { --padding-bottom: var(--space-3) } *[pb~="xl-4"] { --padding-bottom: var(--space-4) } *[pb~="xl-5"] { --padding-bottom: var(--space-5) } *[pb~="xl-6"] { --padding-bottom: var(--space-6) } *[pb~="xl-7"] { --padding-bottom: var(--space-7) } *[pb~="xl-8"] { --padding-bottom: var(--space-8) } *[pb~="xl-9"] { --padding-bottom: var(--space-9) } *[pb~="xl-10"] { --padding-bottom: var(--space-10) } *[pb~="xl-11"] { --padding-bottom: var(--space-11) } *[pb~="xl-12"] { --padding-bottom: var(--space-12) } *[pb~="xl-13"] { --padding-bottom: var(--space-13) } *[pb~="xl-14"] { --padding-bottom: var(--space-14) } *[pb~="xl-15"] { --padding-bottom: var(--space-15) } *[pb~="xl-16"] { --padding-bottom: var(--space-16) } *[pb~="xl-17"] { --padding-bottom: var(--space-17) } *[pb~="xl-18"] { --padding-bottom: var(--space-18) } *[pb~="xl-19"] { --padding-bottom: var(--space-19) } *[pb~="xl-20"] { --padding-bottom: var(--space-20) } *[pb~="xl-21"] { --padding-bottom: var(--space-21) } *[pb~="xl-22"] { --padding-bottom: var(--space-22) } *[pb~="xl-23"] { --padding-bottom: var(--space-23) } *[pb~="xl-24"] { --padding-bottom: var(--space-24) } *[pb~="xl-25"] { --padding-bottom: var(--space-25) } } *[p], *[pt], *[pb] { padding-top: var(--padding-top); padding-bottom: var(--padding-bottom) } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; font-family: inherit; font-style: inherit; color: inherit; vertical-align: middle; } html { font-size: var(--font-size); width: 100vw; overflow-x: hidden; scroll-behavior: smooth } body { user-select: none; width: 100vw; overflow-x: hidden; font-size: 1.6rem; font-weight: var(--font-weight); line-height: 1; } main, section, .container { position: relative; width: 100%; margin-left: auto; margin-right: auto } picture, video, canvas, svg { display: block; overflow: hidden; max-width: 100%; height: auto; line-height: 0 } img, iframe { width: 100%; height: 100%; object-fit: cover; object-position: center } input, textarea, button { font-size: var(--fs-p) } input::placeholder, textarea::placeholder { font-size: var(--fs-p) } textarea:focus, input:focus, button:focus { outline: none } label > input, label > textarea { width: 100%; height: 100%; resize: vertical; } label:has(> *[checkbox], *[radio]):has(> input[type="checkbox"], input[type="radio"]) { position: relative; input[type="checkbox"], input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; bottom: 0; left: 0; pointer-events: none; } *[checkbox], *[radio] { cursor: pointer; position: relative; } span[checkbox], span[radio] { display: inline-block; vertical-align: middle; width: var(--fs-p); height: var(--fs-p); svg { width: 100%; height: 100%; } } } button { background: none; border: none } li { list-style: none } hr { border: 0; margin: 0 } *[fluid] { width: fit-content; height: fit-content; } *[icon] { display: flex; justify-content: center; align-items: center; box-sizing: content-box; cursor: pointer; position: relative; width: max-content; height: max-content; } *[icon~="square"] { height: auto; aspect-ratio: 1 / 1; } *[icon~="inline"] { display: inline-flex } *[icon] > * { flex: auto } *[icon]::after { content: ''; position: absolute; top: -1rem; left: -1rem; right: -1rem; bottom: -1rem; pointer-events: all; background: rgba(0,0,0,0); z-index: 10; } *[mask] { --mask: ''; --color: #000; mask: var(--mask) no-repeat center / contain; background-color: var(--color); } a, button { cursor: pointer } h1, h2, h3, h4, h5, h6, p { font-weight: inherit; overflow-wrap: break-word } h1 { font-size: var(--fs-h1) } h2 { font-size: var(--fs-h2) } h3 { font-size: var(--fs-h3) } h4 { font-size: var(--fs-h4) } h5 { font-size: var(--fs-h5) } h6 { font-size: var(--fs-h6) } p { font-size: var(--fs-p) } section { max-width: 320px } @media (min-width:360px) { section { max-width: 340px } } @media (min-width:595px) { section { max-width: 550px } } @media (min-width:768px) { section { max-width: 720px } } @media (min-width:1024px) { section { max-width: 960px } } @media (min-width:1280px) { section { max-width: 1200px } } @media (min-width:1536px) { section { max-width: 1320px } } @media (min-width:1920px) { section { max-width: 1600px } } *[grid], *[grid~="12"] { --grid-columns: 12; display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr) } *[grid~="10"] { --grid-columns: 10; } *[col] { grid-column: var(--col-start, auto) / span var(--col-span, var(--grid-columns)) } /* xs: >0px */ *[col~="1"], *[col~="xs-1"] { --col-span: 1 } *[col~="2"], *[col~="xs-2"] { --col-span: 2 } *[col~="3"], *[col~="xs-3"] { --col-span: 3 } *[col~="4"], *[col~="xs-4"] { --col-span: 4 } *[col~="5"], *[col~="xs-5"] { --col-span: 5 } *[col~="6"], *[col~="xs-6"] { --col-span: 6 } *[col~="7"], *[col~="xs-7"] { --col-span: 7 } *[col~="8"], *[col~="xs-8"] { --col-span: 8 } *[col~="9"], *[col~="xs-9"] { --col-span: 9 } *[col~="10"], *[col~="xs-10"] { --col-span: 10 } *[col~="11"], *[col~="xs-11"] { --col-span: 11 } *[col~="12"], *[col~="xs-12"] { --col-span: 12 } *[col~="start-1"], *[col~="xs-start-1"] { --col-start: 1 } *[col~="start-2"], *[col~="xs-start-2"] { --col-start: 2 } *[col~="start-3"], *[col~="xs-start-3"] { --col-start: 3 } *[col~="start-4"], *[col~="xs-start-4"] { --col-start: 4 } *[col~="start-5"], *[col~="xs-start-5"] { --col-start: 5 } *[col~="start-6"], *[col~="xs-start-6"] { --col-start: 6 } *[col~="start-7"], *[col~="xs-start-7"] { --col-start: 7 } *[col~="start-8"], *[col~="xs-start-8"] { --col-start: 8 } *[col~="start-9"], *[col~="xs-start-9"] { --col-start: 9 } *[col~="start-10"], *[col~="xs-start-10"] { --col-start: 10 } *[col~="start-11"], *[col~="xs-start-11"] { --col-start: 11 } *[col~="start-12"], *[col~="xs-start-12"] { --col-start: 12 } /* sm (≥360px) */ @media (min-width: 360px) { *[col~="sm-1"] { --col-span: 1 } *[col~="sm-2"] { --col-span: 2 } *[col~="sm-3"] { --col-span: 3 } *[col~="sm-4"] { --col-span: 4 } *[col~="sm-5"] { --col-span: 5 } *[col~="sm-6"] { --col-span: 6 } *[col~="sm-7"] { --col-span: 7 } *[col~="sm-8"] { --col-span: 8 } *[col~="sm-9"] { --col-span: 9 } *[col~="sm-10"] { --col-span: 10 } *[col~="sm-11"] { --col-span: 11 } *[col~="sm-12"] { --col-span: 12 } *[col~="sm-start-1"] { --col-start: 1 } *[col~="sm-start-2"] { --col-start: 2 } *[col~="sm-start-3"] { --col-start: 3 } *[col~="sm-start-4"] { --col-start: 4 } *[col~="sm-start-5"] { --col-start: 5 } *[col~="sm-start-6"] { --col-start: 6 } *[col~="sm-start-7"] { --col-start: 7 } *[col~="sm-start-8"] { --col-start: 8 } *[col~="sm-start-9"] { --col-start: 9 } *[col~="sm-start-10"] { --col-start: 10 } *[col~="sm-start-11"] { --col-start: 11 } *[col~="sm-start-12"] { --col-start: 12 } } /* md (≥768px) */ @media (min-width: 768px) { *[col~="md-1"] { --col-span: 1 } *[col~="md-2"] { --col-span: 2 } *[col~="md-3"] { --col-span: 3 } *[col~="md-4"] { --col-span: 4 } *[col~="md-5"] { --col-span: 5 } *[col~="md-6"] { --col-span: 6 } *[col~="md-7"] { --col-span: 7 } *[col~="md-8"] { --col-span: 8 } *[col~="md-9"] { --col-span: 9 } *[col~="md-10"] { --col-span: 10 } *[col~="md-11"] { --col-span: 11 } *[col~="md-12"] { --col-span: 12 } *[col~="md-start-1"] { --col-start: 1 } *[col~="md-start-2"] { --col-start: 2 } *[col~="md-start-3"] { --col-start: 3 } *[col~="md-start-4"] { --col-start: 4 } *[col~="md-start-5"] { --col-start: 5 } *[col~="md-start-6"] { --col-start: 6 } *[col~="md-start-7"] { --col-start: 7 } *[col~="md-start-8"] { --col-start: 8 } *[col~="md-start-9"] { --col-start: 9 } *[col~="md-start-10"] { --col-start: 10 } *[col~="md-start-11"] { --col-start: 11 } *[col~="md-start-12"] { --col-start: 12 } } /* lp (≥1024px) */ @media (min-width: 1024px) { *[col~="lp-1"] { --col-span: 1 } *[col~="lp-2"] { --col-span: 2 } *[col~="lp-3"] { --col-span: 3 } *[col~="lp-4"] { --col-span: 4 } *[col~="lp-5"] { --col-span: 5 } *[col~="lp-6"] { --col-span: 6 } *[col~="lp-7"] { --col-span: 7 } *[col~="lp-8"] { --col-span: 8 } *[col~="lp-9"] { --col-span: 9 } *[col~="lp-10"] { --col-span: 10 } *[col~="lp-11"] { --col-span: 11 } *[col~="lp-12"] { --col-span: 12 } *[col~="lp-start-1"] { --col-start: 1 } *[col~="lp-start-2"] { --col-start: 2 } *[col~="lp-start-3"] { --col-start: 3 } *[col~="lp-start-4"] { --col-start: 4 } *[col~="lp-start-5"] { --col-start: 5 } *[col~="lp-start-6"] { --col-start: 6 } *[col~="lp-start-7"] { --col-start: 7 } *[col~="lp-start-8"] { --col-start: 8 } *[col~="lp-start-9"] { --col-start: 9 } *[col~="lp-start-10"] { --col-start: 10 } *[col~="lp-start-11"] { --col-start: 11 } *[col~="lp-start-12"] { --col-start: 12 } } /* lg (≥1280px) */ @media (min-width: 1280px) { *[col~="lg-1"] { --col-span: 1 } *[col~="lg-2"] { --col-span: 2 } *[col~="lg-3"] { --col-span: 3 } *[col~="lg-4"] { --col-span: 4 } *[col~="lg-5"] { --col-span: 5 } *[col~="lg-6"] { --col-span: 6 } *[col~="lg-7"] { --col-span: 7 } *[col~="lg-8"] { --col-span: 8 } *[col~="lg-9"] { --col-span: 9 } *[col~="lg-10"] { --col-span: 10 } *[col~="lg-11"] { --col-span: 11 } *[col~="lg-12"] { --col-span: 12 } *[col~="lg-start-1"] { --col-start: 1 } *[col~="lg-start-2"] { --col-start: 2 } *[col~="lg-start-3"] { --col-start: 3 } *[col~="lg-start-4"] { --col-start: 4 } *[col~="lg-start-5"] { --col-start: 5 } *[col~="lg-start-6"] { --col-start: 6 } *[col~="lg-start-7"] { --col-start: 7 } *[col~="lg-start-8"] { --col-start: 8 } *[col~="lg-start-9"] { --col-start: 9 } *[col~="lg-start-10"] { --col-start: 10 } *[col~="lg-start-11"] { --col-start: 11 } *[col~="lg-start-12"] { --col-start: 12 } } /* dt (≥1536px) */ @media (min-width: 1536px) { *[col~="dt-1"] { --col-span: 1 } *[col~="dt-2"] { --col-span: 2 } *[col~="dt-3"] { --col-span: 3 } *[col~="dt-4"] { --col-span: 4 } *[col~="dt-5"] { --col-span: 5 } *[col~="dt-6"] { --col-span: 6 } *[col~="dt-7"] { --col-span: 7 } *[col~="dt-8"] { --col-span: 8 } *[col~="dt-9"] { --col-span: 9 } *[col~="dt-10"] { --col-span: 10 } *[col~="dt-11"] { --col-span: 11 } *[col~="dt-12"] { --col-span: 12 } *[col~="dt-start-1"] { --col-start: 1 } *[col~="dt-start-2"] { --col-start: 2 } *[col~="dt-start-3"] { --col-start: 3 } *[col~="dt-start-4"] { --col-start: 4 } *[col~="dt-start-5"] { --col-start: 5 } *[col~="dt-start-6"] { --col-start: 6 } *[col~="dt-start-7"] { --col-start: 7 } *[col~="dt-start-8"] { --col-start: 8 } *[col~="dt-start-9"] { --col-start: 9 } *[col~="dt-start-10"] { --col-start: 10 } *[col~="dt-start-11"] { --col-start: 11 } *[col~="dt-start-12"] { --col-start: 12 } } /* xl (≥1920px) */ @media (min-width: 1920px) { *[col~="xl-1"] { --col-span: 1 } *[col~="xl-2"] { --col-span: 2 } *[col~="xl-3"] { --col-span: 3 } *[col~="xl-4"] { --col-span: 4 } *[col~="xl-5"] { --col-span: 5 } *[col~="xl-6"] { --col-span: 6 } *[col~="xl-7"] { --col-span: 7 } *[col~="xl-8"] { --col-span: 8 } *[col~="xl-9"] { --col-span: 9 } *[col~="xl-10"] { --col-span: 10 } *[col~="xl-11"] { --col-span: 11 } *[col~="xl-12"] { --col-span: 12 } *[col~="xl-start-1"] { --col-start: 1 } *[col~="xl-start-2"] { --col-start: 2 } *[col~="xl-start-3"] { --col-start: 3 } *[col~="xl-start-4"] { --col-start: 4 } *[col~="xl-start-5"] { --col-start: 5 } *[col~="xl-start-6"] { --col-start: 6 } *[col~="xl-start-7"] { --col-start: 7 } *[col~="xl-start-8"] { --col-start: 8 } *[col~="xl-start-9"] { --col-start: 9 } *[col~="xl-start-10"] { --col-start: 10 } *[col~="xl-start-11"] { --col-start: 11 } *[col~="xl-start-12"] { --col-start: 12 } } *[d] { display: var(--display) !important } /* xs: >0px */ *[d~="none"], *[d~="xs-none"] { --display: none } *[d~="block"], *[d~="xs-block"] { --display: block } *[d~="flex"], *[d~="xs-flex"] { --display: flex } *[d~="grid"], *[d~="xs-grid"] { --display: grid } *[d~="inline"], *[d~="xs-inline"] { --display: inline } /* sm: ≥360px */ @media (min-width: 360px) { *[d~="sm-none"] { --display: none } *[d~="sm-block"] { --display: block } *[d~="sm-flex"] { --display: flex } *[d~="sm-grid"] { --display: grid } *[d~="sm-inline"] { --display: inline } } /* md: ≥768px */ @media (min-width: 768px) { *[d~="md-none"] { --display: none } *[d~="md-block"] { --display: block } *[d~="md-flex"] { --display: flex } *[d~="md-grid"] { --display: grid } *[d~="md-inline"] { --display: inline } } /* lp: ≥1024px */ @media (min-width: 1024px) { *[d~="lp-none"] { --display: none } *[d~="lp-block"] { --display: block } *[d~="lp-flex"] { --display: flex } *[d~="lp-grid"] { --display: grid } *[d~="lp-inline"] { --display: inline } } /* lg: ≥1280px */ @media (min-width: 1280px) { *[d~="lg-none"] { --display: none } *[d~="lg-block"] { --display: block } *[d~="lg-flex"] { --display: flex } *[d~="lg-grid"] { --display: grid } *[d~="lg-inline"] { --display: inline } } /* dt: ≥1536px */ @media (min-width: 1536px) { *[d~="dt-none"] { --display: none } *[d~="dt-block"] { --display: block } *[d~="dt-flex"] { --display: flex } *[d~="dt-grid"] { --display: grid } *[d~="dt-inline"] { --display: inline } } /* xl: ≥1920px */ @media (min-width: 1920px) { *[d~="xl-none"] { --display: none } *[d~="xl-block"] { --display: block } *[d~="xl-flex"] { --display: flex } *[d~="xl-grid"] { --display: grid } *[d~="xl-inline"] { --display: inline } } /* xs-only: 0–359.98px */ @media (max-width: 359.98px) { *[d~="xs-only-none"] { --display: none } *[d~="xs-only-block"] { --display: block } *[d~="xs-only-flex"] { --display: flex } *[d~="xs-only-grid"] { --display: grid } *[d~="xs-only-inline"] { --display: inline } } /* sm-only: 375–767.98px */ @media (min-width: 360px) and (max-width: 767.98px) { *[d~="sm-only-none"] { --display: none } *[d~="sm-only-block"] { --display: block } *[d~="sm-only-flex"] { --display: flex } *[d~="sm-only-grid"] { --display: grid } *[d~="sm-only-inline"] { --display: inline } } /* md-only: 768–1023.98px */ @media (min-width: 768px) and (max-width: 1023.98px) { *[d~="md-only-none"] { --display: none } *[d~="md-only-block"] { --display: block } *[d~="md-only-flex"] { --display: flex } *[d~="md-only-grid"] { --display: grid } *[d~="md-only-inline"] { --display: inline } } /* lp-only: 1024–1279.98px */ @media (min-width: 1024px) and (max-width: 1279.98px) { *[d~="lp-only-none"] { --display: none } *[d~="lp-only-block"] { --display: block } *[d~="lp-only-flex"] { --display: flex } *[d~="lp-only-grid"] { --display: grid } *[d~="lp-only-inline"] { --display: inline } } /* lg-only: 1280–1535.98px */ @media (min-width: 1280px) and (max-width: 1535.98px) { *[d~="lg-only-none"] { --display: none } *[d~="lg-only-block"] { --display: block } *[d~="lg-only-flex"] { --display: flex } *[d~="lg-only-grid"] { --display: grid } *[d~="lg-only-inline"] { --display: inline } } /* dt-only: 1536–1919.98px */ @media (min-width: 1536px) and (max-width: 1919.98px) { *[d~="dt-only-none"] { --display: none } *[d~="dt-only-block"] { --display: block } *[d~="dt-only-flex"] { --display: flex } *[d~="dt-only-grid"] { --display: grid } *[d~="dt-only-inline"] { --display: inline } } /* xl-only: 1920px+ */ @media (min-width: 1920px) { *[d~="xl-only-none"] { --display: none } *[d~="xl-only-block"] { --display: block } *[d~="xl-only-flex"] { --display: flex } *[d~="xl-only-grid"] { --display: grid } *[d~="xl-only-inline"] { --display: inline } } .editor { width: 100%; max-width: 100%; margin: 0; padding: 0; h1, h2, h3, h4, h5, h6 { margin: 1.6rem 0 .8rem } p { margin: 0 0 1rem } a { color: blue; text-decoration: underline } strong { font-weight: var(--fw-bold) } em { font-style: italic } b { font-weight: var(--fw-bold) } i { font-style: italic } ul, ol { margin: 0 0 1rem 2rem; padding: 0; list-style-position: inside } li { list-style: initial; margin-bottom: .5rem } blockquote { margin: 0 0 1rem; padding-left: 1rem; } hr { border: none; border-top: 1px solid #ccc; margin: 2rem 0 } table { width: 100%; border-collapse: collapse; margin-bottom: 1rem } th, td { padding: .5rem 1rem; border: 1px solid #ccc; text-align: left } iframe { aspect-ratio: 16/9 } pre, code { font-family: monospace; background: #f4f4f4; padding: .25rem .5rem; border-radius: .25rem; overflow-x: auto } pre { margin-bottom: 1rem } sup, sub { vertical-align: baseline; font-size: .8em } }