@medyll/cssfabric 0.0.10

package/lib/styles/core/box/box.css

@@ -0,0 +1,2263 @@
+.border, .border-1 {
+  border: 1px solid #ccc;
+}
+.border-2 {
+  border: 2px solid #ccc;
+}
+.border-3 {
+  border: 3px solid #ccc;
+}
+.border-4 {
+  border: 4px solid #ccc;
+}
+.border-5 {
+  border: 5px solid #ccc;
+}
+
+.border-t, .border-t-1 {
+  border-top: 1px solid #ccc;
+}
+.border-t-2 {
+  border-top: 2px solid #ccc;
+}
+.border-t-3 {
+  border-top: 3px solid #ccc;
+}
+.border-t-4 {
+  border-top: 4px solid #ccc;
+}
+.border-t-5 {
+  border-top: 5px solid #ccc;
+}
+
+.border-b, .border-b-1 {
+  border-bottom: 1px solid #ccc;
+}
+.border-b-2 {
+  border-bottom: 2px solid #ccc;
+}
+.border-b-3 {
+  border-bottom: 3px solid #ccc;
+}
+.border-b-4 {
+  border-bottom: 4px solid #ccc;
+}
+.border-b-5 {
+  border-bottom: 5px solid #ccc;
+}
+
+.border-l, .border-l-1 {
+  border-left: 1px solid #ccc;
+}
+.border-l-2 {
+  border-left: 2px solid #ccc;
+}
+.border-l-3 {
+  border-left: 3px solid #ccc;
+}
+.border-l-4 {
+  border-left: 4px solid #ccc;
+}
+.border-l-5 {
+  border-left: 5px solid #ccc;
+}
+
+.border-r, .border-r-1 {
+  border-right: 1px solid #ccc;
+}
+.border-r-2 {
+  border-right: 2px solid #ccc;
+}
+.border-r-3 {
+  border-right: 3px solid #ccc;
+}
+.border-r-4 {
+  border-right: 4px solid #ccc;
+}
+.border-r-5 {
+  border-right: 5px solid #ccc;
+}
+
+.border-all, .border-all-1 {
+  border: 1px solid #ccc;
+}
+.border-all-2 {
+  border: 2px solid #ccc;
+}
+.border-all-3 {
+  border: 3px solid #ccc;
+}
+.border-all-4 {
+  border: 4px solid #ccc;
+}
+.border-all-5 {
+  border: 5px solid #ccc;
+}
+
+.border-u, .border-u-1 {
+  border-bottom: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+}
+.border-u-2 {
+  border-bottom: 2px solid #ccc;
+  border-left: 2px solid #ccc;
+  border-right: 2px solid #ccc;
+}
+.border-u-3 {
+  border-bottom: 3px solid #ccc;
+  border-left: 3px solid #ccc;
+  border-right: 3px solid #ccc;
+}
+.border-u-4 {
+  border-bottom: 4px solid #ccc;
+  border-left: 4px solid #ccc;
+  border-right: 4px solid #ccc;
+}
+.border-u-5 {
+  border-bottom: 5px solid #ccc;
+  border-left: 5px solid #ccc;
+  border-right: 5px solid #ccc;
+}
+
+.border-ii, .border-ii-1 {
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+}
+.border-ii-2 {
+  border-left: 2px solid #ccc;
+  border-right: 2px solid #ccc;
+}
+.border-ii-3 {
+  border-left: 3px solid #ccc;
+  border-right: 3px solid #ccc;
+}
+.border-ii-4 {
+  border-left: 4px solid #ccc;
+  border-right: 4px solid #ccc;
+}
+.border-ii-5 {
+  border-left: 5px solid #ccc;
+  border-right: 5px solid #ccc;
+}
+
+.border-tb, .border-tb-1 {
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+}
+.border-tb-2 {
+  border-top: 2px solid #ccc;
+  border-bottom: 2px solid #ccc;
+}
+.border-tb-3 {
+  border-top: 3px solid #ccc;
+  border-bottom: 3px solid #ccc;
+}
+.border-tb-4 {
+  border-top: 4px solid #ccc;
+  border-bottom: 4px solid #ccc;
+}
+.border-tb-5 {
+  border-top: 5px solid #ccc;
+  border-bottom: 5px solid #ccc;
+}
+
+.pad, .pad-1 {
+  padding: var(--box-sp-1);
+}
+.pad-2 {
+  padding: var(--box-sp-2);
+}
+.pad-3 {
+  padding: var(--box-sp-3);
+}
+.pad-4 {
+  padding: var(--box-sp-4);
+}
+.pad-5 {
+  padding: var(--box-sp-5);
+}
+.pad-6 {
+  padding: var(--box-sp-6);
+}
+.pad-7 {
+  padding: var(--box-sp-7);
+}
+.pad-8 {
+  padding: var(--box-sp-8);
+}
+.pad-9 {
+  padding: var(--box-sp-9);
+}
+.pad-10 {
+  padding: var(--box-sp-10);
+}
+.pad-11 {
+  padding: var(--box-sp-11);
+}
+.pad-12 {
+  padding: var(--box-sp-12);
+}
+.pad-13 {
+  padding: var(--box-sp-13);
+}
+.pad-14 {
+  padding: var(--box-sp-14);
+}
+.pad-15 {
+  padding: var(--box-sp-15);
+}
+.pad-16 {
+  padding: var(--box-sp-16);
+}
+.pad-17 {
+  padding: var(--box-sp-17);
+}
+.pad-18 {
+  padding: var(--box-sp-18);
+}
+.pad-19 {
+  padding: var(--box-sp-19);
+}
+.pad-20 {
+  padding: var(--box-sp-20);
+}
+.pad-21 {
+  padding: var(--box-sp-21);
+}
+.pad-22 {
+  padding: var(--box-sp-22);
+}
+.pad-23 {
+  padding: var(--box-sp-23);
+}
+.pad-24 {
+  padding: var(--box-sp-24);
+}
+.pad-25 {
+  padding: var(--box-sp-25);
+}
+.pad-26 {
+  padding: var(--box-sp-26);
+}
+.pad-27 {
+  padding: var(--box-sp-27);
+}
+.pad-28 {
+  padding: var(--box-sp-28);
+}
+.pad-29 {
+  padding: var(--box-sp-29);
+}
+.pad-30 {
+  padding: var(--box-sp-30);
+}
+.pad-31 {
+  padding: var(--box-sp-31);
+}
+.pad-32 {
+  padding: var(--box-sp-32);
+}
+
+.pad-t, .pad-t-1 {
+  padding-top: var(--box-sp-1);
+}
+.pad-t-2 {
+  padding-top: var(--box-sp-2);
+}
+.pad-t-3 {
+  padding-top: var(--box-sp-3);
+}
+.pad-t-4 {
+  padding-top: var(--box-sp-4);
+}
+.pad-t-5 {
+  padding-top: var(--box-sp-5);
+}
+.pad-t-6 {
+  padding-top: var(--box-sp-6);
+}
+.pad-t-7 {
+  padding-top: var(--box-sp-7);
+}
+.pad-t-8 {
+  padding-top: var(--box-sp-8);
+}
+.pad-t-9 {
+  padding-top: var(--box-sp-9);
+}
+.pad-t-10 {
+  padding-top: var(--box-sp-10);
+}
+.pad-t-11 {
+  padding-top: var(--box-sp-11);
+}
+.pad-t-12 {
+  padding-top: var(--box-sp-12);
+}
+.pad-t-13 {
+  padding-top: var(--box-sp-13);
+}
+.pad-t-14 {
+  padding-top: var(--box-sp-14);
+}
+.pad-t-15 {
+  padding-top: var(--box-sp-15);
+}
+.pad-t-16 {
+  padding-top: var(--box-sp-16);
+}
+.pad-t-17 {
+  padding-top: var(--box-sp-17);
+}
+.pad-t-18 {
+  padding-top: var(--box-sp-18);
+}
+.pad-t-19 {
+  padding-top: var(--box-sp-19);
+}
+.pad-t-20 {
+  padding-top: var(--box-sp-20);
+}
+.pad-t-21 {
+  padding-top: var(--box-sp-21);
+}
+.pad-t-22 {
+  padding-top: var(--box-sp-22);
+}
+.pad-t-23 {
+  padding-top: var(--box-sp-23);
+}
+.pad-t-24 {
+  padding-top: var(--box-sp-24);
+}
+.pad-t-25 {
+  padding-top: var(--box-sp-25);
+}
+.pad-t-26 {
+  padding-top: var(--box-sp-26);
+}
+.pad-t-27 {
+  padding-top: var(--box-sp-27);
+}
+.pad-t-28 {
+  padding-top: var(--box-sp-28);
+}
+.pad-t-29 {
+  padding-top: var(--box-sp-29);
+}
+.pad-t-30 {
+  padding-top: var(--box-sp-30);
+}
+.pad-t-31 {
+  padding-top: var(--box-sp-31);
+}
+.pad-t-32 {
+  padding-top: var(--box-sp-32);
+}
+
+.pad-b, .pad-b-1 {
+  padding-bottom: var(--box-sp-1);
+}
+.pad-b-2 {
+  padding-bottom: var(--box-sp-2);
+}
+.pad-b-3 {
+  padding-bottom: var(--box-sp-3);
+}
+.pad-b-4 {
+  padding-bottom: var(--box-sp-4);
+}
+.pad-b-5 {
+  padding-bottom: var(--box-sp-5);
+}
+.pad-b-6 {
+  padding-bottom: var(--box-sp-6);
+}
+.pad-b-7 {
+  padding-bottom: var(--box-sp-7);
+}
+.pad-b-8 {
+  padding-bottom: var(--box-sp-8);
+}
+.pad-b-9 {
+  padding-bottom: var(--box-sp-9);
+}
+.pad-b-10 {
+  padding-bottom: var(--box-sp-10);
+}
+.pad-b-11 {
+  padding-bottom: var(--box-sp-11);
+}
+.pad-b-12 {
+  padding-bottom: var(--box-sp-12);
+}
+.pad-b-13 {
+  padding-bottom: var(--box-sp-13);
+}
+.pad-b-14 {
+  padding-bottom: var(--box-sp-14);
+}
+.pad-b-15 {
+  padding-bottom: var(--box-sp-15);
+}
+.pad-b-16 {
+  padding-bottom: var(--box-sp-16);
+}
+.pad-b-17 {
+  padding-bottom: var(--box-sp-17);
+}
+.pad-b-18 {
+  padding-bottom: var(--box-sp-18);
+}
+.pad-b-19 {
+  padding-bottom: var(--box-sp-19);
+}
+.pad-b-20 {
+  padding-bottom: var(--box-sp-20);
+}
+.pad-b-21 {
+  padding-bottom: var(--box-sp-21);
+}
+.pad-b-22 {
+  padding-bottom: var(--box-sp-22);
+}
+.pad-b-23 {
+  padding-bottom: var(--box-sp-23);
+}
+.pad-b-24 {
+  padding-bottom: var(--box-sp-24);
+}
+.pad-b-25 {
+  padding-bottom: var(--box-sp-25);
+}
+.pad-b-26 {
+  padding-bottom: var(--box-sp-26);
+}
+.pad-b-27 {
+  padding-bottom: var(--box-sp-27);
+}
+.pad-b-28 {
+  padding-bottom: var(--box-sp-28);
+}
+.pad-b-29 {
+  padding-bottom: var(--box-sp-29);
+}
+.pad-b-30 {
+  padding-bottom: var(--box-sp-30);
+}
+.pad-b-31 {
+  padding-bottom: var(--box-sp-31);
+}
+.pad-b-32 {
+  padding-bottom: var(--box-sp-32);
+}
+
+.pad-l, .pad-l-1 {
+  padding-left: var(--box-sp-1);
+}
+.pad-l-2 {
+  padding-left: var(--box-sp-2);
+}
+.pad-l-3 {
+  padding-left: var(--box-sp-3);
+}
+.pad-l-4 {
+  padding-left: var(--box-sp-4);
+}
+.pad-l-5 {
+  padding-left: var(--box-sp-5);
+}
+.pad-l-6 {
+  padding-left: var(--box-sp-6);
+}
+.pad-l-7 {
+  padding-left: var(--box-sp-7);
+}
+.pad-l-8 {
+  padding-left: var(--box-sp-8);
+}
+.pad-l-9 {
+  padding-left: var(--box-sp-9);
+}
+.pad-l-10 {
+  padding-left: var(--box-sp-10);
+}
+.pad-l-11 {
+  padding-left: var(--box-sp-11);
+}
+.pad-l-12 {
+  padding-left: var(--box-sp-12);
+}
+.pad-l-13 {
+  padding-left: var(--box-sp-13);
+}
+.pad-l-14 {
+  padding-left: var(--box-sp-14);
+}
+.pad-l-15 {
+  padding-left: var(--box-sp-15);
+}
+.pad-l-16 {
+  padding-left: var(--box-sp-16);
+}
+.pad-l-17 {
+  padding-left: var(--box-sp-17);
+}
+.pad-l-18 {
+  padding-left: var(--box-sp-18);
+}
+.pad-l-19 {
+  padding-left: var(--box-sp-19);
+}
+.pad-l-20 {
+  padding-left: var(--box-sp-20);
+}
+.pad-l-21 {
+  padding-left: var(--box-sp-21);
+}
+.pad-l-22 {
+  padding-left: var(--box-sp-22);
+}
+.pad-l-23 {
+  padding-left: var(--box-sp-23);
+}
+.pad-l-24 {
+  padding-left: var(--box-sp-24);
+}
+.pad-l-25 {
+  padding-left: var(--box-sp-25);
+}
+.pad-l-26 {
+  padding-left: var(--box-sp-26);
+}
+.pad-l-27 {
+  padding-left: var(--box-sp-27);
+}
+.pad-l-28 {
+  padding-left: var(--box-sp-28);
+}
+.pad-l-29 {
+  padding-left: var(--box-sp-29);
+}
+.pad-l-30 {
+  padding-left: var(--box-sp-30);
+}
+.pad-l-31 {
+  padding-left: var(--box-sp-31);
+}
+.pad-l-32 {
+  padding-left: var(--box-sp-32);
+}
+
+.pad-r, .pad-r-1 {
+  padding-right: var(--box-sp-1);
+}
+.pad-r-2 {
+  padding-right: var(--box-sp-2);
+}
+.pad-r-3 {
+  padding-right: var(--box-sp-3);
+}
+.pad-r-4 {
+  padding-right: var(--box-sp-4);
+}
+.pad-r-5 {
+  padding-right: var(--box-sp-5);
+}
+.pad-r-6 {
+  padding-right: var(--box-sp-6);
+}
+.pad-r-7 {
+  padding-right: var(--box-sp-7);
+}
+.pad-r-8 {
+  padding-right: var(--box-sp-8);
+}
+.pad-r-9 {
+  padding-right: var(--box-sp-9);
+}
+.pad-r-10 {
+  padding-right: var(--box-sp-10);
+}
+.pad-r-11 {
+  padding-right: var(--box-sp-11);
+}
+.pad-r-12 {
+  padding-right: var(--box-sp-12);
+}
+.pad-r-13 {
+  padding-right: var(--box-sp-13);
+}
+.pad-r-14 {
+  padding-right: var(--box-sp-14);
+}
+.pad-r-15 {
+  padding-right: var(--box-sp-15);
+}
+.pad-r-16 {
+  padding-right: var(--box-sp-16);
+}
+.pad-r-17 {
+  padding-right: var(--box-sp-17);
+}
+.pad-r-18 {
+  padding-right: var(--box-sp-18);
+}
+.pad-r-19 {
+  padding-right: var(--box-sp-19);
+}
+.pad-r-20 {
+  padding-right: var(--box-sp-20);
+}
+.pad-r-21 {
+  padding-right: var(--box-sp-21);
+}
+.pad-r-22 {
+  padding-right: var(--box-sp-22);
+}
+.pad-r-23 {
+  padding-right: var(--box-sp-23);
+}
+.pad-r-24 {
+  padding-right: var(--box-sp-24);
+}
+.pad-r-25 {
+  padding-right: var(--box-sp-25);
+}
+.pad-r-26 {
+  padding-right: var(--box-sp-26);
+}
+.pad-r-27 {
+  padding-right: var(--box-sp-27);
+}
+.pad-r-28 {
+  padding-right: var(--box-sp-28);
+}
+.pad-r-29 {
+  padding-right: var(--box-sp-29);
+}
+.pad-r-30 {
+  padding-right: var(--box-sp-30);
+}
+.pad-r-31 {
+  padding-right: var(--box-sp-31);
+}
+.pad-r-32 {
+  padding-right: var(--box-sp-32);
+}
+
+.pad-all, .pad-all-1 {
+  padding: var(--box-sp-1);
+}
+.pad-all-2 {
+  padding: var(--box-sp-2);
+}
+.pad-all-3 {
+  padding: var(--box-sp-3);
+}
+.pad-all-4 {
+  padding: var(--box-sp-4);
+}
+.pad-all-5 {
+  padding: var(--box-sp-5);
+}
+.pad-all-6 {
+  padding: var(--box-sp-6);
+}
+.pad-all-7 {
+  padding: var(--box-sp-7);
+}
+.pad-all-8 {
+  padding: var(--box-sp-8);
+}
+.pad-all-9 {
+  padding: var(--box-sp-9);
+}
+.pad-all-10 {
+  padding: var(--box-sp-10);
+}
+.pad-all-11 {
+  padding: var(--box-sp-11);
+}
+.pad-all-12 {
+  padding: var(--box-sp-12);
+}
+.pad-all-13 {
+  padding: var(--box-sp-13);
+}
+.pad-all-14 {
+  padding: var(--box-sp-14);
+}
+.pad-all-15 {
+  padding: var(--box-sp-15);
+}
+.pad-all-16 {
+  padding: var(--box-sp-16);
+}
+.pad-all-17 {
+  padding: var(--box-sp-17);
+}
+.pad-all-18 {
+  padding: var(--box-sp-18);
+}
+.pad-all-19 {
+  padding: var(--box-sp-19);
+}
+.pad-all-20 {
+  padding: var(--box-sp-20);
+}
+.pad-all-21 {
+  padding: var(--box-sp-21);
+}
+.pad-all-22 {
+  padding: var(--box-sp-22);
+}
+.pad-all-23 {
+  padding: var(--box-sp-23);
+}
+.pad-all-24 {
+  padding: var(--box-sp-24);
+}
+.pad-all-25 {
+  padding: var(--box-sp-25);
+}
+.pad-all-26 {
+  padding: var(--box-sp-26);
+}
+.pad-all-27 {
+  padding: var(--box-sp-27);
+}
+.pad-all-28 {
+  padding: var(--box-sp-28);
+}
+.pad-all-29 {
+  padding: var(--box-sp-29);
+}
+.pad-all-30 {
+  padding: var(--box-sp-30);
+}
+.pad-all-31 {
+  padding: var(--box-sp-31);
+}
+.pad-all-32 {
+  padding: var(--box-sp-32);
+}
+
+.pad-u, .pad-u-1 {
+  padding-bottom: var(--box-sp-1);
+  padding-left: var(--box-sp-1);
+  padding-right: var(--box-sp-1);
+}
+.pad-u-2 {
+  padding-bottom: var(--box-sp-2);
+  padding-left: var(--box-sp-2);
+  padding-right: var(--box-sp-2);
+}
+.pad-u-3 {
+  padding-bottom: var(--box-sp-3);
+  padding-left: var(--box-sp-3);
+  padding-right: var(--box-sp-3);
+}
+.pad-u-4 {
+  padding-bottom: var(--box-sp-4);
+  padding-left: var(--box-sp-4);
+  padding-right: var(--box-sp-4);
+}
+.pad-u-5 {
+  padding-bottom: var(--box-sp-5);
+  padding-left: var(--box-sp-5);
+  padding-right: var(--box-sp-5);
+}
+.pad-u-6 {
+  padding-bottom: var(--box-sp-6);
+  padding-left: var(--box-sp-6);
+  padding-right: var(--box-sp-6);
+}
+.pad-u-7 {
+  padding-bottom: var(--box-sp-7);
+  padding-left: var(--box-sp-7);
+  padding-right: var(--box-sp-7);
+}
+.pad-u-8 {
+  padding-bottom: var(--box-sp-8);
+  padding-left: var(--box-sp-8);
+  padding-right: var(--box-sp-8);
+}
+.pad-u-9 {
+  padding-bottom: var(--box-sp-9);
+  padding-left: var(--box-sp-9);
+  padding-right: var(--box-sp-9);
+}
+.pad-u-10 {
+  padding-bottom: var(--box-sp-10);
+  padding-left: var(--box-sp-10);
+  padding-right: var(--box-sp-10);
+}
+.pad-u-11 {
+  padding-bottom: var(--box-sp-11);
+  padding-left: var(--box-sp-11);
+  padding-right: var(--box-sp-11);
+}
+.pad-u-12 {
+  padding-bottom: var(--box-sp-12);
+  padding-left: var(--box-sp-12);
+  padding-right: var(--box-sp-12);
+}
+.pad-u-13 {
+  padding-bottom: var(--box-sp-13);
+  padding-left: var(--box-sp-13);
+  padding-right: var(--box-sp-13);
+}
+.pad-u-14 {
+  padding-bottom: var(--box-sp-14);
+  padding-left: var(--box-sp-14);
+  padding-right: var(--box-sp-14);
+}
+.pad-u-15 {
+  padding-bottom: var(--box-sp-15);
+  padding-left: var(--box-sp-15);
+  padding-right: var(--box-sp-15);
+}
+.pad-u-16 {
+  padding-bottom: var(--box-sp-16);
+  padding-left: var(--box-sp-16);
+  padding-right: var(--box-sp-16);
+}
+.pad-u-17 {
+  padding-bottom: var(--box-sp-17);
+  padding-left: var(--box-sp-17);
+  padding-right: var(--box-sp-17);
+}
+.pad-u-18 {
+  padding-bottom: var(--box-sp-18);
+  padding-left: var(--box-sp-18);
+  padding-right: var(--box-sp-18);
+}
+.pad-u-19 {
+  padding-bottom: var(--box-sp-19);
+  padding-left: var(--box-sp-19);
+  padding-right: var(--box-sp-19);
+}
+.pad-u-20 {
+  padding-bottom: var(--box-sp-20);
+  padding-left: var(--box-sp-20);
+  padding-right: var(--box-sp-20);
+}
+.pad-u-21 {
+  padding-bottom: var(--box-sp-21);
+  padding-left: var(--box-sp-21);
+  padding-right: var(--box-sp-21);
+}
+.pad-u-22 {
+  padding-bottom: var(--box-sp-22);
+  padding-left: var(--box-sp-22);
+  padding-right: var(--box-sp-22);
+}
+.pad-u-23 {
+  padding-bottom: var(--box-sp-23);
+  padding-left: var(--box-sp-23);
+  padding-right: var(--box-sp-23);
+}
+.pad-u-24 {
+  padding-bottom: var(--box-sp-24);
+  padding-left: var(--box-sp-24);
+  padding-right: var(--box-sp-24);
+}
+.pad-u-25 {
+  padding-bottom: var(--box-sp-25);
+  padding-left: var(--box-sp-25);
+  padding-right: var(--box-sp-25);
+}
+.pad-u-26 {
+  padding-bottom: var(--box-sp-26);
+  padding-left: var(--box-sp-26);
+  padding-right: var(--box-sp-26);
+}
+.pad-u-27 {
+  padding-bottom: var(--box-sp-27);
+  padding-left: var(--box-sp-27);
+  padding-right: var(--box-sp-27);
+}
+.pad-u-28 {
+  padding-bottom: var(--box-sp-28);
+  padding-left: var(--box-sp-28);
+  padding-right: var(--box-sp-28);
+}
+.pad-u-29 {
+  padding-bottom: var(--box-sp-29);
+  padding-left: var(--box-sp-29);
+  padding-right: var(--box-sp-29);
+}
+.pad-u-30 {
+  padding-bottom: var(--box-sp-30);
+  padding-left: var(--box-sp-30);
+  padding-right: var(--box-sp-30);
+}
+.pad-u-31 {
+  padding-bottom: var(--box-sp-31);
+  padding-left: var(--box-sp-31);
+  padding-right: var(--box-sp-31);
+}
+.pad-u-32 {
+  padding-bottom: var(--box-sp-32);
+  padding-left: var(--box-sp-32);
+  padding-right: var(--box-sp-32);
+}
+
+.pad-ii, .pad-ii-1 {
+  padding-left: var(--box-sp-1);
+  padding-right: var(--box-sp-1);
+}
+.pad-ii-2 {
+  padding-left: var(--box-sp-2);
+  padding-right: var(--box-sp-2);
+}
+.pad-ii-3 {
+  padding-left: var(--box-sp-3);
+  padding-right: var(--box-sp-3);
+}
+.pad-ii-4 {
+  padding-left: var(--box-sp-4);
+  padding-right: var(--box-sp-4);
+}
+.pad-ii-5 {
+  padding-left: var(--box-sp-5);
+  padding-right: var(--box-sp-5);
+}
+.pad-ii-6 {
+  padding-left: var(--box-sp-6);
+  padding-right: var(--box-sp-6);
+}
+.pad-ii-7 {
+  padding-left: var(--box-sp-7);
+  padding-right: var(--box-sp-7);
+}
+.pad-ii-8 {
+  padding-left: var(--box-sp-8);
+  padding-right: var(--box-sp-8);
+}
+.pad-ii-9 {
+  padding-left: var(--box-sp-9);
+  padding-right: var(--box-sp-9);
+}
+.pad-ii-10 {
+  padding-left: var(--box-sp-10);
+  padding-right: var(--box-sp-10);
+}
+.pad-ii-11 {
+  padding-left: var(--box-sp-11);
+  padding-right: var(--box-sp-11);
+}
+.pad-ii-12 {
+  padding-left: var(--box-sp-12);
+  padding-right: var(--box-sp-12);
+}
+.pad-ii-13 {
+  padding-left: var(--box-sp-13);
+  padding-right: var(--box-sp-13);
+}
+.pad-ii-14 {
+  padding-left: var(--box-sp-14);
+  padding-right: var(--box-sp-14);
+}
+.pad-ii-15 {
+  padding-left: var(--box-sp-15);
+  padding-right: var(--box-sp-15);
+}
+.pad-ii-16 {
+  padding-left: var(--box-sp-16);
+  padding-right: var(--box-sp-16);
+}
+.pad-ii-17 {
+  padding-left: var(--box-sp-17);
+  padding-right: var(--box-sp-17);
+}
+.pad-ii-18 {
+  padding-left: var(--box-sp-18);
+  padding-right: var(--box-sp-18);
+}
+.pad-ii-19 {
+  padding-left: var(--box-sp-19);
+  padding-right: var(--box-sp-19);
+}
+.pad-ii-20 {
+  padding-left: var(--box-sp-20);
+  padding-right: var(--box-sp-20);
+}
+.pad-ii-21 {
+  padding-left: var(--box-sp-21);
+  padding-right: var(--box-sp-21);
+}
+.pad-ii-22 {
+  padding-left: var(--box-sp-22);
+  padding-right: var(--box-sp-22);
+}
+.pad-ii-23 {
+  padding-left: var(--box-sp-23);
+  padding-right: var(--box-sp-23);
+}
+.pad-ii-24 {
+  padding-left: var(--box-sp-24);
+  padding-right: var(--box-sp-24);
+}
+.pad-ii-25 {
+  padding-left: var(--box-sp-25);
+  padding-right: var(--box-sp-25);
+}
+.pad-ii-26 {
+  padding-left: var(--box-sp-26);
+  padding-right: var(--box-sp-26);
+}
+.pad-ii-27 {
+  padding-left: var(--box-sp-27);
+  padding-right: var(--box-sp-27);
+}
+.pad-ii-28 {
+  padding-left: var(--box-sp-28);
+  padding-right: var(--box-sp-28);
+}
+.pad-ii-29 {
+  padding-left: var(--box-sp-29);
+  padding-right: var(--box-sp-29);
+}
+.pad-ii-30 {
+  padding-left: var(--box-sp-30);
+  padding-right: var(--box-sp-30);
+}
+.pad-ii-31 {
+  padding-left: var(--box-sp-31);
+  padding-right: var(--box-sp-31);
+}
+.pad-ii-32 {
+  padding-left: var(--box-sp-32);
+  padding-right: var(--box-sp-32);
+}
+
+.pad-tb, .pad-tb-1 {
+  padding-top: var(--box-sp-1);
+  padding-bottom: var(--box-sp-1);
+}
+.pad-tb-2 {
+  padding-top: var(--box-sp-2);
+  padding-bottom: var(--box-sp-2);
+}
+.pad-tb-3 {
+  padding-top: var(--box-sp-3);
+  padding-bottom: var(--box-sp-3);
+}
+.pad-tb-4 {
+  padding-top: var(--box-sp-4);
+  padding-bottom: var(--box-sp-4);
+}
+.pad-tb-5 {
+  padding-top: var(--box-sp-5);
+  padding-bottom: var(--box-sp-5);
+}
+.pad-tb-6 {
+  padding-top: var(--box-sp-6);
+  padding-bottom: var(--box-sp-6);
+}
+.pad-tb-7 {
+  padding-top: var(--box-sp-7);
+  padding-bottom: var(--box-sp-7);
+}
+.pad-tb-8 {
+  padding-top: var(--box-sp-8);
+  padding-bottom: var(--box-sp-8);
+}
+.pad-tb-9 {
+  padding-top: var(--box-sp-9);
+  padding-bottom: var(--box-sp-9);
+}
+.pad-tb-10 {
+  padding-top: var(--box-sp-10);
+  padding-bottom: var(--box-sp-10);
+}
+.pad-tb-11 {
+  padding-top: var(--box-sp-11);
+  padding-bottom: var(--box-sp-11);
+}
+.pad-tb-12 {
+  padding-top: var(--box-sp-12);
+  padding-bottom: var(--box-sp-12);
+}
+.pad-tb-13 {
+  padding-top: var(--box-sp-13);
+  padding-bottom: var(--box-sp-13);
+}
+.pad-tb-14 {
+  padding-top: var(--box-sp-14);
+  padding-bottom: var(--box-sp-14);
+}
+.pad-tb-15 {
+  padding-top: var(--box-sp-15);
+  padding-bottom: var(--box-sp-15);
+}
+.pad-tb-16 {
+  padding-top: var(--box-sp-16);
+  padding-bottom: var(--box-sp-16);
+}
+.pad-tb-17 {
+  padding-top: var(--box-sp-17);
+  padding-bottom: var(--box-sp-17);
+}
+.pad-tb-18 {
+  padding-top: var(--box-sp-18);
+  padding-bottom: var(--box-sp-18);
+}
+.pad-tb-19 {
+  padding-top: var(--box-sp-19);
+  padding-bottom: var(--box-sp-19);
+}
+.pad-tb-20 {
+  padding-top: var(--box-sp-20);
+  padding-bottom: var(--box-sp-20);
+}
+.pad-tb-21 {
+  padding-top: var(--box-sp-21);
+  padding-bottom: var(--box-sp-21);
+}
+.pad-tb-22 {
+  padding-top: var(--box-sp-22);
+  padding-bottom: var(--box-sp-22);
+}
+.pad-tb-23 {
+  padding-top: var(--box-sp-23);
+  padding-bottom: var(--box-sp-23);
+}
+.pad-tb-24 {
+  padding-top: var(--box-sp-24);
+  padding-bottom: var(--box-sp-24);
+}
+.pad-tb-25 {
+  padding-top: var(--box-sp-25);
+  padding-bottom: var(--box-sp-25);
+}
+.pad-tb-26 {
+  padding-top: var(--box-sp-26);
+  padding-bottom: var(--box-sp-26);
+}
+.pad-tb-27 {
+  padding-top: var(--box-sp-27);
+  padding-bottom: var(--box-sp-27);
+}
+.pad-tb-28 {
+  padding-top: var(--box-sp-28);
+  padding-bottom: var(--box-sp-28);
+}
+.pad-tb-29 {
+  padding-top: var(--box-sp-29);
+  padding-bottom: var(--box-sp-29);
+}
+.pad-tb-30 {
+  padding-top: var(--box-sp-30);
+  padding-bottom: var(--box-sp-30);
+}
+.pad-tb-31 {
+  padding-top: var(--box-sp-31);
+  padding-bottom: var(--box-sp-31);
+}
+.pad-tb-32 {
+  padding-top: var(--box-sp-32);
+  padding-bottom: var(--box-sp-32);
+}
+
+.marg, .marg-1 {
+  margin: var(--box-sp-1);
+}
+.marg-2 {
+  margin: var(--box-sp-2);
+}
+.marg-3 {
+  margin: var(--box-sp-3);
+}
+.marg-4 {
+  margin: var(--box-sp-4);
+}
+.marg-5 {
+  margin: var(--box-sp-5);
+}
+.marg-6 {
+  margin: var(--box-sp-6);
+}
+.marg-7 {
+  margin: var(--box-sp-7);
+}
+.marg-8 {
+  margin: var(--box-sp-8);
+}
+.marg-9 {
+  margin: var(--box-sp-9);
+}
+.marg-10 {
+  margin: var(--box-sp-10);
+}
+.marg-11 {
+  margin: var(--box-sp-11);
+}
+.marg-12 {
+  margin: var(--box-sp-12);
+}
+.marg-13 {
+  margin: var(--box-sp-13);
+}
+.marg-14 {
+  margin: var(--box-sp-14);
+}
+.marg-15 {
+  margin: var(--box-sp-15);
+}
+.marg-16 {
+  margin: var(--box-sp-16);
+}
+.marg-17 {
+  margin: var(--box-sp-17);
+}
+.marg-18 {
+  margin: var(--box-sp-18);
+}
+.marg-19 {
+  margin: var(--box-sp-19);
+}
+.marg-20 {
+  margin: var(--box-sp-20);
+}
+.marg-21 {
+  margin: var(--box-sp-21);
+}
+.marg-22 {
+  margin: var(--box-sp-22);
+}
+.marg-23 {
+  margin: var(--box-sp-23);
+}
+.marg-24 {
+  margin: var(--box-sp-24);
+}
+.marg-25 {
+  margin: var(--box-sp-25);
+}
+.marg-26 {
+  margin: var(--box-sp-26);
+}
+.marg-27 {
+  margin: var(--box-sp-27);
+}
+.marg-28 {
+  margin: var(--box-sp-28);
+}
+.marg-29 {
+  margin: var(--box-sp-29);
+}
+.marg-30 {
+  margin: var(--box-sp-30);
+}
+.marg-31 {
+  margin: var(--box-sp-31);
+}
+.marg-32 {
+  margin: var(--box-sp-32);
+}
+
+.marg-t, .marg-t-1 {
+  margin-top: var(--box-sp-1);
+}
+.marg-t-2 {
+  margin-top: var(--box-sp-2);
+}
+.marg-t-3 {
+  margin-top: var(--box-sp-3);
+}
+.marg-t-4 {
+  margin-top: var(--box-sp-4);
+}
+.marg-t-5 {
+  margin-top: var(--box-sp-5);
+}
+.marg-t-6 {
+  margin-top: var(--box-sp-6);
+}
+.marg-t-7 {
+  margin-top: var(--box-sp-7);
+}
+.marg-t-8 {
+  margin-top: var(--box-sp-8);
+}
+.marg-t-9 {
+  margin-top: var(--box-sp-9);
+}
+.marg-t-10 {
+  margin-top: var(--box-sp-10);
+}
+.marg-t-11 {
+  margin-top: var(--box-sp-11);
+}
+.marg-t-12 {
+  margin-top: var(--box-sp-12);
+}
+.marg-t-13 {
+  margin-top: var(--box-sp-13);
+}
+.marg-t-14 {
+  margin-top: var(--box-sp-14);
+}
+.marg-t-15 {
+  margin-top: var(--box-sp-15);
+}
+.marg-t-16 {
+  margin-top: var(--box-sp-16);
+}
+.marg-t-17 {
+  margin-top: var(--box-sp-17);
+}
+.marg-t-18 {
+  margin-top: var(--box-sp-18);
+}
+.marg-t-19 {
+  margin-top: var(--box-sp-19);
+}
+.marg-t-20 {
+  margin-top: var(--box-sp-20);
+}
+.marg-t-21 {
+  margin-top: var(--box-sp-21);
+}
+.marg-t-22 {
+  margin-top: var(--box-sp-22);
+}
+.marg-t-23 {
+  margin-top: var(--box-sp-23);
+}
+.marg-t-24 {
+  margin-top: var(--box-sp-24);
+}
+.marg-t-25 {
+  margin-top: var(--box-sp-25);
+}
+.marg-t-26 {
+  margin-top: var(--box-sp-26);
+}
+.marg-t-27 {
+  margin-top: var(--box-sp-27);
+}
+.marg-t-28 {
+  margin-top: var(--box-sp-28);
+}
+.marg-t-29 {
+  margin-top: var(--box-sp-29);
+}
+.marg-t-30 {
+  margin-top: var(--box-sp-30);
+}
+.marg-t-31 {
+  margin-top: var(--box-sp-31);
+}
+.marg-t-32 {
+  margin-top: var(--box-sp-32);
+}
+
+.marg-b, .marg-b-1 {
+  margin-bottom: var(--box-sp-1);
+}
+.marg-b-2 {
+  margin-bottom: var(--box-sp-2);
+}
+.marg-b-3 {
+  margin-bottom: var(--box-sp-3);
+}
+.marg-b-4 {
+  margin-bottom: var(--box-sp-4);
+}
+.marg-b-5 {
+  margin-bottom: var(--box-sp-5);
+}
+.marg-b-6 {
+  margin-bottom: var(--box-sp-6);
+}
+.marg-b-7 {
+  margin-bottom: var(--box-sp-7);
+}
+.marg-b-8 {
+  margin-bottom: var(--box-sp-8);
+}
+.marg-b-9 {
+  margin-bottom: var(--box-sp-9);
+}
+.marg-b-10 {
+  margin-bottom: var(--box-sp-10);
+}
+.marg-b-11 {
+  margin-bottom: var(--box-sp-11);
+}
+.marg-b-12 {
+  margin-bottom: var(--box-sp-12);
+}
+.marg-b-13 {
+  margin-bottom: var(--box-sp-13);
+}
+.marg-b-14 {
+  margin-bottom: var(--box-sp-14);
+}
+.marg-b-15 {
+  margin-bottom: var(--box-sp-15);
+}
+.marg-b-16 {
+  margin-bottom: var(--box-sp-16);
+}
+.marg-b-17 {
+  margin-bottom: var(--box-sp-17);
+}
+.marg-b-18 {
+  margin-bottom: var(--box-sp-18);
+}
+.marg-b-19 {
+  margin-bottom: var(--box-sp-19);
+}
+.marg-b-20 {
+  margin-bottom: var(--box-sp-20);
+}
+.marg-b-21 {
+  margin-bottom: var(--box-sp-21);
+}
+.marg-b-22 {
+  margin-bottom: var(--box-sp-22);
+}
+.marg-b-23 {
+  margin-bottom: var(--box-sp-23);
+}
+.marg-b-24 {
+  margin-bottom: var(--box-sp-24);
+}
+.marg-b-25 {
+  margin-bottom: var(--box-sp-25);
+}
+.marg-b-26 {
+  margin-bottom: var(--box-sp-26);
+}
+.marg-b-27 {
+  margin-bottom: var(--box-sp-27);
+}
+.marg-b-28 {
+  margin-bottom: var(--box-sp-28);
+}
+.marg-b-29 {
+  margin-bottom: var(--box-sp-29);
+}
+.marg-b-30 {
+  margin-bottom: var(--box-sp-30);
+}
+.marg-b-31 {
+  margin-bottom: var(--box-sp-31);
+}
+.marg-b-32 {
+  margin-bottom: var(--box-sp-32);
+}
+
+.marg-l, .marg-l-1 {
+  margin-left: var(--box-sp-1);
+}
+.marg-l-2 {
+  margin-left: var(--box-sp-2);
+}
+.marg-l-3 {
+  margin-left: var(--box-sp-3);
+}
+.marg-l-4 {
+  margin-left: var(--box-sp-4);
+}
+.marg-l-5 {
+  margin-left: var(--box-sp-5);
+}
+.marg-l-6 {
+  margin-left: var(--box-sp-6);
+}
+.marg-l-7 {
+  margin-left: var(--box-sp-7);
+}
+.marg-l-8 {
+  margin-left: var(--box-sp-8);
+}
+.marg-l-9 {
+  margin-left: var(--box-sp-9);
+}
+.marg-l-10 {
+  margin-left: var(--box-sp-10);
+}
+.marg-l-11 {
+  margin-left: var(--box-sp-11);
+}
+.marg-l-12 {
+  margin-left: var(--box-sp-12);
+}
+.marg-l-13 {
+  margin-left: var(--box-sp-13);
+}
+.marg-l-14 {
+  margin-left: var(--box-sp-14);
+}
+.marg-l-15 {
+  margin-left: var(--box-sp-15);
+}
+.marg-l-16 {
+  margin-left: var(--box-sp-16);
+}
+.marg-l-17 {
+  margin-left: var(--box-sp-17);
+}
+.marg-l-18 {
+  margin-left: var(--box-sp-18);
+}
+.marg-l-19 {
+  margin-left: var(--box-sp-19);
+}
+.marg-l-20 {
+  margin-left: var(--box-sp-20);
+}
+.marg-l-21 {
+  margin-left: var(--box-sp-21);
+}
+.marg-l-22 {
+  margin-left: var(--box-sp-22);
+}
+.marg-l-23 {
+  margin-left: var(--box-sp-23);
+}
+.marg-l-24 {
+  margin-left: var(--box-sp-24);
+}
+.marg-l-25 {
+  margin-left: var(--box-sp-25);
+}
+.marg-l-26 {
+  margin-left: var(--box-sp-26);
+}
+.marg-l-27 {
+  margin-left: var(--box-sp-27);
+}
+.marg-l-28 {
+  margin-left: var(--box-sp-28);
+}
+.marg-l-29 {
+  margin-left: var(--box-sp-29);
+}
+.marg-l-30 {
+  margin-left: var(--box-sp-30);
+}
+.marg-l-31 {
+  margin-left: var(--box-sp-31);
+}
+.marg-l-32 {
+  margin-left: var(--box-sp-32);
+}
+
+.marg-r, .marg-r-1 {
+  margin-right: var(--box-sp-1);
+}
+.marg-r-2 {
+  margin-right: var(--box-sp-2);
+}
+.marg-r-3 {
+  margin-right: var(--box-sp-3);
+}
+.marg-r-4 {
+  margin-right: var(--box-sp-4);
+}
+.marg-r-5 {
+  margin-right: var(--box-sp-5);
+}
+.marg-r-6 {
+  margin-right: var(--box-sp-6);
+}
+.marg-r-7 {
+  margin-right: var(--box-sp-7);
+}
+.marg-r-8 {
+  margin-right: var(--box-sp-8);
+}
+.marg-r-9 {
+  margin-right: var(--box-sp-9);
+}
+.marg-r-10 {
+  margin-right: var(--box-sp-10);
+}
+.marg-r-11 {
+  margin-right: var(--box-sp-11);
+}
+.marg-r-12 {
+  margin-right: var(--box-sp-12);
+}
+.marg-r-13 {
+  margin-right: var(--box-sp-13);
+}
+.marg-r-14 {
+  margin-right: var(--box-sp-14);
+}
+.marg-r-15 {
+  margin-right: var(--box-sp-15);
+}
+.marg-r-16 {
+  margin-right: var(--box-sp-16);
+}
+.marg-r-17 {
+  margin-right: var(--box-sp-17);
+}
+.marg-r-18 {
+  margin-right: var(--box-sp-18);
+}
+.marg-r-19 {
+  margin-right: var(--box-sp-19);
+}
+.marg-r-20 {
+  margin-right: var(--box-sp-20);
+}
+.marg-r-21 {
+  margin-right: var(--box-sp-21);
+}
+.marg-r-22 {
+  margin-right: var(--box-sp-22);
+}
+.marg-r-23 {
+  margin-right: var(--box-sp-23);
+}
+.marg-r-24 {
+  margin-right: var(--box-sp-24);
+}
+.marg-r-25 {
+  margin-right: var(--box-sp-25);
+}
+.marg-r-26 {
+  margin-right: var(--box-sp-26);
+}
+.marg-r-27 {
+  margin-right: var(--box-sp-27);
+}
+.marg-r-28 {
+  margin-right: var(--box-sp-28);
+}
+.marg-r-29 {
+  margin-right: var(--box-sp-29);
+}
+.marg-r-30 {
+  margin-right: var(--box-sp-30);
+}
+.marg-r-31 {
+  margin-right: var(--box-sp-31);
+}
+.marg-r-32 {
+  margin-right: var(--box-sp-32);
+}
+
+.marg-all, .marg-all-1 {
+  margin: var(--box-sp-1);
+}
+.marg-all-2 {
+  margin: var(--box-sp-2);
+}
+.marg-all-3 {
+  margin: var(--box-sp-3);
+}
+.marg-all-4 {
+  margin: var(--box-sp-4);
+}
+.marg-all-5 {
+  margin: var(--box-sp-5);
+}
+.marg-all-6 {
+  margin: var(--box-sp-6);
+}
+.marg-all-7 {
+  margin: var(--box-sp-7);
+}
+.marg-all-8 {
+  margin: var(--box-sp-8);
+}
+.marg-all-9 {
+  margin: var(--box-sp-9);
+}
+.marg-all-10 {
+  margin: var(--box-sp-10);
+}
+.marg-all-11 {
+  margin: var(--box-sp-11);
+}
+.marg-all-12 {
+  margin: var(--box-sp-12);
+}
+.marg-all-13 {
+  margin: var(--box-sp-13);
+}
+.marg-all-14 {
+  margin: var(--box-sp-14);
+}
+.marg-all-15 {
+  margin: var(--box-sp-15);
+}
+.marg-all-16 {
+  margin: var(--box-sp-16);
+}
+.marg-all-17 {
+  margin: var(--box-sp-17);
+}
+.marg-all-18 {
+  margin: var(--box-sp-18);
+}
+.marg-all-19 {
+  margin: var(--box-sp-19);
+}
+.marg-all-20 {
+  margin: var(--box-sp-20);
+}
+.marg-all-21 {
+  margin: var(--box-sp-21);
+}
+.marg-all-22 {
+  margin: var(--box-sp-22);
+}
+.marg-all-23 {
+  margin: var(--box-sp-23);
+}
+.marg-all-24 {
+  margin: var(--box-sp-24);
+}
+.marg-all-25 {
+  margin: var(--box-sp-25);
+}
+.marg-all-26 {
+  margin: var(--box-sp-26);
+}
+.marg-all-27 {
+  margin: var(--box-sp-27);
+}
+.marg-all-28 {
+  margin: var(--box-sp-28);
+}
+.marg-all-29 {
+  margin: var(--box-sp-29);
+}
+.marg-all-30 {
+  margin: var(--box-sp-30);
+}
+.marg-all-31 {
+  margin: var(--box-sp-31);
+}
+.marg-all-32 {
+  margin: var(--box-sp-32);
+}
+
+.marg-u, .marg-u-1 {
+  margin-bottom: var(--box-sp-1);
+  margin-left: var(--box-sp-1);
+  margin-right: var(--box-sp-1);
+}
+.marg-u-2 {
+  margin-bottom: var(--box-sp-2);
+  margin-left: var(--box-sp-2);
+  margin-right: var(--box-sp-2);
+}
+.marg-u-3 {
+  margin-bottom: var(--box-sp-3);
+  margin-left: var(--box-sp-3);
+  margin-right: var(--box-sp-3);
+}
+.marg-u-4 {
+  margin-bottom: var(--box-sp-4);
+  margin-left: var(--box-sp-4);
+  margin-right: var(--box-sp-4);
+}
+.marg-u-5 {
+  margin-bottom: var(--box-sp-5);
+  margin-left: var(--box-sp-5);
+  margin-right: var(--box-sp-5);
+}
+.marg-u-6 {
+  margin-bottom: var(--box-sp-6);
+  margin-left: var(--box-sp-6);
+  margin-right: var(--box-sp-6);
+}
+.marg-u-7 {
+  margin-bottom: var(--box-sp-7);
+  margin-left: var(--box-sp-7);
+  margin-right: var(--box-sp-7);
+}
+.marg-u-8 {
+  margin-bottom: var(--box-sp-8);
+  margin-left: var(--box-sp-8);
+  margin-right: var(--box-sp-8);
+}
+.marg-u-9 {
+  margin-bottom: var(--box-sp-9);
+  margin-left: var(--box-sp-9);
+  margin-right: var(--box-sp-9);
+}
+.marg-u-10 {
+  margin-bottom: var(--box-sp-10);
+  margin-left: var(--box-sp-10);
+  margin-right: var(--box-sp-10);
+}
+.marg-u-11 {
+  margin-bottom: var(--box-sp-11);
+  margin-left: var(--box-sp-11);
+  margin-right: var(--box-sp-11);
+}
+.marg-u-12 {
+  margin-bottom: var(--box-sp-12);
+  margin-left: var(--box-sp-12);
+  margin-right: var(--box-sp-12);
+}
+.marg-u-13 {
+  margin-bottom: var(--box-sp-13);
+  margin-left: var(--box-sp-13);
+  margin-right: var(--box-sp-13);
+}
+.marg-u-14 {
+  margin-bottom: var(--box-sp-14);
+  margin-left: var(--box-sp-14);
+  margin-right: var(--box-sp-14);
+}
+.marg-u-15 {
+  margin-bottom: var(--box-sp-15);
+  margin-left: var(--box-sp-15);
+  margin-right: var(--box-sp-15);
+}
+.marg-u-16 {
+  margin-bottom: var(--box-sp-16);
+  margin-left: var(--box-sp-16);
+  margin-right: var(--box-sp-16);
+}
+.marg-u-17 {
+  margin-bottom: var(--box-sp-17);
+  margin-left: var(--box-sp-17);
+  margin-right: var(--box-sp-17);
+}
+.marg-u-18 {
+  margin-bottom: var(--box-sp-18);
+  margin-left: var(--box-sp-18);
+  margin-right: var(--box-sp-18);
+}
+.marg-u-19 {
+  margin-bottom: var(--box-sp-19);
+  margin-left: var(--box-sp-19);
+  margin-right: var(--box-sp-19);
+}
+.marg-u-20 {
+  margin-bottom: var(--box-sp-20);
+  margin-left: var(--box-sp-20);
+  margin-right: var(--box-sp-20);
+}
+.marg-u-21 {
+  margin-bottom: var(--box-sp-21);
+  margin-left: var(--box-sp-21);
+  margin-right: var(--box-sp-21);
+}
+.marg-u-22 {
+  margin-bottom: var(--box-sp-22);
+  margin-left: var(--box-sp-22);
+  margin-right: var(--box-sp-22);
+}
+.marg-u-23 {
+  margin-bottom: var(--box-sp-23);
+  margin-left: var(--box-sp-23);
+  margin-right: var(--box-sp-23);
+}
+.marg-u-24 {
+  margin-bottom: var(--box-sp-24);
+  margin-left: var(--box-sp-24);
+  margin-right: var(--box-sp-24);
+}
+.marg-u-25 {
+  margin-bottom: var(--box-sp-25);
+  margin-left: var(--box-sp-25);
+  margin-right: var(--box-sp-25);
+}
+.marg-u-26 {
+  margin-bottom: var(--box-sp-26);
+  margin-left: var(--box-sp-26);
+  margin-right: var(--box-sp-26);
+}
+.marg-u-27 {
+  margin-bottom: var(--box-sp-27);
+  margin-left: var(--box-sp-27);
+  margin-right: var(--box-sp-27);
+}
+.marg-u-28 {
+  margin-bottom: var(--box-sp-28);
+  margin-left: var(--box-sp-28);
+  margin-right: var(--box-sp-28);
+}
+.marg-u-29 {
+  margin-bottom: var(--box-sp-29);
+  margin-left: var(--box-sp-29);
+  margin-right: var(--box-sp-29);
+}
+.marg-u-30 {
+  margin-bottom: var(--box-sp-30);
+  margin-left: var(--box-sp-30);
+  margin-right: var(--box-sp-30);
+}
+.marg-u-31 {
+  margin-bottom: var(--box-sp-31);
+  margin-left: var(--box-sp-31);
+  margin-right: var(--box-sp-31);
+}
+.marg-u-32 {
+  margin-bottom: var(--box-sp-32);
+  margin-left: var(--box-sp-32);
+  margin-right: var(--box-sp-32);
+}
+
+.marg-ii, .marg-ii-1 {
+  margin-left: var(--box-sp-1);
+  margin-right: var(--box-sp-1);
+}
+.marg-ii-2 {
+  margin-left: var(--box-sp-2);
+  margin-right: var(--box-sp-2);
+}
+.marg-ii-3 {
+  margin-left: var(--box-sp-3);
+  margin-right: var(--box-sp-3);
+}
+.marg-ii-4 {
+  margin-left: var(--box-sp-4);
+  margin-right: var(--box-sp-4);
+}
+.marg-ii-5 {
+  margin-left: var(--box-sp-5);
+  margin-right: var(--box-sp-5);
+}
+.marg-ii-6 {
+  margin-left: var(--box-sp-6);
+  margin-right: var(--box-sp-6);
+}
+.marg-ii-7 {
+  margin-left: var(--box-sp-7);
+  margin-right: var(--box-sp-7);
+}
+.marg-ii-8 {
+  margin-left: var(--box-sp-8);
+  margin-right: var(--box-sp-8);
+}
+.marg-ii-9 {
+  margin-left: var(--box-sp-9);
+  margin-right: var(--box-sp-9);
+}
+.marg-ii-10 {
+  margin-left: var(--box-sp-10);
+  margin-right: var(--box-sp-10);
+}
+.marg-ii-11 {
+  margin-left: var(--box-sp-11);
+  margin-right: var(--box-sp-11);
+}
+.marg-ii-12 {
+  margin-left: var(--box-sp-12);
+  margin-right: var(--box-sp-12);
+}
+.marg-ii-13 {
+  margin-left: var(--box-sp-13);
+  margin-right: var(--box-sp-13);
+}
+.marg-ii-14 {
+  margin-left: var(--box-sp-14);
+  margin-right: var(--box-sp-14);
+}
+.marg-ii-15 {
+  margin-left: var(--box-sp-15);
+  margin-right: var(--box-sp-15);
+}
+.marg-ii-16 {
+  margin-left: var(--box-sp-16);
+  margin-right: var(--box-sp-16);
+}
+.marg-ii-17 {
+  margin-left: var(--box-sp-17);
+  margin-right: var(--box-sp-17);
+}
+.marg-ii-18 {
+  margin-left: var(--box-sp-18);
+  margin-right: var(--box-sp-18);
+}
+.marg-ii-19 {
+  margin-left: var(--box-sp-19);
+  margin-right: var(--box-sp-19);
+}
+.marg-ii-20 {
+  margin-left: var(--box-sp-20);
+  margin-right: var(--box-sp-20);
+}
+.marg-ii-21 {
+  margin-left: var(--box-sp-21);
+  margin-right: var(--box-sp-21);
+}
+.marg-ii-22 {
+  margin-left: var(--box-sp-22);
+  margin-right: var(--box-sp-22);
+}
+.marg-ii-23 {
+  margin-left: var(--box-sp-23);
+  margin-right: var(--box-sp-23);
+}
+.marg-ii-24 {
+  margin-left: var(--box-sp-24);
+  margin-right: var(--box-sp-24);
+}
+.marg-ii-25 {
+  margin-left: var(--box-sp-25);
+  margin-right: var(--box-sp-25);
+}
+.marg-ii-26 {
+  margin-left: var(--box-sp-26);
+  margin-right: var(--box-sp-26);
+}
+.marg-ii-27 {
+  margin-left: var(--box-sp-27);
+  margin-right: var(--box-sp-27);
+}
+.marg-ii-28 {
+  margin-left: var(--box-sp-28);
+  margin-right: var(--box-sp-28);
+}
+.marg-ii-29 {
+  margin-left: var(--box-sp-29);
+  margin-right: var(--box-sp-29);
+}
+.marg-ii-30 {
+  margin-left: var(--box-sp-30);
+  margin-right: var(--box-sp-30);
+}
+.marg-ii-31 {
+  margin-left: var(--box-sp-31);
+  margin-right: var(--box-sp-31);
+}
+.marg-ii-32 {
+  margin-left: var(--box-sp-32);
+  margin-right: var(--box-sp-32);
+}
+
+.marg-tb, .marg-tb-1 {
+  margin-top: var(--box-sp-1);
+  margin-bottom: var(--box-sp-1);
+}
+.marg-tb-2 {
+  margin-top: var(--box-sp-2);
+  margin-bottom: var(--box-sp-2);
+}
+.marg-tb-3 {
+  margin-top: var(--box-sp-3);
+  margin-bottom: var(--box-sp-3);
+}
+.marg-tb-4 {
+  margin-top: var(--box-sp-4);
+  margin-bottom: var(--box-sp-4);
+}
+.marg-tb-5 {
+  margin-top: var(--box-sp-5);
+  margin-bottom: var(--box-sp-5);
+}
+.marg-tb-6 {
+  margin-top: var(--box-sp-6);
+  margin-bottom: var(--box-sp-6);
+}
+.marg-tb-7 {
+  margin-top: var(--box-sp-7);
+  margin-bottom: var(--box-sp-7);
+}
+.marg-tb-8 {
+  margin-top: var(--box-sp-8);
+  margin-bottom: var(--box-sp-8);
+}
+.marg-tb-9 {
+  margin-top: var(--box-sp-9);
+  margin-bottom: var(--box-sp-9);
+}
+.marg-tb-10 {
+  margin-top: var(--box-sp-10);
+  margin-bottom: var(--box-sp-10);
+}
+.marg-tb-11 {
+  margin-top: var(--box-sp-11);
+  margin-bottom: var(--box-sp-11);
+}
+.marg-tb-12 {
+  margin-top: var(--box-sp-12);
+  margin-bottom: var(--box-sp-12);
+}
+.marg-tb-13 {
+  margin-top: var(--box-sp-13);
+  margin-bottom: var(--box-sp-13);
+}
+.marg-tb-14 {
+  margin-top: var(--box-sp-14);
+  margin-bottom: var(--box-sp-14);
+}
+.marg-tb-15 {
+  margin-top: var(--box-sp-15);
+  margin-bottom: var(--box-sp-15);
+}
+.marg-tb-16 {
+  margin-top: var(--box-sp-16);
+  margin-bottom: var(--box-sp-16);
+}
+.marg-tb-17 {
+  margin-top: var(--box-sp-17);
+  margin-bottom: var(--box-sp-17);
+}
+.marg-tb-18 {
+  margin-top: var(--box-sp-18);
+  margin-bottom: var(--box-sp-18);
+}
+.marg-tb-19 {
+  margin-top: var(--box-sp-19);
+  margin-bottom: var(--box-sp-19);
+}
+.marg-tb-20 {
+  margin-top: var(--box-sp-20);
+  margin-bottom: var(--box-sp-20);
+}
+.marg-tb-21 {
+  margin-top: var(--box-sp-21);
+  margin-bottom: var(--box-sp-21);
+}
+.marg-tb-22 {
+  margin-top: var(--box-sp-22);
+  margin-bottom: var(--box-sp-22);
+}
+.marg-tb-23 {
+  margin-top: var(--box-sp-23);
+  margin-bottom: var(--box-sp-23);
+}
+.marg-tb-24 {
+  margin-top: var(--box-sp-24);
+  margin-bottom: var(--box-sp-24);
+}
+.marg-tb-25 {
+  margin-top: var(--box-sp-25);
+  margin-bottom: var(--box-sp-25);
+}
+.marg-tb-26 {
+  margin-top: var(--box-sp-26);
+  margin-bottom: var(--box-sp-26);
+}
+.marg-tb-27 {
+  margin-top: var(--box-sp-27);
+  margin-bottom: var(--box-sp-27);
+}
+.marg-tb-28 {
+  margin-top: var(--box-sp-28);
+  margin-bottom: var(--box-sp-28);
+}
+.marg-tb-29 {
+  margin-top: var(--box-sp-29);
+  margin-bottom: var(--box-sp-29);
+}
+.marg-tb-30 {
+  margin-top: var(--box-sp-30);
+  margin-bottom: var(--box-sp-30);
+}
+.marg-tb-31 {
+  margin-top: var(--box-sp-31);
+  margin-bottom: var(--box-sp-31);
+}
+.marg-tb-32 {
+  margin-top: var(--box-sp-32);
+  margin-bottom: var(--box-sp-32);
+}
+
+.dsp-block {
+  display: block;
+}
+
+.dsp-none {
+  display: none;
+}
+
+.dsp-inline {
+  display: inline;
+}
+
+.dsp-block-inline {
+  display: inline-block;
+}
+
+.dsp-flex-inline {
+  display: inline-flex;
+}
+
+.dsp-tbl {
+  display: table;
+}
+
+.dsp-tbl-row {
+  display: table-row;
+}
+
+.dsp-tbl-cell {
+  display: table-cell;
+}
+
+.dsp-tbl-column {
+  display: table-column;
+}
+
+.pos-abs {
+  position: absolute;
+}
+
+.pos-rel {
+  position: relative;
+}
+
+.pos-stat {
+  position: static;
+}
+
+.pos-fix {
+  position: fixed;
+}
+
+.pos-sticky {
+  position: sticky;
+  top: 0;
+  margin-top: 0;
+}
+
+.shad-1 {
+  box-shadow: var(--box-shad-1);
+}
+
+.shad-2 {
+  box-shadow: var(--box-shad-2);
+}
+
+.shad-3 {
+  box-shadow: var(--box-shad-3);
+}
+
+.shad-4 {
+  box-shadow: var(--box-shad-4);
+}
+
+.shad-5 {
+  box-shadow: var(--box-shad-5);
+}
+
+.shad-6 {
+  box-shadow: var(--box-shad-6);
+}
+
+.shad-7 {
+  box-shadow: var(--box-shad-7);
+}
+
+.shad-8 {
+  box-shadow: var(--box-shad-8);
+}
+
+.shad-9 {
+  box-shadow: var(--box-shad-9);
+}
+
+.shad-10 {
+  box-shadow: var(--box-shad-10);
+}