/* * Gorilla CSS v2.2 * Ape Media & Services * Jeffrey Wong K.Y. Copyright 2024 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. Generic 1.1. Roots Variables,s Global Reset & Preset Layouts 1.2. Base Styles (Body, Lists, Forms, Media) 1.3. Accessibility (Screen Reader Text) 1.4. Default Form Styling 2. Typography 2.1. Default Font Styling 2.2. Headers 2.3. Font Weight, Text Sizing & Text Configurations 2.4. Text Transform & Decoration 2.5. Text Alignment & Spacing 2.6. Line Height & Letter Spacing 2.7. List Styles 3. Colors 3.1. Text Colors 3.2. Unique Black & White Shades 3.3. Black, White, Gray, and Color Variants 3.4. Hover & Focus Text Colors 4. Background Colors 4.1. Unique Black & Whites 4.2. Black, White, Gray, and Color Variants 5. Display & Flexbox Utilities 5.1. Display Properties (Block, Inline, Flex, Grid) 5.2. Flexbox (Direction, Wrap, Alignment) 5.3. Justify & Align Utilities 5.4. Self & Content Alignment 6. Presets Layouts, Columns & Grids 6.1. Sections, rows, Columns 6.2. Grid Column & Row Templates 6.3. Grid Auto Flow & Sizing 6.4. Gap Utilities (Row & Column) 7. Spacing 7.1. Margin & Padding 7.2. Negative Margins 7.3. Auto & Percentage Widths 8. Sizing 8.1. Width & Max/Min Width 8.2. Height & Max/Min Height 9. Order & Positioning 9.1. Order & Float Properties 9.2. Positioning (Relative, Absolute, Fixed) 10. Borders & Outlines 10.1. Border Width & Radius 10.2. Outline & Box Shadows 11. Effects & Interactions 11.1. Opacity & Visibility 11.2. Hover & Focus States 11.3. Transform & Transition Utilities 12. Transition, Transform, Animation 12.1. Transition Properties 12.2. Transform (Scale, Rotate, Skew) 12.3. Animation Keyframes & Durations 13. Responsive & Breakpoints 13.1. Media Queries for Mobile & Tablet 13.2. Large Screens & Ultra-Wide Displays ----------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* 1.1. Roots Variables, Global Reset & Box-Sizing */ :root { --grid-vw: 1vw; /* Headers (h1-h6) - Desktop font size multipliers */ --ape-h1-desktop: 5.0; --ape-h2-desktop: 4.4; --ape-h3-desktop: 3.8; --ape-h4-desktop: 3.0; --ape-h5-desktop: 2.4; --ape-h6-desktop: 1.8; /* Headers (h1-h6) - Tablet font size multipliers */ --ape-h1-tablet: 9.0; --ape-h2-tablet: 8.0; --ape-h3-tablet: 7.0; --ape-h4-tablet: 6.0; --ape-h5-tablet: 5.0; --ape-h6-tablet: 4.0; /* Headers (h1-h6) - Mobile font size multipliers */ --ape-h1-mobile: 14.0; --ape-h2-mobile: 12.0; --ape-h3-mobile: 10.0; --ape-h4-mobile: 9.0; --ape-h5-mobile: 8.0; --ape-h6-mobile: 7.0; /* Big Headers — Desktop font size multipliers */ --ape-bigheader1-desktop: 3.6; --ape-bigheader2-desktop: 4.8; --ape-bigheader3-desktop: 6.0; --ape-bigheader4-desktop: 7.2; --ape-bigheader5-desktop: 8.4; --ape-bigheader6-desktop: 10.0; --ape-bigheader7-desktop: 12.5; --ape-bigheader8-desktop: 15.5; --ape-bigheader9-desktop: 19.0; --ape-bigheader10-desktop: 23.0; /* Big Headers — Tablet font size multipliers */ --ape-bigheader1-tablet: 6; --ape-bigheader2-tablet: 7; --ape-bigheader3-tablet: 9; --ape-bigheader4-tablet: 12; --ape-bigheader5-tablet: 16; --ape-bigheader6-tablet: 18; --ape-bigheader7-tablet: 21; --ape-bigheader8-tablet: 24; --ape-bigheader9-tablet: 27; --ape-bigheader10-tablet: 30; /* Big Headers — Mobile font size multipliers */ --ape-bigheader1-mobile: 10.0; --ape-bigheader2-mobile: 11.0; --ape-bigheader3-mobile: 13.0; --ape-bigheader4-mobile: 16.0; --ape-bigheader5-mobile: 20.0; --ape-bigheader6-mobile: 24.0; --ape-bigheader7-mobile: 28.0; --ape-bigheader8-mobile: 32.0; --ape-bigheader9-mobile: 36.0; --ape-bigheader10-mobile: 40.0; /* Text Sizing (t1-t15) - Desktop multipliers */ --ape-t1-desktop: 0.4; --ape-t2-desktop: 0.5; --ape-t3-desktop: 0.6; --ape-t4-desktop: 0.7; --ape-t5-desktop: 0.8; --ape-t6-desktop: 0.9; --ape-t7-desktop: 1.0; --ape-t8-desktop: 1.2; --ape-t9-desktop: 1.4; --ape-t10-desktop: 1.6; --ape-t11-desktop: 1.8; --ape-t12-desktop: 2.1; --ape-t13-desktop: 2.4; --ape-t14-desktop: 2.7; --ape-t15-desktop: 3.0; /* Text Sizing (t1-t15) - Tablet multipliers */ --ape-t1-tablet: 0.8; --ape-t2-tablet: 1.0; --ape-t3-tablet: 1.2; --ape-t4-tablet: 1.4; --ape-t5-tablet: 1.6; --ape-t6-tablet: 1.8; --ape-t7-tablet: 2.0; --ape-t8-tablet: 2.2; --ape-t9-tablet: 2.4; --ape-t10-tablet: 2.6; --ape-t11-tablet: 3.0; --ape-t12-tablet: 3.4; --ape-t13-tablet: 3.8; --ape-t14-tablet: 4.4; --ape-t15-tablet: 5.0; /* Text Sizing (t1-t15) - Mobile multipliers */ --ape-t1-mobile: 1.2; --ape-t2-mobile: 1.6; --ape-t3-mobile: 2.0; --ape-t4-mobile: 2.4; --ape-t5-mobile: 2.8; --ape-t6-mobile: 3.2; --ape-t7-mobile: 3.6; --ape-t8-mobile: 3.8; --ape-t9-mobile: 4.0; --ape-t10-mobile: 4.4; --ape-t11-mobile: 4.8; --ape-t12-mobile: 5.2; --ape-t13-mobile: 5.8; --ape-t14-mobile: 6.4; --ape-t15-mobile: 7.0; /* Body text - Mobile & Desktop multipliers */ --ape-body-mobile: 3.8; --ape-body-tablet: 2.2; --ape-body-desktop: 1.6; /* --- STACKING ENGINE (Active Variables) --- */ /* These variables represent the current size. They update automatically based on breakpoints. */ --ape-h1: var(--ape-h1-desktop); --ape-h2: var(--ape-h2-desktop); --ape-h3: var(--ape-h3-desktop); --ape-h4: var(--ape-h4-desktop); --ape-h5: var(--ape-h5-desktop); --ape-h6: var(--ape-h6-desktop); --ape-big-h1: var(--ape-bigheader1-desktop); --ape-big-h2: var(--ape-bigheader2-desktop); --ape-big-h3: var(--ape-bigheader3-desktop); --ape-big-h4: var(--ape-bigheader4-desktop); --ape-big-h5: var(--ape-bigheader5-desktop); --ape-big-h6: var(--ape-bigheader6-desktop); --ape-big-h7: var(--ape-bigheader7-desktop); --ape-big-h8: var(--ape-bigheader8-desktop); --ape-big-h9: var(--ape-bigheader9-desktop); --ape-big-h10: var(--ape-bigheader10-desktop); --ape-t1: var(--ape-t1-desktop); --ape-t2: var(--ape-t2-desktop); --ape-t3: var(--ape-t3-desktop); --ape-t4: var(--ape-t4-desktop); --ape-t5: var(--ape-t5-desktop); --ape-t6: var(--ape-t6-desktop); --ape-t7: var(--ape-t7-desktop); --ape-t8: var(--ape-t8-desktop); --ape-t9: var(--ape-t9-desktop); --ape-t10: var(--ape-t10-desktop); --ape-t11: var(--ape-t11-desktop); --ape-t12: var(--ape-t12-desktop); --ape-t13: var(--ape-t13-desktop); --ape-t14: var(--ape-t14-desktop); --ape-t15: var(--ape-t15-desktop); --ape-body: var(--ape-body-desktop); } /* --- AUTO-STACKING LOGIC --- */ /* Tablets (max-width: 1023px) */ @media (max-width: 1023px) { :root { --ape-h1: var(--ape-h1-tablet); --ape-h2: var(--ape-h2-tablet); --ape-h3: var(--ape-h3-tablet); --ape-h4: var(--ape-h4-tablet); --ape-h5: var(--ape-h5-tablet); --ape-h6: var(--ape-h6-tablet); --ape-big-h1: var(--ape-bigheader1-tablet); --ape-big-h2: var(--ape-bigheader2-tablet); --ape-big-h3: var(--ape-bigheader3-tablet); --ape-big-h4: var(--ape-bigheader4-tablet); --ape-big-h5: var(--ape-bigheader5-tablet); --ape-big-h6: var(--ape-bigheader6-tablet); --ape-big-h7: var(--ape-bigheader7-tablet); --ape-big-h8: var(--ape-bigheader8-tablet); --ape-big-h9: var(--ape-bigheader9-tablet); --ape-big-h10: var(--ape-bigheader10-tablet); --ape-t1: var(--ape-t1-tablet); --ape-t2: var(--ape-t2-tablet); --ape-t3: var(--ape-t3-tablet); --ape-t4: var(--ape-t4-tablet); --ape-t5: var(--ape-t5-tablet); --ape-t6: var(--ape-t6-tablet); --ape-t7: var(--ape-t7-tablet); --ape-t8: var(--ape-t8-tablet); --ape-t9: var(--ape-t9-tablet); --ape-t10: var(--ape-t10-tablet); --ape-t11: var(--ape-t11-tablet); --ape-t12: var(--ape-t12-tablet); --ape-t13: var(--ape-t13-tablet); --ape-t14: var(--ape-t14-tablet); --ape-t15: var(--ape-t15-tablet); --ape-body: var(--ape-body-tablet); } } /* Mobile (max-width: 767px) */ @media (max-width: 767px) { :root { --ape-h1: var(--ape-h1-mobile); --ape-h2: var(--ape-h2-mobile); --ape-h3: var(--ape-h3-mobile); --ape-h4: var(--ape-h4-mobile); --ape-h5: var(--ape-h5-mobile); --ape-h6: var(--ape-h6-mobile); --ape-big-h1: var(--ape-bigheader1-mobile); --ape-big-h2: var(--ape-bigheader2-mobile); --ape-big-h3: var(--ape-bigheader3-mobile); --ape-big-h4: var(--ape-bigheader4-mobile); --ape-big-h5: var(--ape-bigheader5-mobile); --ape-big-h6: var(--ape-bigheader6-mobile); --ape-big-h7: var(--ape-bigheader7-mobile); --ape-big-h8: var(--ape-bigheader8-mobile); --ape-big-h9: var(--ape-bigheader9-mobile); --ape-big-h10: var(--ape-bigheader10-mobile); --ape-t1: var(--ape-t1-mobile); --ape-t2: var(--ape-t2-mobile); --ape-t3: var(--ape-t3-mobile); --ape-t4: var(--ape-t4-mobile); --ape-t5: var(--ape-t5-mobile); --ape-t6: var(--ape-t6-mobile); --ape-t7: var(--ape-t7-mobile); --ape-t8: var(--ape-t8-mobile); --ape-t9: var(--ape-t9-mobile); --ape-t10: var(--ape-t10-mobile); --ape-t11: var(--ape-t11-mobile); --ape-t12: var(--ape-t12-mobile); --ape-t13: var(--ape-t13-mobile); --ape-t14: var(--ape-t14-mobile); --ape-t15: var(--ape-t15-mobile); --ape-body: var(--ape-body-mobile); } } :root { /* Colors */ --black-rgb: 0, 0, 0; --white-rgb: 255, 255, 255; /* Black Shades*/ --black-1-rgb: 26, 26, 26; --black-2-rgb: 40, 40, 40; --black-3-rgb: 48, 48, 48; --black-4-rgb: 56, 56, 59; --black-5-rgb: 71, 71, 71; --black-6-rgb: 59, 60, 58; --black-7-rgb: 42, 43, 44; --black-8-rgb: 29, 31, 34; --black-9-rgb: 19, 17, 21; /* White Shades*/ --white-1-rgb: 246, 246, 246; --white-2-rgb: 254, 254, 254; --white-3-rgb: 255, 254, 253; --white-4-rgb: 253, 254, 255; --white-5-rgb: 229, 225, 225; --white-6-rgb: 241, 241, 241; --white-7-rgb: 225, 223, 234; --white-8-rgb: 225, 233, 229; --white-9-rgb: 243, 244, 229; /* Gray Shades*/ --gray-1-rgb: 250, 250, 250; --gray-2-rgb: 238, 238, 238; --gray-3-rgb: 224, 224, 224; --gray-4-rgb: 189, 189, 189; --gray-5-rgb: 117, 117, 117; /* Red Shades*/ --red-1-rgb: 255, 235, 238; --red-2-rgb: 255, 205, 210; --red-3-rgb: 239, 154, 154; --red-4-rgb: 255, 138, 128; --red-5-rgb: 229, 115, 115; /* Amber Shades*/ --amber-1-rgb: 255, 224, 178; --amber-2-rgb: 255, 209, 128; --amber-3-rgb: 255, 204, 128; --amber-4-rgb: 255, 183, 77; --amber-5-rgb: 255, 171, 64; /* Yellow Shades*/ --yellow-1-rgb: 255, 255, 224; --yellow-2-rgb: 255, 250, 196; --yellow-3-rgb: 255, 245, 168; --yellow-4-rgb: 255, 235, 112; --yellow-5-rgb: 255, 215, 0; /* Green Shades*/ --green-1-rgb: 230, 239, 230; --green-2-rgb: 171, 209, 181; --green-3-rgb: 121, 183, 145; --green-4-rgb: 108, 137, 118; --green-5-rgb: 89, 104, 105; /* Teal Shades*/ --teal-1-rgb: 178, 216, 216; --teal-2-rgb: 156, 205, 205; --teal-3-rgb: 134, 194, 194; --teal-4-rgb: 89, 172, 172; --teal-5-rgb: 0, 128, 128; /* Blue Shades*/ --blue-1-rgb: 215, 222, 230; --blue-2-rgb: 167, 186, 210; --blue-3-rgb: 130, 156, 187; --blue-4-rgb: 100, 123, 159; --blue-5-rgb: 82, 99, 134; /* Indigo Shades*/ --indigo-1-rgb: 160, 170, 223; --indigo-2-rgb: 143, 155, 218; --indigo-3-rgb: 126, 140, 212; --indigo-4-rgb: 109, 125, 207; --indigo-5-rgb: 92, 109, 201; /* Purple Shades*/ --purple-1-rgb: 181, 157, 203; --purple-2-rgb: 164, 138, 187; --purple-3-rgb: 147, 118, 171; --purple-4-rgb: 130, 99, 155; --purple-5-rgb: 112, 79, 138; --purple-6-rgb: 68, 57, 76; /* Pink Shades*/ --pink-1-rgb: 252, 232, 237; --pink-2-rgb: 254, 224, 231; --pink-3-rgb: 255, 220, 228; --pink-4-rgb: 255, 215, 225; --pink-5-rgb: 255, 206, 219; /* Spacing Scale (0-104rem) */ --ape-space-0: 0rem; --ape-space-1: 0.25rem; --ape-space-2: 0.5rem; --ape-space-3: 0.75rem; --ape-space-4: 1rem; --ape-space-5: 1.25rem; --ape-space-6: 1.5rem; --ape-space-7: 1.75rem; --ape-space-8: 2rem; --ape-space-9: 2.25rem; --ape-space-10: 2.5rem; --ape-space-11: 2.75rem; --ape-space-12: 3rem; --ape-space-13: 3.25rem; --ape-space-14: 3.5rem; --ape-space-15: 3.75rem; --ape-space-16: 4rem; --ape-space-17: 4.5rem; --ape-space-18: 5rem; --ape-space-19: 5.5rem; --ape-space-20: 6rem; --ape-space-21: 6.5rem; --ape-space-22: 7rem; --ape-space-23: 7.5rem; --ape-space-24: 8rem; --ape-space-25: 8.5rem; --ape-space-26: 9rem; --ape-space-27: 9.5rem; --ape-space-28: 10rem; --ape-space-29: 11rem; --ape-space-30: 12rem; --ape-space-31: 13rem; --ape-space-32: 14rem; --ape-space-33: 15rem; --ape-space-34: 16rem; --ape-space-35: 17rem; --ape-space-36: 18rem; --ape-space-37: 19rem; --ape-space-38: 20rem; --ape-space-39: 22rem; --ape-space-40: 24rem; --ape-space-41: 26rem; --ape-space-42: 28rem; --ape-space-43: 30rem; --ape-space-44: 32rem; --ape-space-45: 34rem; --ape-space-46: 36rem; --ape-space-47: 38rem; --ape-space-48: 40rem; --ape-space-49: 44rem; --ape-space-50: 48rem; --ape-space-51: 52rem; --ape-space-52: 56rem; --ape-space-53: 60rem; --ape-space-54: 64rem; --ape-space-55: 68rem; --ape-space-56: 72rem; --ape-space-57: 76rem; --ape-space-58: 80rem; --ape-space-59: 84rem; --ape-space-60: 88rem; --ape-space-61: 92rem; --ape-space-62: 96rem; --ape-space-63: 100rem; --ape-space-64: 104rem; /* Pixel Values */ --ape-space-px: 1px; /* Viewport Units */ --ape-space-10vh: 10vh; --ape-space-15vh: 15vh; --ape-space-20vh: 20vh; --ape-space-25vh: 25vh; --ape-space-30vh: 30vh; --ape-space-35vh: 35vh; --ape-space-40vh: 40vh; --ape-space-45vh: 45vh; --ape-space-50vh: 50vh; --ape-space-55vh: 55vh; --ape-space-60vh: 60vh; --ape-space-65vh: 65vh; --ape-space-70vh: 70vh; --ape-space-75vh: 75vh; --ape-space-80vh: 80vh; --ape-space-85vh: 85vh; --ape-space-90vh: 90vh; --ape-space-95vh: 95vh; --ape-space-100vh: 100vh; --ape-space-10vw: 10vw; --ape-space-15vw: 15vw; --ape-space-20vw: 20vw; --ape-space-25vw: 25vw; --ape-space-30vw: 30vw; --ape-space-35vw: 35vw; --ape-space-40vw: 40vw; --ape-space-45vw: 45vw; --ape-space-50vw: 50vw; --ape-space-55vw: 55vw; --ape-space-60vw: 60vw; --ape-space-65vw: 65vw; --ape-space-70vw: 70vw; --ape-space-75vw: 75vw; --ape-space-80vw: 80vw; --ape-space-85vw: 85vw; --ape-space-90vw: 90vw; --ape-space-95vw: 95vw; --ape-space-100vw: 100vw; /* Special Values */ --ape-space-auto: auto; --ape-space-full: 100%; /* Text Opacity */ --ape-text-opacity-0: 0; --ape-text-opacity-10: 0.1; --ape-text-opacity-20: 0.2; --ape-text-opacity-30: 0.3; --ape-text-opacity-40: 0.4; --ape-text-opacity-50: 0.5; --ape-text-opacity-60: 0.6; --ape-text-opacity-70: 0.7; --ape-text-opacity-80: 0.8; --ape-text-opacity-90: 0.9; --ape-text-opacity-100: 1; /* Background Opacity */ --ape-bg-opacity-0: 0; --ape-bg-opacity-10: 0.1; --ape-bg-opacity-20: 0.2; --ape-bg-opacity-30: 0.3; --ape-bg-opacity-40: 0.4; --ape-bg-opacity-50: 0.5; --ape-bg-opacity-60: 0.6; --ape-bg-opacity-70: 0.7; --ape-bg-opacity-80: 0.8; --ape-bg-opacity-90: 0.9; --ape-bg-opacity-100: 1; /* Border Opacity */ --ape-border-opacity-0: 0; --ape-border-opacity-10: 0.1; --ape-border-opacity-20: 0.2; --ape-border-opacity-30: 0.3; --ape-border-opacity-40: 0.4; --ape-border-opacity-50: 0.5; --ape-border-opacity-60: 0.6; --ape-border-opacity-70: 0.7; --ape-border-opacity-80: 0.8; --ape-border-opacity-90: 0.9; --ape-border-opacity-100: 1; } *, *::before, *::after { --ape-border-opacity: 1; --ape-text-opacity: 1; --ape-bg-opacity: 1; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } /*-------------------------------------------------------------- Preset Layouts --------------------------------------------------------------*/ /** Section **/ .gsec { width: 100%; max-width: 100%; margin: 0 auto; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding: var(--ape-space-5) var(--ape-space-5); } /** Row **/ .grow { width: 100%; max-width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; padding: var(--ape-space-5) var(--ape-space-5); } @media (max-width: 1180px) { /* .gsec and .grow inherit desktop styles here, no overrides needed */ } @media (max-width: 768px) { .gsec { padding: var(--ape-space-3) var(--ape-space-3); } .grow { padding: var(--ape-space-2) var(--ape-space-2); } } @media (min-width: 2000px) { /* .gsec inherits desktop padding here */ .grow { padding: var(--ape-space-5) var(--ape-space-5); } } /**Grid Column**/ .gridcols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .gridcols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .gridcols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .gridcols4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .gridcols5 {grid-template-columns: repeat(5, minmax(0, 1fr));} .gridcols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} .gridcols7 {grid-template-columns: repeat(7, minmax(0, 1fr));} .gridcols8 {grid-template-columns: repeat(8, minmax(0, 1fr));} .gridcols9 {grid-template-columns: repeat(9, minmax(0, 1fr));} .gridcols10 {grid-template-columns: repeat(10, minmax(0, 1fr));} .gridcols11 {grid-template-columns: repeat(11, minmax(0, 1fr));} .gridcols12 {grid-template-columns: repeat(12, minmax(0, 1fr));} .gridcolsauto {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));} .gridcolsnone {grid-template-columns: none;} .gridcolssubgrid {grid-template-columns: subgrid;} /**Grid Column Start/end**/ .colauto { grid-column: auto; } .colspan1 { grid-column: span 1 / span 1; } .colspan2 { grid-column: span 2 / span 2; } .colspan3 { grid-column: span 3 / span 3; } .colspan4 { grid-column: span 4 / span 4; } .colspan5 { grid-column: span 5 / span 5; } .colspan6 { grid-column: span 6 / span 6; } .colspan7 { grid-column: span 7 / span 7; } .colspan8 { grid-column: span 8 / span 8; } .colspan9 { grid-column: span 9 / span 9; } .colspan10 { grid-column: span 10 / span 10; } .colspan11 { grid-column: span 11 / span 11; } .colspan12 { grid-column: span 12 / span 12; } .colspanfull { grid-column: 1 / -1; } .colstart1 {grid-column-start: 1;} .colstart2 {grid-column-start: 2;} .colstart3 {grid-column-start: 3;} .colstart4 {grid-column-start: 4;} .colstart5 {grid-column-start: 5;} .colstart6 {grid-column-start: 6;} .colstart7 {grid-column-start: 7;} .colstart8 {grid-column-start: 8;} .colstart9 {grid-column-start: 9;} .colstart10 {grid-column-start: 10;} .colstart11 {grid-column-start: 11;} .colstart12 {grid-column-start: 12;} .colstart13 {grid-column-start: 13;} .colstartauto {grid-column-start: auto;} .colend1 {grid-column-end: 1;} .colend2 {grid-column-end: 2;} .colend3 {grid-column-end: 3;} .colend4 {grid-column-end: 4;} .colend5 {grid-column-end: 5;} .colend6 {grid-column-end: 6;} .colend7 {grid-column-end: 7;} .colend8 {grid-column-end: 8;} .colend9 {grid-column-end: 9;} .colend10 {grid-column-end: 10;} .colend11 {grid-column-end: 11;} .colend12 {grid-column-end: 12;} .colend13 {grid-column-end: 13;} .colendauto {grid-column-end: auto;} /**Grid Row Template**/ .gridrows1 {grid-template-rows: repeat(1, minmax(0, 1fr));} .gridrows2 {grid-template-rows: repeat(2, minmax(0, 1fr));} .gridrows3 {grid-template-rows: repeat(3, minmax(0, 1fr));} .gridrows4 {grid-template-rows: repeat(4, minmax(0, 1fr));} .gridrows5 {grid-template-rows: repeat(5, minmax(0, 1fr));} .gridrows6 {grid-template-rows: repeat(6, minmax(0, 1fr));} .gridrows7 {grid-template-rows: repeat(7, minmax(0, 1fr));} .gridrows8 {grid-template-rows: repeat(8, minmax(0, 1fr));} .gridrows9 {grid-template-rows: repeat(9, minmax(0, 1fr));} .gridrows10 {grid-template-rows: repeat(10, minmax(0, 1fr));} .gridrows11 {grid-template-rows: repeat(11, minmax(0, 1fr));} .gridrows12 {grid-template-rows: repeat(12, minmax(0, 1fr));} .gridrowsnone {grid-template-rows: none;} .gridrowssubgrid {grid-template-rows: subgrid;} /**Grid Row Start/End**/ .rowauto {grid-row: auto;} .rowspan1 {grid-row: span 1 / span 1;} .rowspan2 {grid-row: span 2 / span 2;} .rowspan3 {grid-row: span 3 / span 3;} .rowspan4 {grid-row: span 4 / span 4;} .rowspan5 {grid-row: span 5 / span 5;} .rowspan6 {grid-row: span 6 / span 6;} .rowspan7 {grid-row: span 7 / span 7;} .rowspan8 {grid-row: span 8 / span 8;} .rowspan9 {grid-row: span 9 / span 9;} .rowspan10 {grid-row: span 10 / span 10;} .rowspan11 {grid-row: span 11 / span 11;} .rowspan12 {grid-row: span 12 / span 12;} .rowspanfull {grid-row: 1 / -1;} .rowstart1 {grid-row-start: 1;} .rowstart2 {grid-row-start: 2;} .rowstart3 {grid-row-start: 3;} .rowstart4 {grid-row-start: 4;} .rowstart5 {grid-row-start: 5;} .rowstart6 {grid-row-start: 6;} .rowstart7 {grid-row-start: 7;} .rowstart8 {grid-row-start: 8;} .rowstart9 {grid-row-start: 9;} .rowstart10 {grid-row-start: 10;} .rowstart11 {grid-row-start: 11;} .rowstart12 {grid-row-start: 12;} .rowstart13 {grid-row-start: 13;} .rowstartauto {grid-row-start: auto;} .rowend1 {grid-row-end: 1;} .rowend2 {grid-row-end: 2;} .rowend3 {grid-row-end: 3;} .rowend4 {grid-row-end: 4;} .rowend5 {grid-row-end: 5;} .rowend6 {grid-row-end: 6;} .rowend7 {grid-row-end: 7;} .rowend8 {grid-row-end: 8;} .rowend9 {grid-row-end: 9;} .rowend10 {grid-row-end: 10;} .rowend11 {grid-row-end: 11;} .rowend12 {grid-row-end: 12;} .rowend13 {grid-row-end: 13;} .rowendauto {grid-row-end: auto;} /**Grid auto Flow**/ .gridflowrow {grid-auto-flow: row;} .gridflowcol {grid-auto-flow: column;} .gridflowdense {grid-auto-flow: dense;} .gridflowrowdense {grid-auto-flow: row dense;} .gridflowcoldense {grid-auto-flow: column dense;} /**Grid Auto Columns**/ .autocolsauto {grid-auto-columns: auto;} .autocolsmin {grid-auto-columns: min-content;} .autocolsmax {grid-auto-columns: max-content;} .autocolsfr {grid-auto-columns: minmax(0, 1fr);} /**Grid Auto Rows**/ .autorowsauto {grid-auto-rows: auto;} .autorowsmin {grid-auto-rows: min-content;} .autorowsmax {grid-auto-rows: max-content;} .autorowsfr {grid-auto-rows: minmax(0, 1fr);} /* 1.2. Base Styles */ html, body { width: 100%; max-width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; /* Prevent horizontal scroll */ } body { line-height: 1.5; -webkit-text-size-adjust: 100%; } ol, ul { list-style: none; } /* 1.3 Media Defaults */ img, video, canvas, audio, iframe, embed, object, svg { display: block; max-width: 100%; height: auto; } iframe { border: 0; } /* 1.4. Semantic Blocks */ article, aside, figure, footer, header, hgroup, main, section { display: block; } /* 1.5. Form Defaults */ button, input, optgroup, select, textarea { font-family: 'Roboto', "Helvetica Neue", Arial, sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } /* Accessibility */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } /* ... (Keep focus styles for screen-reader-text) ... */ /* Default Inputs */ input, textarea, select { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 0.5rem; color: #4e4e4e; } input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea, select { width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); padding: 0.6em 1em; cursor: pointer; } a, button, input, select, textarea { outline: 2px solid transparent; /* Hidden by default */ outline-offset: 2px; transition: outline-color 0.2s ease; /* Smooth Gorilla transition */ } /* 2. Show the outline ONLY when it's helpful (Keyboard/Accessibility) */ a:focus-visible, button:focus-visible, input:focus-visible { outline-color: color-mix(in srgb, var(--black-6) calc(var(--ape-border-opacity) * 100%), transparent); } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /** Import Font **/ /* Fonts are enqueued in functions.php: Anton (Headers) + Roboto (Body) */ /* Default Font Styling */ .fontsans, .fontheading { font-family: 'Anton', sans-serif; letter-spacing: 0.05em; /* Anton often benefits from slight spacing */ } /* Updated Body Font to Roboto for better match with Anton */ .fontserif, p, a, body { font-family: 'Roboto', "Helvetica Neue", Arial, sans-serif; color: #f8f1e8; line-height: 1.6; font-size: calc(var(--grid-vw) * var(--ape-body-desktop)); } .fontmono { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } a { text-decoration: none; background-color: transparent; } /* Headers */ h1, h2, h3, h4, h5, h6, .fontheading { font-family: 'Anton', sans-serif; font-weight: 400; /* Anton only has 400 weight */ line-height: 1; margin-bottom: 1rem; } h1 { font-size: calc(var(--grid-vw) * var(--ape-h1)); } h2 { font-size: calc(var(--grid-vw) * var(--ape-h2)); } h3 { font-size: calc(var(--grid-vw) * var(--ape-h3)); } h4 { font-size: calc(var(--grid-vw) * var(--ape-h4)); } h5 { font-size: calc(var(--grid-vw) * var(--ape-h5)); } h6 { font-size: calc(var(--grid-vw) * var(--ape-h6)); } /* For Larger Headers */ .bigheader1 { font-size: calc(var(--grid-vw) * var(--ape-big-h1)); letter-spacing: 0.05em; } .bigheader2 { font-size: calc(var(--grid-vw) * var(--ape-big-h2)); letter-spacing: 0.05em; } .bigheader3 { font-size: calc(var(--grid-vw) * var(--ape-big-h3)); letter-spacing: 0.05em; } .bigheader4 { font-size: calc(var(--grid-vw) * var(--ape-big-h4)); letter-spacing: 0.05em; } .bigheader5 { font-size: calc(var(--grid-vw) * var(--ape-big-h5)); letter-spacing: 0.05em; } .bigheader6 { font-size: calc(var(--grid-vw) * var(--ape-big-h6)); letter-spacing: 0.05em; } .bigheader7 { font-size: calc(var(--grid-vw) * var(--ape-big-h7)); letter-spacing: 0.05em; } .bigheader8 { font-size: calc(var(--grid-vw) * var(--ape-big-h8)); letter-spacing: 0.05em; } .bigheader9 { font-size: calc(var(--grid-vw) * var(--ape-big-h9)); letter-spacing: 0.05em; } .bigheader10 { font-size: calc(var(--grid-vw) * var(--ape-big-h10)); letter-spacing: 0.05em; } a:hover, a:focus, a:active { text-decoration: none; } /**Font Weight**/ /* Thin */ .font1 { font-weight: 100;} .font2 { font-weight: 200;} .font3 { font-weight: 300;} /* Regular*/ .font4 { font-weight: 400;} .font5 { font-weight: 500;} .font6 { font-weight: 600;} /* Bold */ .font7 { font-weight: 700;} .font8 { font-weight: 800;} .font9 { font-weight: 900;} /**Text Sizing**/ .text1 { font-size: calc(var(--grid-vw) * var(--ape-t1)); line-height: 1.5; } .text2 { font-size: calc(var(--grid-vw) * var(--ape-t2)); line-height: 1.5; } .text3 { font-size: calc(var(--grid-vw) * var(--ape-t3)); line-height: 1.5; } .text4 { font-size: calc(var(--grid-vw) * var(--ape-t4)); line-height: 1.5; } .text5 { font-size: calc(var(--grid-vw) * var(--ape-t5)); line-height: 1.4; } .text6 { font-size: calc(var(--grid-vw) * var(--ape-t6)); line-height: 1.3; } .text7 { font-size: calc(var(--grid-vw) * var(--ape-t7)); line-height: 1.3; } .text8 { font-size: calc(var(--grid-vw) * var(--ape-t8)); line-height: 1.2; } .text9 { font-size: calc(var(--grid-vw) * var(--ape-t9)); line-height: 1.2; } .text10 { font-size: calc(var(--grid-vw) * var(--ape-t10)); line-height: 1.1; } .text11 { font-size: calc(var(--grid-vw) * var(--ape-t11)); line-height: 1.1; } .text12 { font-size: calc(var(--grid-vw) * var(--ape-t12)); line-height: 1.1; } .text13 { font-size: calc(var(--grid-vw) * var(--ape-t13)); line-height: 1.1; } .text14 { font-size: calc(var(--grid-vw) * var(--ape-t14)); line-height: 1.1; } .text15 { font-size: calc(var(--grid-vw) * var(--ape-t15)); line-height: 1.1; } /**Text Spacing**/ .spacing1 { letter-spacing: 0.025rem; } .spacing2 { letter-spacing: 0.05rem; } .spacing3 { letter-spacing: 0.075rem; } .spacing4 { letter-spacing: 0.1rem; } .spacing5 { letter-spacing: 0.125rem; } .spacing6 { letter-spacing: 0.15rem; } .spacing7 { letter-spacing: 0.175rem; } .spacing8 { letter-spacing: 0.2rem; } .spacing9 { letter-spacing: 0.225rem; } .spacing10 { letter-spacing: 0.25rem; } .-spacing1 { letter-spacing: -0.025rem; } .-spacing2 { letter-spacing: -0.05rem; } .-spacing3 { letter-spacing: -0.075rem; } .-spacing4 { letter-spacing: -0.1rem; } .-spacing5 { letter-spacing: -0.125rem; } .-spacing6 { letter-spacing: -0.15rem; } .-spacing7 { letter-spacing: -0.175rem; } .-spacing8 { letter-spacing: -0.2rem; } .-spacing9 { letter-spacing: -0.225rem; } .-spacing10 { letter-spacing: -0.25rem; } /**Text Decoration**/ .italic { font-style: italic;} .nonitalic { font-style: normal;} .uppercase { text-transform: uppercase;} .lowercase { text-transform: lowercase;} .capitalize { text-transform: capitalize;} .normalcase { text-transform: none;} .underline { text-decoration: underline;} .linethrough { text-decoration: line-through;} .nounderline { text-decoration: none;} [class*="hover\\:"]:hover, [class*="focus\\:"]:focus { text-decoration: inherit; } .selectnone { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .selecttext { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} .selectall { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;} .selectauto { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .alignbaseline { vertical-align: baseline;} .aligntop { vertical-align: top;} .alignmiddle { vertical-align: middle;} .alignbottom { vertical-align: bottom;} .aligntexttop { vertical-align: text-top;} .aligntextbottom { vertical-align: text-bottom;} .alignsub {vertical-align: sub;} .alignsuper {vertical-align: super;} .whitespacenormal { white-space: normal;} .whitespacenowrap { white-space: nowrap;} .whitespacepre { white-space: pre;} .whitespacepreline { white-space: pre-line;} .whitespaceprewrap { white-space: pre-wrap;} .whitespacebreakspaces {white-space: break-spaces;} .breaknormal { overflow-wrap: normal; word-break: normal;} .breakwords { overflow-wrap: break-word;} .breakall { word-break: break-all;} .nonbreak { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .decorationsolid {text-decoration-style: solid;} .decorationdouble {text-decoration-style: double;} .decorationdotted {text-decoration-style: dotted;} .decorationdashed {text-decoration-style: dashed;} .decorationwavy {text-decoration-style: wavy;} .decorationauto {text-decoration-thickness: auto;} .decorationfromfont {text-decoration-thickness: from-font;} .decoration0 {text-decoration-thickness: 0rem;} .decoration1 {text-decoration-thickness: 0.0625rem;} .decoration2 {text-decoration-thickness: 0.125rem;} .decoration4 {text-decoration-thickness: 0.25rem;} .underlineoffsetauto {text-underline-offset: auto;} .underlineoffset0 {text-underline-offset: 0rem;} .underlineoffset1 {text-underline-offset: 0.0625rem;} .underlineoffset2 {text-underline-offset: 0.125rem;} .underlineoffset4 {text-underline-offset: 0.25rem;} .textwrap {text-wrap: wrap;} .textnowrap {text-wrap: nowrap;} .textbalance {text-wrap: balance;} .textpretty {text-wrap: pretty;} .hyphensnone {hyphens: none;} .hyphensmanual {hyphens: manual;} .hyphensauto {hyphens: auto;} .content-none {content: none;} /**Font Smoothing**/ .antialiased { font-smooth: always; } .subpixelantialiased { font-smooth: auto; } /**Line Height**/ .lineheight0 { line-height: 0; } .lineheight1 { line-height: 1; } .lineheight2 { line-height: 1.25; } .lineheight3 { line-height: 1.375; } .lineheight4 { line-height: 1.5; } .lineheight5 { line-height: 1.625; } .lineheight6 { line-height: 2; } /**List Style**/ .listinside { list-style-position: inside;} .listoutside { list-style-position: outside;} .listnone { list-style-type: none;} .listdisc { list-style-type: disc;} .listdecimal { list-style-type: decimal;} .fillcurrent { fill: currentColor;} .strokecurrent { stroke: currentColor;} .tableauto { table-layout: auto;} .tablefixed { table-layout: fixed;} .captiontop {caption-side: top;} .captionbottom {caption-side: bottom;} .bordercollapse {border-collapse: collapse;} .borderseparate {border-collapse: separate;} .textleft { text-align: left;} .textcenter { text-align: center;} .textright { text-align: right;} .textjustify { text-align: justify;} .textstart {text-align: start;} .textend {text-align: end;} /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /**Text Colors **/ .texttransparent { color: transparent;} .textcustom { color: var(--custom-color); } .hover\:textcustom:hover { color: var(--custom-hover); } .focus\:textcustom:focus { color: var(--custom-focus); } /* Text Opacity */ .textopacity0 { --ape-text-opacity: 0; } .textopacity10 { --ape-text-opacity: 0.1; } .textopacity20 { --ape-text-opacity: 0.2; } .textopacity30 { --ape-text-opacity: 0.3; } .textopacity40 { --ape-text-opacity: 0.4; } .textopacity50 { --ape-text-opacity: 0.5; } .textopacity60 { --ape-text-opacity: 0.6; } .textopacity70 { --ape-text-opacity: 0.7; } .textopacity80 { --ape-text-opacity: 0.8; } .textopacity90 { --ape-text-opacity: 0.9; } .textopacity100 { --ape-text-opacity: 1; } /*-------------------------------------------------------------- # Black Shades --------------------------------------------------------------*/ .textblack, .hover\:textblack:hover, .focus\:textblack:focus { color: rgba(var(--black-rgb), var(--ape-text-opacity)); } .textblack1, .hover\:textblack1:hover, .focus\:textblack1:focus { color: rgba(var(--black-1-rgb), var(--ape-text-opacity)); } .textblack2, .hover\:textblack2:hover, .focus\:textblack2:focus { color: rgba(var(--black-2-rgb), var(--ape-text-opacity)); } .textblack3, .hover\:textblack3:hover, .focus\:textblack3:focus { color: rgba(var(--black-3-rgb), var(--ape-text-opacity)); } .textblack4, .hover\:textblack4:hover, .focus\:textblack4:focus { color: rgba(var(--black-4-rgb), var(--ape-text-opacity)); } .textblack5, .hover\:textblack5:hover, .focus\:textblack5:focus { color: rgba(var(--black-5-rgb), var(--ape-text-opacity)); } .textblack6, .hover\:textblack6:hover, .focus\:textblack6:focus { color: rgba(var(--black-6-rgb), var(--ape-text-opacity)); } .textblack7, .hover\:textblack7:hover, .focus\:textblack7:focus { color: rgba(var(--black-7-rgb), var(--ape-text-opacity)); } .textblack8, .hover\:textblack8:hover, .focus\:textblack8:focus { color: rgba(var(--black-8-rgb), var(--ape-text-opacity)); } .textblack9, .hover\:textblack9:hover, .focus\:textblack9:focus { color: rgba(var(--black-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # White Shades --------------------------------------------------------------*/ /* White Text Colors */ .textwhite, .hover\:textwhite:hover, .focus\:textwhite:focus { color: rgba(var(--white-rgb), var(--ape-text-opacity)); } .textwhite1, .hover\:textwhite1:hover, .focus\:textwhite1:focus { color: rgba(var(--white-1-rgb), var(--ape-text-opacity)); } .textwhite2, .hover\:textwhite2:hover, .focus\:textwhite2:focus { color: rgba(var(--white-2-rgb), var(--ape-text-opacity)); } .textwhite3, .hover\:textwhite3:hover, .focus\:textwhite3:focus { color: rgba(var(--white-3-rgb), var(--ape-text-opacity)); } .textwhite4, .hover\:textwhite4:hover, .focus\:textwhite4:focus { color: rgba(var(--white-4-rgb), var(--ape-text-opacity)); } .textwhite5, .hover\:textwhite5:hover, .focus\:textwhite5:focus { color: rgba(var(--white-5-rgb), var(--ape-text-opacity)); } .textwhite6, .hover\:textwhite6:hover, .focus\:textwhite6:focus { color: rgba(var(--white-6-rgb), var(--ape-text-opacity)); } .textwhite7, .hover\:textwhite7:hover, .focus\:textwhite7:focus { color: rgba(var(--white-7-rgb), var(--ape-text-opacity)); } .textwhite8, .hover\:textwhite8:hover, .focus\:textwhite8:focus { color: rgba(var(--white-8-rgb), var(--ape-text-opacity)); } .textwhite9, .hover\:textwhite9:hover, .focus\:textwhite9:focus { color: rgba(var(--white-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Gray Shades --------------------------------------------------------------*/ .textgray1, .hover\:textgray1:hover, .focus\:textgray1:focus { color: rgba(var(--gray-1-rgb), var(--ape-text-opacity)); } .textgray2, .hover\:textgray2:hover, .focus\:textgray2:focus { color: rgba(var(--gray-2-rgb), var(--ape-text-opacity)); } .textgray3, .hover\:textgray3:hover, .focus\:textgray3:focus { color: rgba(var(--gray-3-rgb), var(--ape-text-opacity)); } .textgray4, .hover\:textgray4:hover, .focus\:textgray4:focus { color: rgba(var(--gray-4-rgb), var(--ape-text-opacity)); } .textgray5, .hover\:textgray5:hover, .focus\:textgray5:focus { color: rgba(var(--gray-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Red Shades --------------------------------------------------------------*/ .textred1, .hover\:textred1:hover, .focus\:textred1:focus { color: rgba(var(--red-1-rgb), var(--ape-text-opacity)); } .textred2, .hover\:textred2:hover, .focus\:textred2:focus { color: rgba(var(--red-2-rgb), var(--ape-text-opacity)); } .textred3, .hover\:textred3:hover, .focus\:textred3:focus { color: rgba(var(--red-3-rgb), var(--ape-text-opacity)); } .textred4, .hover\:textred4:hover, .focus\:textred4:focus { color: rgba(var(--red-4-rgb), var(--ape-text-opacity)); } .textred5, .hover\:textred5:hover, .focus\:textred5:focus { color: rgba(var(--red-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Amber Shades --------------------------------------------------------------*/ .textamber1, .hover\:textamber1:hover, .focus\:textamber1:focus { color: rgba(var(--amber-1-rgb), var(--ape-text-opacity)); } .textamber2, .hover\:textamber2:hover, .focus\:textamber2:focus { color: rgba(var(--amber-2-rgb), var(--ape-text-opacity)); } .textamber3, .hover\:textamber3:hover, .focus\:textamber3:focus { color: rgba(var(--amber-3-rgb), var(--ape-text-opacity)); } .textamber4, .hover\:textamber4:hover, .focus\:textamber4:focus { color: rgba(var(--amber-4-rgb), var(--ape-text-opacity)); } .textamber5, .hover\:textamber5:hover, .focus\:textamber5:focus { color: rgba(var(--amber-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Yellow Shades --------------------------------------------------------------*/ .textyellow1, .hover\:textyellow1:hover, .focus\:textyellow1:focus { color: rgba(var(--yellow-1-rgb), var(--ape-text-opacity)); } .textyellow2, .hover\:textyellow2:hover, .focus\:textyellow2:focus { color: rgba(var(--yellow-2-rgb), var(--ape-text-opacity)); } .textyellow3, .hover\:textyellow3:hover, .focus\:textyellow3:focus { color: rgba(var(--yellow-3-rgb), var(--ape-text-opacity)); } .textyellow4, .hover\:textyellow4:hover, .focus\:textyellow4:focus { color: rgba(var(--yellow-4-rgb), var(--ape-text-opacity)); } .textyellow5, .hover\:textyellow5:hover, .focus\:textyellow5:focus { color: rgba(var(--yellow-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Green Shades --------------------------------------------------------------*/ .textgreen1, .hover\:textgreen1:hover, .focus\:textgreen1:focus { color: rgba(var(--green-1-rgb), var(--ape-text-opacity)); } .textgreen2, .hover\:textgreen2:hover, .focus\:textgreen2:focus { color: rgba(var(--green-2-rgb), var(--ape-text-opacity)); } .textgreen3, .hover\:textgreen3:hover, .focus\:textgreen3:focus { color: rgba(var(--green-3-rgb), var(--ape-text-opacity)); } .textgreen4, .hover\:textgreen4:hover, .focus\:textgreen4:focus { color: rgba(var(--green-4-rgb), var(--ape-text-opacity)); } .textgreen5, .hover\:textgreen5:hover, .focus\:textgreen5:focus { color: rgba(var(--green-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Teal Shades --------------------------------------------------------------*/ .textteal1, .hover\:textteal1:hover, .focus\:textteal1:focus { color: rgba(var(--teal-1-rgb), var(--ape-text-opacity)); } .textteal2, .hover\:textteal2:hover, .focus\:textteal2:focus { color: rgba(var(--teal-2-rgb), var(--ape-text-opacity)); } .textteal3, .hover\:textteal3:hover, .focus\:textteal3:focus { color: rgba(var(--teal-3-rgb), var(--ape-text-opacity)); } .textteal4, .hover\:textteal4:hover, .focus\:textteal4:focus { color: rgba(var(--teal-4-rgb), var(--ape-text-opacity)); } .textteal5, .hover\:textteal5:hover, .focus\:textteal5:focus { color: rgba(var(--teal-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Blue Shades --------------------------------------------------------------*/ .textblue1, .hover\:textblue1:hover, .focus\:textblue1:focus { color: rgba(var(--blue-1-rgb), var(--ape-text-opacity)); } .textblue2, .hover\:textblue2:hover, .focus\:textblue2:focus { color: rgba(var(--blue-2-rgb), var(--ape-text-opacity)); } .textblue3, .hover\:textblue3:hover, .focus\:textblue3:focus { color: rgba(var(--blue-3-rgb), var(--ape-text-opacity)); } .textblue4, .hover\:textblue4:hover, .focus\:textblue4:focus { color: rgba(var(--blue-4-rgb), var(--ape-text-opacity)); } .textblue5, .hover\:textblue5:hover, .focus\:textblue5:focus { color: rgba(var(--blue-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Indigo Shades --------------------------------------------------------------*/ .textindigo1, .hover\:textindigo1:hover, .focus\:textindigo1:focus { color: rgba(var(--indigo-1-rgb), var(--ape-text-opacity)); } .textindigo2, .hover\:textindigo2:hover, .focus\:textindigo2:focus { color: rgba(var(--indigo-2-rgb), var(--ape-text-opacity)); } .textindigo3, .hover\:textindigo3:hover, .focus\:textindigo3:focus { color: rgba(var(--indigo-3-rgb), var(--ape-text-opacity)); } .textindigo4, .hover\:textindigo4:hover, .focus\:textindigo4:focus { color: rgba(var(--indigo-4-rgb), var(--ape-text-opacity)); } .textindigo5, .hover\:textindigo5:hover, .focus\:textindigo5:focus { color: rgba(var(--indigo-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Purple Shades --------------------------------------------------------------*/ .textpurple1, .hover\:textpurple1:hover, .focus\:textpurple1:focus { color: rgba(var(--purple-1-rgb), var(--ape-text-opacity)); } .textpurple2, .hover\:textpurple2:hover, .focus\:textpurple2:focus { color: rgba(var(--purple-2-rgb), var(--ape-text-opacity)); } .textpurple3, .hover\:textpurple3:hover, .focus\:textpurple3:focus { color: rgba(var(--purple-3-rgb), var(--ape-text-opacity)); } .textpurple4, .hover\:textpurple4:hover, .focus\:textpurple4:focus { color: rgba(var(--purple-4-rgb), var(--ape-text-opacity)); } .textpurple5, .hover\:textpurple5:hover, .focus\:textpurple5:focus { color: rgba(var(--purple-5-rgb), var(--ape-text-opacity)); } .textpurple6, .hover\:textpurple6:hover, .focus\:textpurple6:focus { color: rgba(var(--purple-6-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Pink Shades --------------------------------------------------------------*/ .textpink1, .hover\:textpink1:hover, .focus\:textpink1:focus { color: rgba(var(--pink-1-rgb), var(--ape-text-opacity)); } .textpink2, .hover\:textpink2:hover, .focus\:textpink2:focus { color: rgba(var(--pink-2-rgb), var(--ape-text-opacity)); } .textpink3, .hover\:textpink3:hover, .focus\:textpink3:focus { color: rgba(var(--pink-3-rgb), var(--ape-text-opacity)); } .textpink4, .hover\:textpink4:hover, .focus\:textpink4:focus { color: rgba(var(--pink-4-rgb), var(--ape-text-opacity)); } .textpink5, .hover\:textpink5:hover, .focus\:textpink5:focus { color: rgba(var(--pink-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Background Colors --------------------------------------------------------------*/ /* Background Opacity */ .bgopacity0 { --ape-bg-opacity: 0; } .bgopacity10 { --ape-bg-opacity: 0.1; } .bgopacity20 { --ape-bg-opacity: 0.2; } .bgopacity30 { --ape-bg-opacity: 0.3; } .bgopacity40 { --ape-bg-opacity: 0.4; } .bgopacity50 { --ape-bg-opacity: 0.5; } .bgopacity60 { --ape-bg-opacity: 0.6; } .bgopacity70 { --ape-bg-opacity: 0.7; } .bgopacity80 { --ape-bg-opacity: 0.8; } .bgopacity90 { --ape-bg-opacity: 0.9; } .bgopacity100 { --ape-bg-opacity: 1; } /**Unique Black & White**/ .bgblack6, .hover\:bgblack6:hover, .focus\:bgblack6:focus { background-color: rgba(var(--black-6-rgb), var(--ape-bg-opacity)); } .bgblack7, .hover\:bgblack7:hover, .focus\:bgblack7:focus { background-color: rgba(var(--black-7-rgb), var(--ape-bg-opacity)); } .bgblack8, .hover\:bgblack8:hover, .focus\:bgblack8:focus { background-color: rgba(var(--black-8-rgb), var(--ape-bg-opacity)); } .bgblack9, .hover\:bgblack9:hover, .focus\:bgblack9:focus { background-color: rgba(var(--black-9-rgb), var(--ape-bg-opacity)); } .bgwhite6, .hover\:bgwhite6:hover, .focus\:bgwhite6:focus { background-color: rgba(var(--white-6-rgb), var(--ape-bg-opacity)); } .bgwhite7, .hover\:bgwhite7:hover, .focus\:bgwhite7:focus { background-color: rgba(var(--white-7-rgb), var(--ape-bg-opacity)); } .bgwhite8, .hover\:bgwhite8:hover, .focus\:bgwhite8:focus { background-color: rgba(var(--white-8-rgb), var(--ape-bg-opacity)); } .bgwhite9, .hover\:bgwhite9:hover, .focus\:bgwhite9:focus { background-color: rgba(var(--white-9-rgb), var(--ape-bg-opacity)); } /**Black**/ .bgblack, .hover\:bgblack:hover, .focus\:bgblack:focus { background-color: rgba(var(--black-rgb), var(--ape-bg-opacity));} .bgblack1, .hover\:bgblack1:hover, .focus\:bgblack1:focus { background-color: rgba(var(--black-1-rgb), var(--ape-bg-opacity));} .bgblack2, .hover\:bgblack2:hover, .focus\:bgblack2:focus { background-color: rgba(var(--black-2-rgb), var(--ape-bg-opacity));} .bgblack3, .hover\:bgblack3:hover, .focus\:bgblack3:focus { background-color: rgba(var(--black-3-rgb), var(--ape-bg-opacity));} .bgblack4, .hover\:bgblack4:hover, .focus\:bgblack4:focus { background-color: rgba(var(--black-4-rgb), var(--ape-bg-opacity));} .bgblack5, .hover\:bgblack5:hover, .focus\:bgblack5:focus { background-color: rgba(var(--black-5-rgb), var(--ape-bg-opacity));} /** White**/ .bgwhite, .hover\:bgwhite:hover, .focus\:bgwhite:focus { background-color: rgba(var(--white-rgb), var(--ape-bg-opacity));} .bgwhite1, .hover\:bgwhite1:hover, .focus\:bgwhite1:focus { background-color: rgba(var(--white-1-rgb), var(--ape-bg-opacity));} .bgwhite2, .hover\:bgwhite2:hover, .focus\:bgwhite2:focus { background-color: rgba(var(--white-2-rgb), var(--ape-bg-opacity));} .bgwhite3, .hover\:bgwhite3:hover, .focus\:bgwhite3:focus { background-color: rgba(var(--white-3-rgb), var(--ape-bg-opacity));} .bgwhite4, .hover\:bgwhite4:hover, .focus\:bgwhite4:focus { background-color: rgba(var(--white-4-rgb), var(--ape-bg-opacity));} .bgwhite5, .hover\:bgwhite5:hover, .focus\:bgwhite5:focus { background-color: rgba(var(--white-5-rgb), var(--ape-bg-opacity));} /**Gray**/ .bggray1, .hover\:bggray1:hover, .focus\:bggray1:focus { background-color: rgba(var(--gray-1-rgb), var(--ape-bg-opacity));} .bggray2, .hover\:bggray2:hover, .focus\:bggray2:focus { background-color: rgba(var(--gray-2-rgb), var(--ape-bg-opacity));} .bggray3, .hover\:bggray3:hover, .focus\:bggray3:focus { background-color: rgba(var(--gray-3-rgb), var(--ape-bg-opacity));} .bggray4, .hover\:bggray4:hover, .focus\:bggray4:focus { background-color: rgba(var(--gray-4-rgb), var(--ape-bg-opacity));} .bggray5, .hover\:bggray5:hover, .focus\:bggray5:focus { background-color: rgba(var(--gray-5-rgb), var(--ape-bg-opacity));} /**Red**/ .bgred1, .hover\:bgred1:hover, .focus\:bgred1:focus { background-color: rgba(var(--red-1-rgb), var(--ape-bg-opacity));} .bgred2, .hover\:bgred2:hover, .focus\:bgred2:focus { background-color: rgba(var(--red-2-rgb), var(--ape-bg-opacity));} .bgred3, .hover\:bgred3:hover, .focus\:bgred3:focus { background-color: rgba(var(--red-3-rgb), var(--ape-bg-opacity));} .bgred4, .hover\:bgred4:hover, .focus\:bgred4:focus { background-color: rgba(var(--red-4-rgb), var(--ape-bg-opacity));} .bgred5, .hover\:bgred5:hover, .focus\:bgred5:focus { background-color: rgba(var(--red-5-rgb), var(--ape-bg-opacity));} /**Orange**/ .bgamber1, .hover\:bgamber1:hover, .focus\:bgamber1:focus { background-color: rgba(var(--amber-1-rgb), var(--ape-bg-opacity));} .bgamber2, .hover\:bgamber2:hover, .focus\:bgamber2:focus { background-color: rgba(var(--amber-2-rgb), var(--ape-bg-opacity));} .bgamber3, .hover\:bgamber3:hover, .focus\:bgamber3:focus { background-color: rgba(var(--amber-3-rgb), var(--ape-bg-opacity));} .bgamber4, .hover\:bgamber4:hover, .focus\:bgamber4:focus { background-color: rgba(var(--amber-4-rgb), var(--ape-bg-opacity));} .bgamber5, .hover\:bgamber5:hover, .focus\:bgamber5:focus { background-color: rgba(var(--amber-5-rgb), var(--ape-bg-opacity));} /**Yellow**/ .bgyellow1, .hover\:bgyellow1:hover, .focus\:bgyellow1:focus { background-color: rgba(var(--yellow-1-rgb), var(--ape-bg-opacity));} .bgyellow2, .hover\:bgyellow2:hover, .focus\:bgyellow2:focus { background-color: rgba(var(--yellow-2-rgb), var(--ape-bg-opacity));} .bgyellow3, .hover\:bgyellow3:hover, .focus\:bgyellow3:focus { background-color: rgba(var(--yellow-3-rgb), var(--ape-bg-opacity));} .bgyellow4, .hover\:bgyellow4:hover, .focus\:bgyellow4:focus { background-color: rgba(var(--yellow-4-rgb), var(--ape-bg-opacity));} .bgyellow5, .hover\:bgyellow5:hover, .focus\:bgyellow5:focus { background-color: rgba(var(--yellow-5-rgb), var(--ape-bg-opacity));} /**Green**/ .bggreen1, .hover\:bggreen1:hover, .focus\:bggreen1:focus { background-color: rgba(var(--green-1-rgb), var(--ape-bg-opacity));} .bggreen2, .hover\:bggreen2:hover, .focus\:bggreen2:focus { background-color: rgba(var(--green-2-rgb), var(--ape-bg-opacity));} .bggreen3, .hover\:bggreen3:hover, .focus\:bggreen3:focus { background-color: rgba(var(--green-3-rgb), var(--ape-bg-opacity));} .bggreen4, .hover\:bggreen4:hover, .focus\:bggreen4:focus { background-color: rgba(var(--green-4-rgb), var(--ape-bg-opacity));} .bggreen5, .hover\:bggreen5:hover, .focus\:bggreen5:focus { background-color: rgba(var(--green-5-rgb), var(--ape-bg-opacity));} /**Teal**/ .bgteal1, .hover\:bgteal1:hover, .focus\:bgteal1:focus { background-color: rgba(var(--teal-1-rgb), var(--ape-bg-opacity));} .bgteal2, .hover\:bgteal2:hover, .focus\:bgteal2:focus { background-color: rgba(var(--teal-2-rgb), var(--ape-bg-opacity));} .bgteal3, .hover\:bgteal3:hover, .focus\:bgteal3:focus { background-color: rgba(var(--teal-3-rgb), var(--ape-bg-opacity));} .bgteal4, .hover\:bgteal4:hover, .focus\:bgteal4:focus { background-color: rgba(var(--teal-4-rgb), var(--ape-bg-opacity));} .bgteal5, .hover\:bgteal5:hover, .focus\:bgteal5:focus { background-color: rgba(var(--teal-5-rgb), var(--ape-bg-opacity));} /**Blue**/ .bgblue1, .hover\:bgblue1:hover, .focus\:bgblue1:focus { background-color: rgba(var(--blue-1-rgb), var(--ape-bg-opacity));} .bgblue2, .hover\:bgblue2:hover, .focus\:bgblue2:focus { background-color: rgba(var(--blue-2-rgb), var(--ape-bg-opacity));} .bgblue3, .hover\:bgblue3:hover, .focus\:bgblue3:focus { background-color: rgba(var(--blue-3-rgb), var(--ape-bg-opacity));} .bgblue4, .hover\:bgblue4:hover, .focus\:bgblue4:focus { background-color: rgba(var(--blue-4-rgb), var(--ape-bg-opacity));} .bgblue5, .hover\:bgblue5:hover, .focus\:bgblue5:focus { background-color: rgba(var(--blue-5-rgb), var(--ape-bg-opacity));} /**Indigo**/ .bgindigo1, .hover\:bgindigo1:hover, .focus\:bgindigo1:focus { background-color: rgba(var(--indigo-1-rgb), var(--ape-bg-opacity));} .bgindigo2, .hover\:bgindigo2:hover, .focus\:bgindigo2:focus { background-color: rgba(var(--indigo-2-rgb), var(--ape-bg-opacity));} .bgindigo3, .hover\:bgindigo3:hover, .focus\:bgindigo3:focus { background-color: rgba(var(--indigo-3-rgb), var(--ape-bg-opacity));} .bgindigo4, .hover\:bgindigo4:hover, .focus\:bgindigo4:focus { background-color: rgba(var(--indigo-4-rgb), var(--ape-bg-opacity));} .bgindigo5, .hover\:bgindigo5:hover, .focus\:bgindigo5:focus { background-color: rgba(var(--indigo-5-rgb), var(--ape-bg-opacity));} /**Purple**/ .bgpurple1, .hover\:bgpurple1:hover, .focus\:bgpurple1:focus { background-color: rgba(var(--purple-1-rgb), var(--ape-bg-opacity));} .bgpurple2, .hover\:bgpurple2:hover, .focus\:bgpurple2:focus { background-color: rgba(var(--purple-2-rgb), var(--ape-bg-opacity));} .bgpurple3, .hover\:bgpurple3:hover, .focus\:bgpurple3:focus { background-color: rgba(var(--purple-3-rgb), var(--ape-bg-opacity));} .bgpurple4, .hover\:bgpurple4:hover, .focus\:bgpurple4:focus { background-color: rgba(var(--purple-4-rgb), var(--ape-bg-opacity));} .bgpurple5, .hover\:bgpurple5:hover, .focus\:bgpurple5:focus { background-color: rgba(var(--purple-5-rgb), var(--ape-bg-opacity));} .bgpurple6, .hover\:bgpurple6:hover, .focus\:bgpurple6:focus { background-color: rgba(var(--purple-6-rgb), var(--ape-bg-opacity));} /**Pink**/ .bgpink1, .hover\:bgpink1:hover, .focus\:bgpink1:focus { background-color: rgba(var(--pink-1-rgb), var(--ape-bg-opacity));} .bgpink2, .hover\:bgpink2:hover, .focus\:bgpink2:focus { background-color: rgba(var(--pink-2-rgb), var(--ape-bg-opacity));} .bgpink3, .hover\:bgpink3:hover, .focus\:bgpink3:focus { background-color: rgba(var(--pink-3-rgb), var(--ape-bg-opacity));} .bgpink4, .hover\:bgpink4:hover, .focus\:bgpink4:focus { background-color: rgba(var(--pink-4-rgb), var(--ape-bg-opacity));} .bgpink5, .hover\:bgpink5:hover, .focus\:bgpink5:focus { background-color: rgba(var(--pink-5-rgb), var(--ape-bg-opacity));} /*-------------------------------------------------------------- Display, Flex, Container, Row, Column --------------------------------------------------------------*/ /**Display**/ .block { display: block; } .inlineblock { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inlineflex { display: inline-flex; } .grid { display: grid; } .inlinegrid { display: inline-grid; } .table { display: table; } .inlinetable { display: inline-table; } .tablerow { display: table-row; } .tablecell { display: table-cell; } .listitem { display: list-item; } .flowroot { display: flow-root; } .contents { display: contents; } .hidden { display: none; } /**clear**/ .clearstart {clear: inline-start;} .clearend {clear: inline-end;} .clearleft {clear: left;} .clearright {clear: right;} .clearboth {clear: both;} .clearnone {clear: none;} .clearfix:after { content: ""; display: table; clear: both;} /**flex**/ .flexrow { flex-direction: row; } .flexrowreverse { flex-direction: row-reverse; } .flexcol { flex-direction: column; } .flexcolreverse { flex-direction: column-reverse; } .flexwrap { flex-wrap: wrap; } .flexwrapreverse { flex-wrap: wrap-reverse; } .flexnowrap { flex-wrap: nowrap; } .flex1 {flex: 1 1 0%;} .flexauto {flex: 1 1 auto;} .flexinitial {flex: 0 1 auto;} .flexnone {flex: none;} .itemsstart { -webkit-box-align: start; align-items: flex-start;} .itemsend { -webkit-box-align: end; align-items: flex-end;} .itemscenter { -webkit-box-align: center; align-items: center;} .itemsbaseline { -webkit-box-align: baseline; align-items: baseline;} .itemsstretch { -webkit-box-align: stretch; align-items: stretch;} .selfauto { align-self: auto;} .selfstart { align-self: flex-start;} .selfcenter { align-self: center;} .selfstretch { align-self: stretch;} .selfend { align-self: flex-end;} .selfbaseline {align-self: baseline;} .justifystart { -webkit-box-pack: start; justify-content: flex-start;} .justifyend { -webkit-box-pack: end; justify-content: flex-end;} .justifycenter { -webkit-box-pack: center; justify-content: center;} .justifybetween { -webkit-box-pack: justify; justify-content: space-between;} .justifyaround { justify-content: space-around;} .justifyevenly {justify-content: space-evenly;} .justifystretch { justify-content: stretch;} .justifyselfauto {justify-self: auto;} .justifyselfstart {justify-self: start;} .justifyselfend {justify-self: end;} .justifyselfcenter {justify-self: center;} .justifyselfstretch {justify-self: stretch;} .justifyitemsstart {justify-items: start;} .justifyitemsend {justify-items: end;} .justifyitemscenter {justify-items: center;} .justifyitemsstretch {justify-items: stretch;} .contentnormal {align-content: normal;} .contentcenter {align-content: center;} .contentstart {align-content: flex-start;} .contentend {align-content: flex-end;} .contentbetween {align-content: space-between;} .contentaround {align-content: space-around;} .contentevenly {align-content: space-evenly;} .contentbaseline {align-content: baseline;} .contentstretch {align-content: stretch;} .placecontentcenter {place-content: center;} .placecontentstart {place-content: start;} .placecontentend {place-content: end;} .placecontentbetween {place-content: space-between;} .placecontentaround {place-content: space-around;} .placecontentevenly {place-content: space-evenly;} .placeitemsstart {place-items: start;} .placeitemsend {place-items: end;} .placeitemscenter {place-items: center;} .placeitemsbaseline {place-items: baseline;} .placeitemsstretch {place-items: stretch;} .placeselfauto {place-self: auto;} .placeselfstart {place-self: start;} .placeselfend {place-self: end;} .placeselfcenter {place-self: center;} .placeselfstretch {place-self: stretch;} /**Flex Basis**/ .basis8 {flex-basis: 8.333333%;} .basis16 {flex-basis: 16.666667%;} .basis20 {flex-basis: 20%;} .basis25 {flex-basis: 25%;} .basis33 {flex-basis: 33.333333%;} .basis40 {flex-basis: 40%;} .basis41 {flex-basis: 41.666667%;} .basis50 {flex-basis: 50%;} .basis58 {flex-basis: 58.333333%;} .basis60 {flex-basis: 60%;} .basis66 {flex-basis: 66.666667%;} .basis75 {flex-basis: 75%;} .basis80 {flex-basis: 80%;} .basis83 {flex-basis: 83.333333%;} .basis91 {flex-basis: 91.666667%;} .basis100 {flex-basis: 100%;} /**Gap**/ /** Gap Both **/ .gap0 {gap: var(--ape-space-0) !important;} .gap1 {gap: var(--ape-space-1) !important;} .gap2 {gap: var(--ape-space-2) !important;} .gap3 {gap: var(--ape-space-3) !important;} .gap4 {gap: var(--ape-space-4) !important;} .gap5 {gap: var(--ape-space-5) !important;} .gap6 {gap: var(--ape-space-6) !important;} .gap7 {gap: var(--ape-space-7) !important;} .gap8 {gap: var(--ape-space-8) !important;} .gap9 {gap: var(--ape-space-9) !important;} .gap10 {gap: var(--ape-space-10) !important;} .gap11 {gap: var(--ape-space-11) !important;} .gap12 {gap: var(--ape-space-12) !important;} .gap13 {gap: var(--ape-space-13) !important;} .gap14 {gap: var(--ape-space-14) !important;} .gap15 {gap: var(--ape-space-15) !important;} .gap16 {gap: var(--ape-space-16) !important;} .gap17 {gap: var(--ape-space-17) !important;} .gap18 {gap: var(--ape-space-18) !important;} .gap19 {gap: var(--ape-space-19) !important;} .gap20 {gap: var(--ape-space-20) !important;} /** Row Gap **/ .gapy0 {row-gap: var(--ape-space-0) !important;} .gapy1 {row-gap: var(--ape-space-1) !important;} .gapy2 {row-gap: var(--ape-space-2) !important;} .gapy3 {row-gap: var(--ape-space-3) !important;} .gapy4 {row-gap: var(--ape-space-4) !important;} .gapy5 {row-gap: var(--ape-space-5) !important;} .gapy6 {row-gap: var(--ape-space-6) !important;} .gapy7 {row-gap: var(--ape-space-7) !important;} .gapy8 {row-gap: var(--ape-space-8) !important;} .gapy9 {row-gap: var(--ape-space-9) !important;} .gapy10 {row-gap: var(--ape-space-10) !important;} .gapy11 {row-gap: var(--ape-space-11) !important;} .gapy12 {row-gap: var(--ape-space-12) !important;} .gapy13 {row-gap: var(--ape-space-13) !important;} .gapy14 {row-gap: var(--ape-space-14) !important;} .gapy15 {row-gap: var(--ape-space-15) !important;} .gapy16 {row-gap: var(--ape-space-16) !important;} .gapy17 {row-gap: var(--ape-space-17) !important;} .gapy18 {row-gap: var(--ape-space-18) !important;} .gapy19 {row-gap: var(--ape-space-19) !important;} .gapy20 {row-gap: var(--ape-space-20) !important;} /** Column Gap **/ .gapx0 {column-gap: var(--ape-space-0) !important;} .gapx1 {column-gap: var(--ape-space-1) !important;} .gapx2 {column-gap: var(--ape-space-2) !important;} .gapx3 {column-gap: var(--ape-space-3) !important;} .gapx4 {column-gap: var(--ape-space-4) !important;} .gapx5 {column-gap: var(--ape-space-5) !important;} .gapx6 {column-gap: var(--ape-space-6) !important;} .gapx7 {column-gap: var(--ape-space-7) !important;} .gapx8 {column-gap: var(--ape-space-8) !important;} .gapx9 {column-gap: var(--ape-space-9) !important;} .gapx10 {column-gap: var(--ape-space-10) !important;} .gapx11 {column-gap: var(--ape-space-11) !important;} .gapx12 {column-gap: var(--ape-space-12) !important;} .gapx13 {column-gap: var(--ape-space-13) !important;} .gapx14 {column-gap: var(--ape-space-14) !important;} .gapx15 {column-gap: var(--ape-space-15) !important;} .gapx16 {column-gap: var(--ape-space-16) !important;} .gapx17 {column-gap: var(--ape-space-17) !important;} .gapx18 {column-gap: var(--ape-space-18) !important;} .gapx19 {column-gap: var(--ape-space-19) !important;} .gapx20 {column-gap: var(--ape-space-20) !important;} /**Order**/ .order1 { order: 1; } .order2 { order: 2; } .order3 { order: 3; } .order4 { order: 4; } .order5 { order: 5; } .order6 { order: 6; } .order7 { order: 7; } .order8 { order: 8; } .order9 { order: 9; } .order10 { order: 10; } .order11 { order: 11; } .order12 { order: 12; } .orderfirst { order: -9999; } .orderlast { order: 9999; } .ordernone { order: 0; } .floatright { float: right;} .floatleft { float: left;} .floatnone { float: none;} /*-------------------------------------------------------------- Height, Margin, Padding --------------------------------------------------------------*/ /** Top, Left, Right, Bottom Percentage **/ .t5p { top: 5%; } .t10p { top: 10%; } .t15p { top: 15%; } .t20p { top: 20%; } .t25p { top: 25%; } .t30p { top: 30%; } .t35p { top: 35%; } .t40p { top: 40%; } .t45p { top: 45%; } .t50p { top: 50%; } .t55p { top: 55%; } .t60p { top: 60%; } .t65p { top: 65%; } .t70p { top: 70%; } .t75p { top: 75%; } .t80p { top: 80%; } .t85p { top: 85%; } .t90p { top: 90%; } .t95p { top: 95%; } .t100p { top: 100%; } .l5p { left: 5%; } .l10p { left: 10%; } .l15p { left: 15%; } .l20p { left: 20%; } .l25p { left: 25%; } .l30p { left: 30%; } .l35p { left: 35%; } .l40p { left: 40%; } .l45p { left: 45%; } .l50p { left: 50%; } .l55p { left: 55%; } .l60p { left: 60%; } .l65p { left: 65%; } .l70p { left: 70%; } .l75p { left: 75%; } .l80p { left: 80%; } .l85p { left: 85%; } .l90p { left: 90%; } .l95p { left: 95%; } .l100p { left: 100%; } .r5p { right: 5%; } .r10p { right: 10%; } .r15p { right: 15%; } .r20p { right: 20%; } .r25p { right: 25%; } .r30p { right: 30%; } .r35p { right: 35%; } .r40p { right: 40%; } .r45p { right: 45%; } .r50p { right: 50%; } .r55p { right: 55%; } .r60p { right: 60%; } .r65p { right: 65%; } .r70p { right: 70%; } .r75p { right: 75%; } .r80p { right: 80%; } .r85p { right: 85%; } .r90p { right: 90%; } .r95p { right: 95%; } .r100p { right: 100%; } .b5p { bottom: 5%; } .b10p { bottom: 10%; } .b15p { bottom: 15%; } .b20p { bottom: 20%; } .b25p { bottom: 25%; } .b30p { bottom: 30%; } .b35p { bottom: 35%; } .b40p { bottom: 40%; } .b45p { bottom: 45%; } .b50p { bottom: 50%; } .b55p { bottom: 55%; } .b60p { bottom: 60%; } .b65p { bottom: 65%; } .b70p { bottom: 70%; } .b75p { bottom: 75%; } .b80p { bottom: 80%; } .b85p { bottom: 85%; } .b90p { bottom: 90%; } .b95p { bottom: 95%; } .b100p { bottom: 100%; } /**Left**/ .l0 {left: var(--ape-space-0);} .l1 {left: var(--ape-space-1);} .l2 {left: var(--ape-space-2);} .l3 {left: var(--ape-space-3);} .l4 {left: var(--ape-space-4);} .l5 {left: var(--ape-space-5);} .l6 {left: var(--ape-space-6);} .l7 {left: var(--ape-space-7);} .l8 {left: var(--ape-space-8);} .l9 {left: var(--ape-space-9);} .l10 {left: var(--ape-space-10);} .l11 {left: var(--ape-space-11);} .l12 {left: var(--ape-space-12);} .l13 {left: var(--ape-space-13);} .l14 {left: var(--ape-space-14);} .l15 {left: var(--ape-space-15);} .l16 {left: var(--ape-space-16);} .l17 {left: var(--ape-space-17);} .l18 {left: var(--ape-space-18);} .l19 {left: var(--ape-space-19);} .l20 {left: var(--ape-space-20);} .l21 {left: var(--ape-space-21);} .l22 {left: var(--ape-space-22);} .l23 {left: var(--ape-space-23);} .l24 {left: var(--ape-space-24);} .l25 {left: var(--ape-space-25);} .l26 {left: var(--ape-space-26);} .l27 {left: var(--ape-space-27);} .l28 {left: var(--ape-space-28);} .l29 {left: var(--ape-space-29);} .l30 {left: var(--ape-space-30);} .l31 {left: var(--ape-space-31);} .l32 {left: var(--ape-space-32);} .l33 {left: var(--ape-space-33);} .l34 {left: var(--ape-space-34);} .l35 {left: var(--ape-space-35);} .l36 {left: var(--ape-space-36);} .l37 {left: var(--ape-space-37);} .l38 {left: var(--ape-space-38);} .l39 {left: var(--ape-space-39);} .l40 {left: var(--ape-space-40);} .l41 {left: var(--ape-space-41);} .l42 {left: var(--ape-space-42);} .l43 {left: var(--ape-space-43);} .l44 {left: var(--ape-space-44);} .l45 {left: var(--ape-space-45);} .l46 {left: var(--ape-space-46);} .l47 {left: var(--ape-space-47);} .l48 {left: var(--ape-space-48);} .l49 {left: var(--ape-space-49);} .l50 {left: var(--ape-space-50);} .l51 {left: var(--ape-space-51);} .l52 {left: var(--ape-space-52);} .l53 {left: var(--ape-space-53);} .l54 {left: var(--ape-space-54);} .l55 {left: var(--ape-space-55);} .l56 {left: var(--ape-space-56);} .l57 {left: var(--ape-space-57);} .l58 {left: var(--ape-space-58);} .l59 {left: var(--ape-space-59);} .l60 {left: var(--ape-space-60);} .l61 {left: var(--ape-space-61);} .l62 {left: var(--ape-space-62);} .l63 {left: var(--ape-space-63);} .l64 {left: var(--ape-space-64);} .-l1 {left: calc(var(--ape-space-1) * -1);} .-l2 {left: calc(var(--ape-space-2) * -1);} .-l3 {left: calc(var(--ape-space-3) * -1);} .-l4 {left: calc(var(--ape-space-4) * -1);} .-l5 {left: calc(var(--ape-space-5) * -1);} .-l6 {left: calc(var(--ape-space-6) * -1);} .-l7 {left: calc(var(--ape-space-7) * -1);} .-l8 {left: calc(var(--ape-space-8) * -1);} .-l9 {left: calc(var(--ape-space-9) * -1);} .-l10 {left: calc(var(--ape-space-10) * -1);} .-l11 {left: calc(var(--ape-space-11) * -1);} .-l12 {left: calc(var(--ape-space-12) * -1);} .-l13 {left: calc(var(--ape-space-13) * -1);} .-l14 {left: calc(var(--ape-space-14) * -1);} .-l15 {left: calc(var(--ape-space-15) * -1);} .-l16 {left: calc(var(--ape-space-16) * -1);} .-l17 {left: calc(var(--ape-space-17) * -1);} .-l18 {left: calc(var(--ape-space-18) * -1);} .-l19 {left: calc(var(--ape-space-19) * -1);} .-l20 {left: calc(var(--ape-space-20) * -1);} .-l21 {left: calc(var(--ape-space-21) * -1);} .-l22 {left: calc(var(--ape-space-22) * -1);} .-l23 {left: calc(var(--ape-space-23) * -1);} .-l24 {left: calc(var(--ape-space-24) * -1);} .-l25 {left: calc(var(--ape-space-25) * -1);} .-l26 {left: calc(var(--ape-space-26) * -1);} .-l27 {left: calc(var(--ape-space-27) * -1);} .-l28 {left: calc(var(--ape-space-28) * -1);} .-l29 {left: calc(var(--ape-space-29) * -1);} .-l30 {left: calc(var(--ape-space-30) * -1);} .-l31 {left: calc(var(--ape-space-31) * -1);} .-l32 {left: calc(var(--ape-space-32) * -1);} .-l33 {left: calc(var(--ape-space-33) * -1);} .-l34 {left: calc(var(--ape-space-34) * -1);} .-l35 {left: calc(var(--ape-space-35) * -1);} .-l36 {left: calc(var(--ape-space-36) * -1);} .-l37 {left: calc(var(--ape-space-37) * -1);} .-l38 {left: calc(var(--ape-space-38) * -1);} .-l39 {left: calc(var(--ape-space-39) * -1);} .-l40 {left: calc(var(--ape-space-40) * -1);} .-l41 {left: calc(var(--ape-space-41) * -1);} .-l42 {left: calc(var(--ape-space-42) * -1);} .-l43 {left: calc(var(--ape-space-43) * -1);} .-l44 {left: calc(var(--ape-space-44) * -1);} .-l45 {left: calc(var(--ape-space-45) * -1);} .-l46 {left: calc(var(--ape-space-46) * -1);} .-l47 {left: calc(var(--ape-space-47) * -1);} .-l48 {left: calc(var(--ape-space-48) * -1);} .-l49 {left: calc(var(--ape-space-49) * -1);} .-l50 {left: calc(var(--ape-space-50) * -1);} .-l51 {left: calc(var(--ape-space-51) * -1);} .-l52 {left: calc(var(--ape-space-52) * -1);} .-l53 {left: calc(var(--ape-space-53) * -1);} .-l54 {left: calc(var(--ape-space-54) * -1);} .-l55 {left: calc(var(--ape-space-55) * -1);} .-l56 {left: calc(var(--ape-space-56) * -1);} .-l57 {left: calc(var(--ape-space-57) * -1);} .-l58 {left: calc(var(--ape-space-58) * -1);} .-l59 {left: calc(var(--ape-space-59) * -1);} .-l60 {left: calc(var(--ape-space-60) * -1);} .-l61 {left: calc(var(--ape-space-61) * -1);} .-l62 {left: calc(var(--ape-space-62) * -1);} .-l63 {left: calc(var(--ape-space-63) * -1);} .-l64 {left: calc(var(--ape-space-64) * -1);} /**Right**/ .r0 {right: var(--ape-space-0);} .r1 {right: var(--ape-space-1);} .r2 {right: var(--ape-space-2);} .r3 {right: var(--ape-space-3);} .r4 {right: var(--ape-space-4);} .r5 {right: var(--ape-space-5);} .r6 {right: var(--ape-space-6);} .r7 {right: var(--ape-space-7);} .r8 {right: var(--ape-space-8);} .r9 {right: var(--ape-space-9);} .r10 {right: var(--ape-space-10);} .r11 {right: var(--ape-space-11);} .r12 {right: var(--ape-space-12);} .r13 {right: var(--ape-space-13);} .r14 {right: var(--ape-space-14);} .r15 {right: var(--ape-space-15);} .r16 {right: var(--ape-space-16);} .r17 {right: var(--ape-space-17);} .r18 {right: var(--ape-space-18);} .r19 {right: var(--ape-space-19);} .r20 {right: var(--ape-space-20);} .r21 {right: var(--ape-space-21);} .r22 {right: var(--ape-space-22);} .r23 {right: var(--ape-space-23);} .r24 {right: var(--ape-space-24);} .r25 {right: var(--ape-space-25);} .r26 {right: var(--ape-space-26);} .r27 {right: var(--ape-space-27);} .r28 {right: var(--ape-space-28);} .r29 {right: var(--ape-space-29);} .r30 {right: var(--ape-space-30);} .r31 {right: var(--ape-space-31);} .r32 {right: var(--ape-space-32);} .r33 {right: var(--ape-space-33);} .r34 {right: var(--ape-space-34);} .r35 {right: var(--ape-space-35);} .r36 {right: var(--ape-space-36);} .r37 {right: var(--ape-space-37);} .r38 {right: var(--ape-space-38);} .r39 {right: var(--ape-space-39);} .r40 {right: var(--ape-space-40);} .r41 {right: var(--ape-space-41);} .r42 {right: var(--ape-space-42);} .r43 {right: var(--ape-space-43);} .r44 {right: var(--ape-space-44);} .r45 {right: var(--ape-space-45);} .r46 {right: var(--ape-space-46);} .r47 {right: var(--ape-space-47);} .r48 {right: var(--ape-space-48);} .r49 {right: var(--ape-space-49);} .r50 {right: var(--ape-space-50);} .r51 {right: var(--ape-space-51);} .r52 {right: var(--ape-space-52);} .r53 {right: var(--ape-space-53);} .r54 {right: var(--ape-space-54);} .r55 {right: var(--ape-space-55);} .r56 {right: var(--ape-space-56);} .r57 {right: var(--ape-space-57);} .r58 {right: var(--ape-space-58);} .r59 {right: var(--ape-space-59);} .r60 {right: var(--ape-space-60);} .r61 {right: var(--ape-space-61);} .r62 {right: var(--ape-space-62);} .r63 {right: var(--ape-space-63);} .r64 {right: var(--ape-space-64);} .-r1 {right: calc(var(--ape-space-1) * -1);} .-r2 {right: calc(var(--ape-space-2) * -1);} .-r3 {right: calc(var(--ape-space-3) * -1);} .-r4 {right: calc(var(--ape-space-4) * -1);} .-r5 {right: calc(var(--ape-space-5) * -1);} .-r6 {right: calc(var(--ape-space-6) * -1);} .-r7 {right: calc(var(--ape-space-7) * -1);} .-r8 {right: calc(var(--ape-space-8) * -1);} .-r9 {right: calc(var(--ape-space-9) * -1);} .-r10 {right: calc(var(--ape-space-10) * -1);} .-r11 {right: calc(var(--ape-space-11) * -1);} .-r12 {right: calc(var(--ape-space-12) * -1);} .-r13 {right: calc(var(--ape-space-13) * -1);} .-r14 {right: calc(var(--ape-space-14) * -1);} .-r15 {right: calc(var(--ape-space-15) * -1);} .-r16 {right: calc(var(--ape-space-16) * -1);} .-r17 {right: calc(var(--ape-space-17) * -1);} .-r18 {right: calc(var(--ape-space-18) * -1);} .-r19 {right: calc(var(--ape-space-19) * -1);} .-r20 {right: calc(var(--ape-space-20) * -1);} .-r21 {right: calc(var(--ape-space-21) * -1);} .-r22 {right: calc(var(--ape-space-22) * -1);} .-r23 {right: calc(var(--ape-space-23) * -1);} .-r24 {right: calc(var(--ape-space-24) * -1);} .-r25 {right: calc(var(--ape-space-25) * -1);} .-r26 {right: calc(var(--ape-space-26) * -1);} .-r27 {right: calc(var(--ape-space-27) * -1);} .-r28 {right: calc(var(--ape-space-28) * -1);} .-r29 {right: calc(var(--ape-space-29) * -1);} .-r30 {right: calc(var(--ape-space-30) * -1);} .-r31 {right: calc(var(--ape-space-31) * -1);} .-r32 {right: calc(var(--ape-space-32) * -1);} .-r33 {right: calc(var(--ape-space-33) * -1);} .-r34 {right: calc(var(--ape-space-34) * -1);} .-r35 {right: calc(var(--ape-space-35) * -1);} .-r36 {right: calc(var(--ape-space-36) * -1);} .-r37 {right: calc(var(--ape-space-37) * -1);} .-r38 {right: calc(var(--ape-space-38) * -1);} .-r39 {right: calc(var(--ape-space-39) * -1);} .-r40 {right: calc(var(--ape-space-40) * -1);} .-r41 {right: calc(var(--ape-space-41) * -1);} .-r42 {right: calc(var(--ape-space-42) * -1);} .-r43 {right: calc(var(--ape-space-43) * -1);} .-r44 {right: calc(var(--ape-space-44) * -1);} .-r45 {right: calc(var(--ape-space-45) * -1);} .-r46 {right: calc(var(--ape-space-46) * -1);} .-r47 {right: calc(var(--ape-space-47) * -1);} .-r48 {right: calc(var(--ape-space-48) * -1);} .-r49 {right: calc(var(--ape-space-49) * -1);} .-r50 {right: calc(var(--ape-space-50) * -1);} .-r51 {right: calc(var(--ape-space-51) * -1);} .-r52 {right: calc(var(--ape-space-52) * -1);} .-r53 {right: calc(var(--ape-space-53) * -1);} .-r54 {right: calc(var(--ape-space-54) * -1);} .-r55 {right: calc(var(--ape-space-55) * -1);} .-r56 {right: calc(var(--ape-space-56) * -1);} .-r57 {right: calc(var(--ape-space-57) * -1);} .-r58 {right: calc(var(--ape-space-58) * -1);} .-r59 {right: calc(var(--ape-space-59) * -1);} .-r60 {right: calc(var(--ape-space-60) * -1);} .-r61 {right: calc(var(--ape-space-61) * -1);} .-r62 {right: calc(var(--ape-space-62) * -1);} .-r63 {right: calc(var(--ape-space-63) * -1);} .-r64 {right: calc(var(--ape-space-64) * -1);} /**Top**/ .t0 { top: var(--ape-space-0);} .t1 { top: var(--ape-space-1);} .t2 { top: var(--ape-space-2);} .t3 { top: var(--ape-space-3);} .t4 { top: var(--ape-space-4);} .t5 { top: var(--ape-space-5);} .t6 { top: var(--ape-space-6);} .t7 { top: var(--ape-space-7);} .t8 { top: var(--ape-space-8);} .t9 { top: var(--ape-space-9);} .t10 { top: var(--ape-space-10);} .t11 { top: var(--ape-space-11);} .t12 { top: var(--ape-space-12);} .t13 { top: var(--ape-space-13);} .t14 { top: var(--ape-space-14);} .t15 { top: var(--ape-space-15);} .t16 { top: var(--ape-space-16);} .t17 { top: var(--ape-space-17);} .t18 { top: var(--ape-space-18);} .t19 { top: var(--ape-space-19);} .t20 { top: var(--ape-space-20);} .t21 { top: var(--ape-space-21);} .t22 { top: var(--ape-space-22);} .t23 { top: var(--ape-space-23);} .t24 { top: var(--ape-space-24);} .t25 { top: var(--ape-space-25);} .t26 { top: var(--ape-space-26);} .t27 { top: var(--ape-space-27);} .t28 { top: var(--ape-space-28);} .t29 { top: var(--ape-space-29);} .t30 { top: var(--ape-space-30);} .t31 { top: var(--ape-space-31);} .t32 { top: var(--ape-space-32);} .t33 { top: var(--ape-space-33);} .t34 { top: var(--ape-space-34);} .t35 { top: var(--ape-space-35);} .t36 { top: var(--ape-space-36);} .t37 { top: var(--ape-space-37);} .t38 { top: var(--ape-space-38);} .t39 { top: var(--ape-space-39);} .t40 { top: var(--ape-space-40);} .t41 { top: var(--ape-space-41);} .t42 { top: var(--ape-space-42);} .t43 { top: var(--ape-space-43);} .t44 { top: var(--ape-space-44);} .t45 { top: var(--ape-space-45);} .t46 { top: var(--ape-space-46);} .t47 { top: var(--ape-space-47);} .t48 { top: var(--ape-space-48);} .t49 { top: var(--ape-space-49);} .t50 { top: var(--ape-space-50);} .t51 { top: var(--ape-space-51);} .t52 { top: var(--ape-space-52);} .t53 { top: var(--ape-space-53);} .t54 { top: var(--ape-space-54);} .t55 { top: var(--ape-space-55);} .t56 { top: var(--ape-space-56);} .t57 { top: var(--ape-space-57);} .t58 { top: var(--ape-space-58);} .t59 { top: var(--ape-space-59);} .t60 { top: var(--ape-space-60);} .t61 { top: var(--ape-space-61);} .t62 { top: var(--ape-space-62);} .t63 { top: var(--ape-space-63);} .t64 { top: var(--ape-space-64);} .-t1 {top: calc(var(--ape-space-1) * -1);} .-t2 {top: calc(var(--ape-space-2) * -1);} .-t3 {top: calc(var(--ape-space-3) * -1);} .-t4 {top: calc(var(--ape-space-4) * -1);} .-t5 {top: calc(var(--ape-space-5) * -1);} .-t6 {top: calc(var(--ape-space-6) * -1);} .-t7 {top: calc(var(--ape-space-7) * -1);} .-t8 {top: calc(var(--ape-space-8) * -1);} .-t9 {top: calc(var(--ape-space-9) * -1);} .-t10 {top: calc(var(--ape-space-10) * -1);} .-t11 {top: calc(var(--ape-space-11) * -1);} .-t12 {top: calc(var(--ape-space-12) * -1);} .-t13 {top: calc(var(--ape-space-13) * -1);} .-t14 {top: calc(var(--ape-space-14) * -1);} .-t15 {top: calc(var(--ape-space-15) * -1);} .-t16 {top: calc(var(--ape-space-16) * -1);} .-t17 {top: calc(var(--ape-space-17) * -1);} .-t18 {top: calc(var(--ape-space-18) * -1);} .-t19 {top: calc(var(--ape-space-19) * -1);} .-t20 {top: calc(var(--ape-space-20) * -1);} .-t21 {top: calc(var(--ape-space-21) * -1);} .-t22 {top: calc(var(--ape-space-22) * -1);} .-t23 {top: calc(var(--ape-space-23) * -1);} .-t24 {top: calc(var(--ape-space-24) * -1);} .-t25 {top: calc(var(--ape-space-25) * -1);} .-t26 {top: calc(var(--ape-space-26) * -1);} .-t27 {top: calc(var(--ape-space-27) * -1);} .-t28 {top: calc(var(--ape-space-28) * -1);} .-t29 {top: calc(var(--ape-space-29) * -1);} .-t30 {top: calc(var(--ape-space-30) * -1);} .-t31 {top: calc(var(--ape-space-31) * -1);} .-t32 {top: calc(var(--ape-space-32) * -1);} .-t33 {top: calc(var(--ape-space-33) * -1);} .-t34 {top: calc(var(--ape-space-34) * -1);} .-t35 {top: calc(var(--ape-space-35) * -1);} .-t36 {top: calc(var(--ape-space-36) * -1);} .-t37 {top: calc(var(--ape-space-37) * -1);} .-t38 {top: calc(var(--ape-space-38) * -1);} .-t39 {top: calc(var(--ape-space-39) * -1);} .-t40 {top: calc(var(--ape-space-40) * -1);} .-t41 {top: calc(var(--ape-space-41) * -1);} .-t42 {top: calc(var(--ape-space-42) * -1);} .-t43 {top: calc(var(--ape-space-43) * -1);} .-t44 {top: calc(var(--ape-space-44) * -1);} .-t45 {top: calc(var(--ape-space-45) * -1);} .-t46 {top: calc(var(--ape-space-46) * -1);} .-t47 {top: calc(var(--ape-space-47) * -1);} .-t48 {top: calc(var(--ape-space-48) * -1);} .-t49 {top: calc(var(--ape-space-49) * -1);} .-t50 {top: calc(var(--ape-space-50) * -1);} .-t51 {top: calc(var(--ape-space-51) * -1);} .-t52 {top: calc(var(--ape-space-52) * -1);} .-t53 {top: calc(var(--ape-space-53) * -1);} .-t54 {top: calc(var(--ape-space-54) * -1);} .-t55 {top: calc(var(--ape-space-55) * -1);} .-t56 {top: calc(var(--ape-space-56) * -1);} .-t57 {top: calc(var(--ape-space-57) * -1);} .-t58 {top: calc(var(--ape-space-58) * -1);} .-t59 {top: calc(var(--ape-space-59) * -1);} .-t60 {top: calc(var(--ape-space-60) * -1);} .-t61 {top: calc(var(--ape-space-61) * -1);} .-t62 {top: calc(var(--ape-space-62) * -1);} .-t63 {top: calc(var(--ape-space-63) * -1);} .-t64 {top: calc(var(--ape-space-64) * -1);} /**Bottom**/ .b0 { bottom: var(--ape-space-0);} .b1 { bottom: var(--ape-space-1);} .b2 { bottom: var(--ape-space-2);} .b3 { bottom: var(--ape-space-3);} .b4 { bottom: var(--ape-space-4);} .b5 { bottom: var(--ape-space-5);} .b6 { bottom: var(--ape-space-6);} .b7 { bottom: var(--ape-space-7);} .b8 { bottom: var(--ape-space-8);} .b9 { bottom: var(--ape-space-9);} .b10 { bottom: var(--ape-space-10);} .b11 { bottom: var(--ape-space-11);} .b12 { bottom: var(--ape-space-12);} .b13 { bottom: var(--ape-space-13);} .b14 { bottom: var(--ape-space-14);} .b15 { bottom: var(--ape-space-15);} .b16 { bottom: var(--ape-space-16);} .b17 { bottom: var(--ape-space-17);} .b18 { bottom: var(--ape-space-18);} .b19 { bottom: var(--ape-space-19);} .b20 { bottom: var(--ape-space-20);} .b21 { bottom: var(--ape-space-21);} .b22 { bottom: var(--ape-space-22);} .b23 { bottom: var(--ape-space-23);} .b24 { bottom: var(--ape-space-24);} .b25 { bottom: var(--ape-space-25);} .b26 { bottom: var(--ape-space-26);} .b27 { bottom: var(--ape-space-27);} .b28 { bottom: var(--ape-space-28);} .b29 { bottom: var(--ape-space-29);} .b30 { bottom: var(--ape-space-30);} .b31 { bottom: var(--ape-space-31);} .b32 { bottom: var(--ape-space-32);} .b33 { bottom: var(--ape-space-33);} .b34 { bottom: var(--ape-space-34);} .b35 { bottom: var(--ape-space-35);} .b36 { bottom: var(--ape-space-36);} .b37 { bottom: var(--ape-space-37);} .b38 { bottom: var(--ape-space-38);} .b39 { bottom: var(--ape-space-39);} .b40 { bottom: var(--ape-space-40);} .b41 { bottom: var(--ape-space-41);} .b42 { bottom: var(--ape-space-42);} .b43 { bottom: var(--ape-space-44);} .b44 { bottom: var(--ape-space-44);} .b45 { bottom: var(--ape-space-45);} .b46 { bottom: var(--ape-space-46);} .b47 { bottom: var(--ape-space-47);} .b48 { bottom: var(--ape-space-48);} .b49 { bottom: var(--ape-space-49);} .b50 { bottom: var(--ape-space-50);} .b51 { bottom: var(--ape-space-51);} .b52 { bottom: var(--ape-space-52);} .b53 { bottom: var(--ape-space-53);} .b54 { bottom: var(--ape-space-54);} .b55 { bottom: var(--ape-space-55);} .b56 { bottom: var(--ape-space-56);} .b57 { bottom: var(--ape-space-57);} .b58 { bottom: var(--ape-space-58);} .b59 { bottom: var(--ape-space-59);} .b60 { bottom: var(--ape-space-60);} .b61 { bottom: var(--ape-space-61);} .b62 { bottom: var(--ape-space-62);} .b63 { bottom: var(--ape-space-63);} .b64 { bottom: var(--ape-space-64);} .-b1 {bottom: calc(var(--ape-space-1) * -1);} .-b2 {bottom: calc(var(--ape-space-2) * -1);} .-b3 {bottom: calc(var(--ape-space-3) * -1);} .-b4 {bottom: calc(var(--ape-space-4) * -1);} .-b5 {bottom: calc(var(--ape-space-5) * -1);} .-b6 {bottom: calc(var(--ape-space-6) * -1);} .-b7 {bottom: calc(var(--ape-space-7) * -1);} .-b8 {bottom: calc(var(--ape-space-8) * -1);} .-b9 {bottom: calc(var(--ape-space-9) * -1);} .-b10 {bottom: calc(var(--ape-space-10) * -1);} .-b11 {bottom: calc(var(--ape-space-11) * -1);} .-b12 {bottom: calc(var(--ape-space-12) * -1);} .-b13 {bottom: calc(var(--ape-space-13) * -1);} .-b14 {bottom: calc(var(--ape-space-14) * -1);} .-b15 {bottom: calc(var(--ape-space-15) * -1);} .-b16 {bottom: calc(var(--ape-space-16) * -1);} .-b17 {bottom: calc(var(--ape-space-17) * -1);} .-b18 {bottom: calc(var(--ape-space-18) * -1);} .-b19 {bottom: calc(var(--ape-space-19) * -1);} .-b20 {bottom: calc(var(--ape-space-20) * -1);} .-b21 {bottom: calc(var(--ape-space-21) * -1);} .-b22 {bottom: calc(var(--ape-space-22) * -1);} .-b23 {bottom: calc(var(--ape-space-23) * -1);} .-b24 {bottom: calc(var(--ape-space-24) * -1);} .-b25 {bottom: calc(var(--ape-space-25) * -1);} .-b26 {bottom: calc(var(--ape-space-26) * -1);} .-b27 {bottom: calc(var(--ape-space-27) * -1);} .-b28 {bottom: calc(var(--ape-space-28) * -1);} .-b29 {bottom: calc(var(--ape-space-29) * -1);} .-b30 {bottom: calc(var(--ape-space-30) * -1);} .-b31 {bottom: calc(var(--ape-space-31) * -1);} .-b32 {bottom: calc(var(--ape-space-32) * -1);} .-b33 {bottom: calc(var(--ape-space-33) * -1);} .-b34 {bottom: calc(var(--ape-space-34) * -1);} .-b35 {bottom: calc(var(--ape-space-35) * -1);} .-b36 {bottom: calc(var(--ape-space-36) * -1);} .-b37 {bottom: calc(var(--ape-space-37) * -1);} .-b38 {bottom: calc(var(--ape-space-38) * -1);} .-b39 {bottom: calc(var(--ape-space-39) * -1);} .-b40 {bottom: calc(var(--ape-space-40) * -1);} .-b41 {bottom: calc(var(--ape-space-41) * -1);} .-b42 {bottom: calc(var(--ape-space-42) * -1);} .-b43 {bottom: calc(var(--ape-space-43) * -1);} .-b44 {bottom: calc(var(--ape-space-44) * -1);} .-b45 {bottom: calc(var(--ape-space-45) * -1);} .-b46 {bottom: calc(var(--ape-space-46) * -1);} .-b47 {bottom: calc(var(--ape-space-47) * -1);} .-b48 {bottom: calc(var(--ape-space-48) * -1);} .-b49 {bottom: calc(var(--ape-space-49) * -1);} .-b50 {bottom: calc(var(--ape-space-50) * -1);} .-b51 {bottom: calc(var(--ape-space-51) * -1);} .-b52 {bottom: calc(var(--ape-space-52) * -1);} .-b53 {bottom: calc(var(--ape-space-53) * -1);} .-b54 {bottom: calc(var(--ape-space-54) * -1);} .-b55 {bottom: calc(var(--ape-space-55) * -1);} .-b56 {bottom: calc(var(--ape-space-56) * -1);} .-b57 {bottom: calc(var(--ape-space-57) * -1);} .-b58 {bottom: calc(var(--ape-space-58) * -1);} .-b59 {bottom: calc(var(--ape-space-59) * -1);} .-b60 {bottom: calc(var(--ape-space-60) * -1);} .-b61 {bottom: calc(var(--ape-space-61) * -1);} .-b62 {bottom: calc(var(--ape-space-62) * -1);} .-b63 {bottom: calc(var(--ape-space-63) * -1);} .-b64 {bottom: calc(var(--ape-space-64) * -1);} /**Height**/ .h0 { height: var(--ape-space-0);} .h1 { height: var(--ape-space-1);} .h2 { height: var(--ape-space-2);} .h3 { height: var(--ape-space-3);} .h4 { height: var(--ape-space-4);} .h5 { height: var(--ape-space-5);} .h6 { height: var(--ape-space-6);} .h7 { height: var(--ape-space-7);} .h8 { height: var(--ape-space-8);} .h9 { height: var(--ape-space-9);} .h10 { height: var(--ape-space-10);} .h11 { height: var(--ape-space-11);} .h12 { height: var(--ape-space-12);} .h13 { height: var(--ape-space-13);} .h14 { height: var(--ape-space-14);} .h15 { height: var(--ape-space-15);} .h16 { height: var(--ape-space-16);} .h17 { height: var(--ape-space-17);} .h18 { height: var(--ape-space-18);} .h19 { height: var(--ape-space-19);} .h20 { height: var(--ape-space-20);} .h21 { height: var(--ape-space-21);} .h22 { height: var(--ape-space-22);} .h23 { height: var(--ape-space-23);} .h24 { height: var(--ape-space-24);} .h25 { height: var(--ape-space-25);} .h26 { height: var(--ape-space-26);} .h27 { height: var(--ape-space-27);} .h28 { height: var(--ape-space-28);} .h29 { height: var(--ape-space-29);} .h30 { height: var(--ape-space-30);} .h31 { height: var(--ape-space-31);} .h32 { height: var(--ape-space-32);} .h33 { height: var(--ape-space-33);} .h34 { height: var(--ape-space-34);} .h35 { height: var(--ape-space-35);} .h36 { height: var(--ape-space-36);} .h37 { height: var(--ape-space-37);} .h38 { height: var(--ape-space-38);} .h39 { height: var(--ape-space-39);} .h40 { height: var(--ape-space-40);} .h41 { height: var(--ape-space-41);} .h42 { height: var(--ape-space-42);} .h43 { height: var(--ape-space-43);} .h44 { height: var(--ape-space-44);} .h45 { height: var(--ape-space-45);} .h46 { height: var(--ape-space-46);} .h47 { height: var(--ape-space-47);} .h48 { height: var(--ape-space-48);} .h49 { height: var(--ape-space-49);} .h50 { height: var(--ape-space-50);} .h51 { height: var(--ape-space-51);} .h52 { height: var(--ape-space-52);} .h53 { height: var(--ape-space-53);} .h54 { height: var(--ape-space-54);} .h55 { height: var(--ape-space-55);} .h56 { height: var(--ape-space-56);} .h57 { height: var(--ape-space-57);} .h58 { height: var(--ape-space-58);} .h59 { height: var(--ape-space-59);} .h60 { height: var(--ape-space-60);} .h61 { height: var(--ape-space-61);} .h62 { height: var(--ape-space-62);} .h63 { height: var(--ape-space-63);} .h64 { height: var(--ape-space-64);} .hauto { height: auto;} .hpx { height: var(--ape-space-px);} .h100p { height: var(--ape-space-full);} .h10vh { height: var(--ape-space-10vh);} .h15vh { height: var(--ape-space-15vh);} .h20vh { height: var(--ape-space-20vh);} .h25vh { height: var(--ape-space-25vh);} .h30vh { height: var(--ape-space-30vh);} .h35vh { height: var(--ape-space-35vh);} .h40vh { height: var(--ape-space-40vh);} .h45vh { height: var(--ape-space-45vh);} .h50vh { height: var(--ape-space-50vh);} .h55vh { height: var(--ape-space-55vh);} .h60vh { height: var(--ape-space-60vh);} .h65vh { height: var(--ape-space-65vh);} .h70vh { height: var(--ape-space-70vh);} .h75vh { height: var(--ape-space-75vh);} .h80vh { height: var(--ape-space-80vh);} .h85vh { height: var(--ape-space-85vh);} .h90vh { height: var(--ape-space-90vh);} .h95vh { height: var(--ape-space-95vh);} .h100vh { height: var(--ape-space-100vh);} .minh10vh { min-height: var(--ape-space-10vh);} .minh15vh { min-height: var(--ape-space-15vh);} .minh20vh { min-height: var(--ape-space-20vh);} .minh25vh { min-height: var(--ape-space-25vh);} .minh30vh { min-height: var(--ape-space-30vh);} .minh35vh { min-height: var(--ape-space-35vh);} .minh40vh { min-height: var(--ape-space-40vh);} .minh45vh { min-height: var(--ape-space-45vh);} .minh50vh { min-height: var(--ape-space-50vh);} .minh55vh { min-height: var(--ape-space-55vh);} .minh60vh { min-height: var(--ape-space-60vh);} .minh65vh { min-height: var(--ape-space-65vh);} .minh70vh { min-height: var(--ape-space-70vh);} .minh75vh { min-height: var(--ape-space-75vh);} .minh80vh { min-height: var(--ape-space-80vh);} .minh85vh { min-height: var(--ape-space-85vh);} .minh90vh { min-height: var(--ape-space-90vh);} .minh95vh { min-height: var(--ape-space-95vh);} .minh100vh { min-height: var(--ape-space-100vh);} .minhauto { min-height: auto;} .minhnone { min-height: none;} .maxh10vh { max-height: var(--ape-space-10vh);} .maxh15vh { max-height: var(--ape-space-15vh);} .maxh20vh { max-height: var(--ape-space-20vh);} .maxh25vh { max-height: var(--ape-space-25vh);} .maxh30vh { max-height: var(--ape-space-30vh);} .maxh35vh { max-height: var(--ape-space-35vh);} .maxh40vh { max-height: var(--ape-space-40vh);} .maxh45vh { max-height: var(--ape-space-45vh);} .maxh50vh { max-height: var(--ape-space-50vh);} .maxh55vh { max-height: var(--ape-space-55vh);} .maxh60vh { max-height: var(--ape-space-60vh);} .maxh65vh { max-height: var(--ape-space-65vh);} .maxh70vh { max-height: var(--ape-space-70vh);} .maxh75vh { max-height: var(--ape-space-75vh);} .maxh80vh { max-height: var(--ape-space-80vh);} .maxh85vh { max-height: var(--ape-space-85vh);} .maxh90vh { max-height: var(--ape-space-90vh);} .maxh95vh { max-height: var(--ape-space-95vh);} .maxh100vh { max-height: var(--ape-space-100vh);} /**Max Height**/ .maxh0 { max-height: var(--ape-space-0);} .maxh1 { max-height: var(--ape-space-1);} .maxh2 { max-height: var(--ape-space-2);} .maxh3 { max-height: var(--ape-space-3);} .maxh4 { max-height: var(--ape-space-4);} .maxh5 { max-height: var(--ape-space-5);} .maxh6 { max-height: var(--ape-space-6);} .maxh7 { max-height: var(--ape-space-7);} .maxh8 { max-height: var(--ape-space-8);} .maxh9 { max-height: var(--ape-space-9);} .maxh10 { max-height: var(--ape-space-10);} .maxh11 { max-height: var(--ape-space-11);} .maxh12 { max-height: var(--ape-space-12);} .maxh13 { max-height: var(--ape-space-13);} .maxh14 { max-height: var(--ape-space-14);} .maxh15 { max-height: var(--ape-space-15);} .maxh16 { max-height: var(--ape-space-16);} .maxh17 { max-height: var(--ape-space-17);} .maxh18 { max-height: var(--ape-space-18);} .maxh19 { max-height: var(--ape-space-19);} .maxh20 { max-height: var(--ape-space-20);} .maxh21 { max-height: var(--ape-space-21);} .maxh22 { max-height: var(--ape-space-22);} .maxh23 { max-height: var(--ape-space-23);} .maxh24 { max-height: var(--ape-space-24);} .maxh25 { max-height: var(--ape-space-25);} .maxh26 { max-height: var(--ape-space-26);} .maxh27 { max-height: var(--ape-space-27);} .maxh28 { max-height: var(--ape-space-28);} .maxh29 { max-height: var(--ape-space-29);} .maxh30 { max-height: var(--ape-space-30);} .maxh31 { max-height: var(--ape-space-31);} .maxh32 { max-height: var(--ape-space-32);} .maxh33 { max-height: var(--ape-space-33);} .maxh34 { max-height: var(--ape-space-34);} .maxh35 { max-height: var(--ape-space-35);} .maxh36 { max-height: var(--ape-space-36);} .maxh37 { max-height: var(--ape-space-37);} .maxh38 { max-height: var(--ape-space-38);} .maxh39 { max-height: var(--ape-space-39);} .maxh40 { max-height: var(--ape-space-40);} .maxh41 { max-height: var(--ape-space-41);} .maxh42 { max-height: var(--ape-space-42);} .maxh43 { max-height: var(--ape-space-43);} .maxh44 { max-height: var(--ape-space-44);} .maxh45 { max-height: var(--ape-space-45);} .maxh46 { max-height: var(--ape-space-46);} .maxh47 { max-height: var(--ape-space-47);} .maxh48 { max-height: var(--ape-space-48);} .maxh49 { max-height: var(--ape-space-49);} .maxh50 { max-height: var(--ape-space-50);} .maxh51 { max-height: var(--ape-space-51);} .maxh52 { max-height: var(--ape-space-52);} .maxh53 { max-height: var(--ape-space-53);} .maxh54 { max-height: var(--ape-space-54);} .maxh55 { max-height: var(--ape-space-55);} .maxh56 { max-height: var(--ape-space-56);} .maxh57 { max-height: var(--ape-space-57);} .maxh58 { max-height: var(--ape-space-58);} .maxh59 { max-height: var(--ape-space-59);} .maxh60 { max-height: var(--ape-space-60);} .maxh61 { max-height: var(--ape-space-61);} .maxh62 { max-height: var(--ape-space-62);} .maxh63 { max-height: var(--ape-space-63);} .maxh64 { max-height: var(--ape-space-64);} .maxhfull { max-height: var(--ape-space-full);} .maxh100vh { max-height: var(--ape-space-100vh);} .maxhauto { max-height: auto;} .maxhnone { max-height: none;} /**Min Height**/ .minh0 { min-height: var(--ape-space-0);} .minh1 { min-height: var(--ape-space-1);} .minh2 { min-height: var(--ape-space-2);} .minh3 { min-height: var(--ape-space-3);} .minh4 { min-height: var(--ape-space-4);} .minh5 { min-height: var(--ape-space-5);} .minh6 { min-height: var(--ape-space-6);} .minh7 { min-height: var(--ape-space-7);} .minh8 { min-height: var(--ape-space-8);} .minh9 { min-height: var(--ape-space-9);} .minh10 { min-height: var(--ape-space-10);} .minh11 { min-height: var(--ape-space-11);} .minh12 { min-height: var(--ape-space-12);} .minh13 { min-height: var(--ape-space-13);} .minh14 { min-height: var(--ape-space-14);} .minh15 { min-height: var(--ape-space-15);} .minh16 { min-height: var(--ape-space-16);} .minh17 { min-height: var(--ape-space-17);} .minh18 { min-height: var(--ape-space-18);} .minh19 { min-height: var(--ape-space-19);} .minh20 { min-height: var(--ape-space-20);} .minh21 { min-height: var(--ape-space-21);} .minh22 { min-height: var(--ape-space-22);} .minh23 { min-height: var(--ape-space-23);} .minh24 { min-height: var(--ape-space-24);} .minh25 { min-height: var(--ape-space-25);} .minh26 { min-height: var(--ape-space-26);} .minh27 { min-height: var(--ape-space-27);} .minh28 { min-height: var(--ape-space-28);} .minh29 { min-height: var(--ape-space-29);} .minh30 { min-height: var(--ape-space-30);} .minh31 { min-height: var(--ape-space-31);} .minh32 { min-height: var(--ape-space-32);} .minh33 { min-height: var(--ape-space-33);} .minh34 { min-height: var(--ape-space-34);} .minh35 { min-height: var(--ape-space-35);} .minh36 { min-height: var(--ape-space-36);} .minh37 { min-height: var(--ape-space-37);} .minh38 { min-height: var(--ape-space-38);} .minh39 { min-height: var(--ape-space-39);} .minh40 { min-height: var(--ape-space-40);} .minh41 { min-height: var(--ape-space-41);} .minh42 { min-height: var(--ape-space-42);} .minh43 { min-height: var(--ape-space-43);} .minh44 { min-height: var(--ape-space-44);} .minh45 { min-height: var(--ape-space-45);} .minh46 { min-height: var(--ape-space-46);} .minh47 { min-height: var(--ape-space-47);} .minh48 { min-height: var(--ape-space-48);} .minh49 { min-height: var(--ape-space-49);} .minh50 { min-height: var(--ape-space-50);} .minh51 { min-height: var(--ape-space-51);} .minh52 { min-height: var(--ape-space-52);} .minh53 { min-height: var(--ape-space-53);} .minh54 { min-height: var(--ape-space-54);} .minh55 { min-height: var(--ape-space-55);} .minh56 { min-height: var(--ape-space-56);} .minh57 { min-height: var(--ape-space-57);} .minh58 { min-height: var(--ape-space-58);} .minh59 { min-height: var(--ape-space-59);} .minh60 { min-height: var(--ape-space-60);} .minh61 { min-height: var(--ape-space-61);} .minh62 { min-height: var(--ape-space-62);} .minh63 { min-height: var(--ape-space-63);} .minh64 { min-height: var(--ape-space-64);} .minhfull { min-height: var(--ape-space-full);} .minh100vh { min-height: var(--ape-space-100vh);} /**Width**/ .minwauto { min-width: auto;} .maxwauto { max-width: auto;} .maxwnone { max-width: none;} .minwnone { min-width: none;} .w0 { width: var(--ape-space-0);} .w1 { width: var(--ape-space-1);} .w2 { width: var(--ape-space-2);} .w3 { width: var(--ape-space-3);} .w4 { width: var(--ape-space-4);} .w5 { width: var(--ape-space-5);} .w6 { width: var(--ape-space-6);} .w7 { width: var(--ape-space-7);} .w8 { width: var(--ape-space-8);} .w9 { width: var(--ape-space-9);} .w10 { width: var(--ape-space-10);} .w11 { width: var(--ape-space-11);} .w12 { width: var(--ape-space-12);} .w13 { width: var(--ape-space-13);} .w14 { width: var(--ape-space-14);} .w15 { width: var(--ape-space-15);} .w16 { width: var(--ape-space-16);} .w17 { width: var(--ape-space-17);} .w18 { width: var(--ape-space-18);} .w19 { width: var(--ape-space-19);} .w20 { width: var(--ape-space-20);} .w21 { width: var(--ape-space-21);} .w22 { width: var(--ape-space-22);} .w23 { width: var(--ape-space-23);} .w24 { width: var(--ape-space-24);} .w25 { width: var(--ape-space-25);} .w26 { width: var(--ape-space-26);} .w27 { width: var(--ape-space-27);} .w28 { width: var(--ape-space-28);} .w29 { width: var(--ape-space-29);} .w30 { width: var(--ape-space-30);} .w31 { width: var(--ape-space-31);} .w32 { width: var(--ape-space-32);} .w33 { width: var(--ape-space-33);} .w34 { width: var(--ape-space-34);} .w35 { width: var(--ape-space-35);} .w36 { width: var(--ape-space-36);} .w37 { width: var(--ape-space-37);} .w38 { width: var(--ape-space-38);} .w39 { width: var(--ape-space-39);} .w40 { width: var(--ape-space-40);} .w41 { width: var(--ape-space-41);} .w42 { width: var(--ape-space-42);} .w43 { width: var(--ape-space-43);} .w44 { width: var(--ape-space-44);} .w45 { width: var(--ape-space-45);} .w46 { width: var(--ape-space-46);} .w47 { width: var(--ape-space-47);} .w48 { width: var(--ape-space-48);} .w49 { width: var(--ape-space-49);} .w50 { width: var(--ape-space-50);} .w51 { width: var(--ape-space-51);} .w52 { width: var(--ape-space-52);} .w53 { width: var(--ape-space-53);} .w54 { width: var(--ape-space-54);} .w55 { width: var(--ape-space-55);} .w56 { width: var(--ape-space-56);} .w57 { width: var(--ape-space-57);} .w58 { width: var(--ape-space-58);} .w59 { width: var(--ape-space-59);} .w60 { width: var(--ape-space-60);} .w61 { width: var(--ape-space-61);} .w62 { width: var(--ape-space-62);} .w63 { width: var(--ape-space-63);} .w64 { width: var(--ape-space-64);} .wauto { width: var(--ape-space-auto);} .wpx { width: var(--ape-space-px);} .wmin {width: min-content;} .wmax {width: max-content;} .wfit {width: fit-content;} .w10p { width: var(--ape-space-10p); } .w15p { width: var(--ape-space-15p); } .w20p { width: var(--ape-space-20p); } .w25p { width: var(--ape-space-25p); } .w30p { width: var(--ape-space-30p); } .w35p { width: var(--ape-space-35p); } .w40p { width: var(--ape-space-40p); } .w45p { width: var(--ape-space-45p); } .w50p { width: var(--ape-space-50p); } .w55p { width: var(--ape-space-55p); } .w60p { width: var(--ape-space-60p); } .w65p { width: var(--ape-space-65p); } .w70p { width: var(--ape-space-70p); } .w75p { width: var(--ape-space-75p); } .w80p { width: var(--ape-space-80p); } .w85p { width: var(--ape-space-85p); } .w90p { width: var(--ape-space-90p); } .w95p { width: var(--ape-space-95p); } .w100p { width: var(--ape-space-100p); } /**Max Width**/ .maxw0 { max-width: var(--ape-space-0);} .maxw1 { max-width: var(--ape-space-1);} .maxw2 { max-width: var(--ape-space-2);} .maxw3 { max-width: var(--ape-space-3);} .maxw4 { max-width: var(--ape-space-4);} .maxw5 { max-width: var(--ape-space-5);} .maxw6 { max-width: var(--ape-space-6);} .maxw7 { max-width: var(--ape-space-7);} .maxw8 { max-width: var(--ape-space-8);} .maxw9 { max-width: var(--ape-space-9);} .maxw10 { max-width: var(--ape-space-10);} .maxw11 { max-width: var(--ape-space-11);} .maxw12 { max-width: var(--ape-space-12);} .maxw13 { max-width: var(--ape-space-13);} .maxw14 { max-width: var(--ape-space-14);} .maxw15 { max-width: var(--ape-space-15);} .maxw16 { max-width: var(--ape-space-16);} .maxw17 { max-width: var(--ape-space-17);} .maxw18 { max-width: var(--ape-space-18);} .maxw19 { max-width: var(--ape-space-19);} .maxw20 { max-width: var(--ape-space-20);} .maxw21 { max-width: var(--ape-space-21);} .maxw22 { max-width: var(--ape-space-22);} .maxw23 { max-width: var(--ape-space-23);} .maxw24 { max-width: var(--ape-space-24);} .maxw25 { max-width: var(--ape-space-25);} .maxw26 { max-width: var(--ape-space-26);} .maxw27 { max-width: var(--ape-space-27);} .maxw28 { max-width: var(--ape-space-28);} .maxw29 { max-width: var(--ape-space-29);} .maxw30 { max-width: var(--ape-space-30);} .maxw31 { max-width: var(--ape-space-31);} .maxw32 { max-width: var(--ape-space-32);} .maxw33 { max-width: var(--ape-space-33);} .maxw34 { max-width: var(--ape-space-34);} .maxw35 { max-width: var(--ape-space-35);} .maxw36 { max-width: var(--ape-space-36);} .maxw37 { max-width: var(--ape-space-37);} .maxw38 { max-width: var(--ape-space-38);} .maxw39 { max-width: var(--ape-space-39);} .maxw40 { max-width: var(--ape-space-40);} .maxw41 { max-width: var(--ape-space-41);} .maxw42 { max-width: var(--ape-space-42);} .maxw43 { max-width: var(--ape-space-43);} .maxw44 { max-width: var(--ape-space-44);} .maxw45 { max-width: var(--ape-space-45);} .maxw46 { max-width: var(--ape-space-46);} .maxw47 { max-width: var(--ape-space-47);} .maxw48 { max-width: var(--ape-space-48);} .maxw49 { max-width: var(--ape-space-49);} .maxw50 { max-width: var(--ape-space-50);} .maxw51 { max-width: var(--ape-space-51);} .maxw52 { max-width: var(--ape-space-52);} .maxw53 { max-width: var(--ape-space-53);} .maxw54 { max-width: var(--ape-space-54);} .maxw55 { max-width: var(--ape-space-55);} .maxw56 { max-width: var(--ape-space-56);} .maxw57 { max-width: var(--ape-space-57);} .maxw58 { max-width: var(--ape-space-58);} .maxw59 { max-width: var(--ape-space-59);} .maxw60 { max-width: var(--ape-space-60);} .maxw61 { max-width: var(--ape-space-61);} .maxw62 { max-width: var(--ape-space-62);} .maxw63 { max-width: var(--ape-space-63);} .maxw64 { max-width: var(--ape-space-64);} .maxwfull { max-width: var(--ape-space-full);} .maxw100vh { max-width: var(--ape-space-100vh);} .maxwmin {max-width: min-content;} .maxwmax {max-width: max-content;} .maxwfit {max-width: fit-content;} /**Min Width**/ .minw0 { min-width: var(--ape-space-0);} .minw1 { min-width: var(--ape-space-1);} .minw2 { min-width: var(--ape-space-2);} .minw3 { min-width: var(--ape-space-3);} .minw4 { min-width: var(--ape-space-4);} .minw5 { min-width: var(--ape-space-5);} .minw6 { min-width: var(--ape-space-6);} .minw7 { min-width: var(--ape-space-7);} .minw8 { min-width: var(--ape-space-8);} .minw9 { min-width: var(--ape-space-9);} .minw10 { min-width: var(--ape-space-10);} .minw11 { min-width: var(--ape-space-11);} .minw12 { min-width: var(--ape-space-12);} .minw13 { min-width: var(--ape-space-13);} .minw14 { min-width: var(--ape-space-14);} .minw15 { min-width: var(--ape-space-15);} .minw16 { min-width: var(--ape-space-16);} .minw17 { min-width: var(--ape-space-17);} .minw18 { min-width: var(--ape-space-18);} .minw19 { min-width: var(--ape-space-19);} .minw20 { min-width: var(--ape-space-20);} .minw21 { min-width: var(--ape-space-21);} .minw22 { min-width: var(--ape-space-22);} .minw23 { min-width: var(--ape-space-23);} .minw24 { min-width: var(--ape-space-24);} .minw25 { min-width: var(--ape-space-25);} .minw26 { min-width: var(--ape-space-26);} .minw27 { min-width: var(--ape-space-27);} .minw28 { min-width: var(--ape-space-28);} .minw29 { min-width: var(--ape-space-29);} .minw30 { min-width: var(--ape-space-30);} .minw31 { min-width: var(--ape-space-31);} .minw32 { min-width: var(--ape-space-32);} .minw33 { min-width: var(--ape-space-33);} .minw34 { min-width: var(--ape-space-34);} .minw35 { min-width: var(--ape-space-35);} .minw36 { min-width: var(--ape-space-36);} .minw37 { min-width: var(--ape-space-37);} .minw38 { min-width: var(--ape-space-38);} .minw39 { min-width: var(--ape-space-39);} .minw40 { min-width: var(--ape-space-40);} .minw41 { min-width: var(--ape-space-41);} .minw42 { min-width: var(--ape-space-42);} .minw43 { min-width: var(--ape-space-43);} .minw44 { min-width: var(--ape-space-44);} .minw45 { min-width: var(--ape-space-45);} .minw46 { min-width: var(--ape-space-46);} .minw47 { min-width: var(--ape-space-47);} .minw48 { min-width: var(--ape-space-48);} .minw49 { min-width: var(--ape-space-49);} .minw50 { min-width: var(--ape-space-50);} .minw51 { min-width: var(--ape-space-51);} .minw52 { min-width: var(--ape-space-52);} .minw53 { min-width: var(--ape-space-53);} .minw54 { min-width: var(--ape-space-54);} .minw55 { min-width: var(--ape-space-55);} .minw56 { min-width: var(--ape-space-56);} .minw57 { min-width: var(--ape-space-57);} .minw58 { min-width: var(--ape-space-58);} .minw59 { min-width: var(--ape-space-59);} .minw60 { min-width: var(--ape-space-60);} .minw61 { min-width: var(--ape-space-61);} .minw62 { min-width: var(--ape-space-62);} .minw63 { min-width: var(--ape-space-63);} .minw64 { min-width: var(--ape-space-64);} .minwfull { min-width: var(--ape-space-full);} .minw100vh { min-width: var(--ape-space-100vh);} .minwmin {min-width: min-content;} .minwmax {min-width: max-content;} .minwfit {min-width: fit-content;} .wfull { width: var(--ape-space-full); } .w100vw { width: var(--ape-space-100vw); } .minw10vw { min-width: var(--ape-space-10vw); } .minw15vw { min-width: var(--ape-space-15vw); } .minw20vw { min-width: var(--ape-space-20vw); } .minw25vw { min-width: var(--ape-space-25vw); } .minw30vw { min-width: var(--ape-space-30vw); } .minw35vw { min-width: var(--ape-space-35vw); } .minw40vw { min-width: var(--ape-space-40vw); } .minw45vw { min-width: var(--ape-space-45vw); } .minw50vw { min-width: var(--ape-space-50vw); } .minw55vw { min-width: var(--ape-space-55vw); } .minw60vw { min-width: var(--ape-space-60vw); } .minw65vw { min-width: var(--ape-space-65vw); } .minw70vw { min-width: var(--ape-space-70vw); } .minw75vw { min-width: var(--ape-space-75vw); } .minw80vw { min-width: var(--ape-space-80vw); } .minw85vw { min-width: var(--ape-space-85vw); } .minw90vw { min-width: var(--ape-space-90vw); } .minw95vw { min-width: var(--ape-space-95vw); } .minw100vw { min-width: var(--ape-space-100vw); } .maxw10vw { max-width: var(--ape-space-10vw); } .maxw15vw { max-width: var(--ape-space-15vw); } .maxw20vw { max-width: var(--ape-space-20vw); } .maxw25vw { max-width: var(--ape-space-25vw); } .maxw30vw { max-width: var(--ape-space-30vw); } .maxw35vw { max-width: var(--ape-space-35vw); } .maxw40vw { max-width: var(--ape-space-40vw); } .maxw45vw { max-width: var(--ape-space-45vw); } .maxw50vw { max-width: var(--ape-space-50vw); } .maxw55vw { max-width: var(--ape-space-55vw); } .maxw60vw { max-width: var(--ape-space-60vw); } .maxw65vw { max-width: var(--ape-space-65vw); } .maxw70vw { max-width: var(--ape-space-70vw); } .maxw75vw { max-width: var(--ape-space-75vw); } .maxw80vw { max-width: var(--ape-space-80vw); } .maxw85vw { max-width: var(--ape-space-85vw); } .maxw90vw { max-width: var(--ape-space-90vw); } .maxw95vw { max-width: var(--ape-space-95vw); } .maxw100vw { max-width: var(--ape-space-100vw); } /*Margin*/ .m0 { margin: var(--ape-space-0);} .m1 { margin: var(--ape-space-1);} .m2 { margin: var(--ape-space-2);} .m3 { margin: var(--ape-space-3);} .m4 { margin: var(--ape-space-4);} .m5 { margin: var(--ape-space-5);} .m6 { margin: var(--ape-space-6);} .m7 { margin: var(--ape-space-7);} .m8 { margin: var(--ape-space-8);} .m9 { margin: var(--ape-space-9);} .m10 { margin: var(--ape-space-10);} .m11 { margin: var(--ape-space-11);} .m12 { margin: var(--ape-space-12);} .m13 { margin: var(--ape-space-13);} .m14 { margin: var(--ape-space-14);} .m15 { margin: var(--ape-space-15);} .m16 { margin: var(--ape-space-16);} .m17 { margin: var(--ape-space-17);} .m18 { margin: var(--ape-space-18);} .m19 { margin: var(--ape-space-19);} .m20 { margin: var(--ape-space-20);} .m21 { margin: var(--ape-space-21);} .m22 { margin: var(--ape-space-22);} .m23 { margin: var(--ape-space-23);} .m24 { margin: var(--ape-space-24);} .m25 { margin: var(--ape-space-25);} .m26 { margin: var(--ape-space-26);} .m27 { margin: var(--ape-space-27);} .m28 { margin: var(--ape-space-28);} .m29 { margin: var(--ape-space-29);} .m30 { margin: var(--ape-space-30);} .m31 { margin: var(--ape-space-31);} .m32 { margin: var(--ape-space-32);} .m33 { margin: var(--ape-space-33);} .m34 { margin: var(--ape-space-34);} .m35 { margin: var(--ape-space-35);} .m36 { margin: var(--ape-space-36);} .m37 { margin: var(--ape-space-37);} .m38 { margin: var(--ape-space-38);} .m39 { margin: var(--ape-space-39);} .m40 { margin: var(--ape-space-40);} .m41 { margin: var(--ape-space-41);} .m42 { margin: var(--ape-space-42);} .m43 { margin: var(--ape-space-43);} .m44 { margin: var(--ape-space-44);} .m45 { margin: var(--ape-space-45);} .m46 { margin: var(--ape-space-46);} .m47 { margin: var(--ape-space-47);} .m48 { margin: var(--ape-space-48);} .m49 { margin: var(--ape-space-49);} .m50 { margin: var(--ape-space-50);} .m51 { margin: var(--ape-space-51);} .m52 { margin: var(--ape-space-52);} .m53 { margin: var(--ape-space-53);} .m54 { margin: var(--ape-space-54);} .m55 { margin: var(--ape-space-55);} .m56 { margin: var(--ape-space-56);} .m57 { margin: var(--ape-space-57);} .m58 { margin: var(--ape-space-58);} .m59 { margin: var(--ape-space-59);} .m60 { margin: var(--ape-space-60);} .m61 { margin: var(--ape-space-61);} .m62 { margin: var(--ape-space-62);} .m63 { margin: var(--ape-space-63);} .m64 { margin: var(--ape-space-64);} .mauto { margin: var(--ape-space-auto);} .mpx { margin: var(--ape-space-px);} /**Margin Negative**/ .-m0 { margin: calc(var(--ape-space-0) * -1); } .-m1 { margin: calc(var(--ape-space-1) * -1); } .-m2 { margin: calc(var(--ape-space-2) * -1); } .-m3 { margin: calc(var(--ape-space-3) * -1); } .-m4 { margin: calc(var(--ape-space-4) * -1); } .-m5 { margin: calc(var(--ape-space-5) * -1); } .-m6 { margin: calc(var(--ape-space-6) * -1); } .-m7 { margin: calc(var(--ape-space-7) * -1); } .-m8 { margin: calc(var(--ape-space-8) * -1); } .-m9 { margin: calc(var(--ape-space-9) * -1); } .-m10 { margin: calc(var(--ape-space-10) * -1); } .-m11 { margin: calc(var(--ape-space-11) * -1); } .-m12 { margin: calc(var(--ape-space-12) * -1); } .-m13 { margin: calc(var(--ape-space-13) * -1); } .-m14 { margin: calc(var(--ape-space-14) * -1); } .-m15 { margin: calc(var(--ape-space-15) * -1); } .-m16 { margin: calc(var(--ape-space-16) * -1); } .-m17 { margin: calc(var(--ape-space-17) * -1); } .-m18 { margin: calc(var(--ape-space-18) * -1); } .-m19 { margin: calc(var(--ape-space-19) * -1); } .-m20 { margin: calc(var(--ape-space-20) * -1); } .-m21 { margin: calc(var(--ape-space-21) * -1); } .-m22 { margin: calc(var(--ape-space-22) * -1); } .-m23 { margin: calc(var(--ape-space-23) * -1); } .-m24 { margin: calc(var(--ape-space-24) * -1); } .-m25 { margin: calc(var(--ape-space-25) * -1); } .-m26 { margin: calc(var(--ape-space-26) * -1); } .-m27 { margin: calc(var(--ape-space-27) * -1); } .-m28 { margin: calc(var(--ape-space-28) * -1); } .-m29 { margin: calc(var(--ape-space-29) * -1); } .-m30 { margin: calc(var(--ape-space-30) * -1); } .-m31 { margin: calc(var(--ape-space-31) * -1); } .-m32 { margin: calc(var(--ape-space-32) * -1); } .-m33 { margin: calc(var(--ape-space-33) * -1); } .-m34 { margin: calc(var(--ape-space-34) * -1); } .-m35 { margin: calc(var(--ape-space-35) * -1); } .-m36 { margin: calc(var(--ape-space-36) * -1); } .-m37 { margin: calc(var(--ape-space-37) * -1); } .-m38 { margin: calc(var(--ape-space-38) * -1); } .-m39 { margin: calc(var(--ape-space-39) * -1); } .-m40 { margin: calc(var(--ape-space-40) * -1); } .-m41 { margin: calc(var(--ape-space-41) * -1); } .-m42 { margin: calc(var(--ape-space-42) * -1); } .-m43 { margin: calc(var(--ape-space-43) * -1); } .-m44 { margin: calc(var(--ape-space-44) * -1); } .-m45 { margin: calc(var(--ape-space-45) * -1); } .-m46 { margin: calc(var(--ape-space-46) * -1); } .-m47 { margin: calc(var(--ape-space-47) * -1); } .-m48 { margin: calc(var(--ape-space-48) * -1); } .-m49 { margin: calc(var(--ape-space-49) * -1); } .-m50 { margin: calc(var(--ape-space-50) * -1); } .-m51 { margin: calc(var(--ape-space-51) * -1); } .-m52 { margin: calc(var(--ape-space-52) * -1); } .-m53 { margin: calc(var(--ape-space-53) * -1); } .-m54 { margin: calc(var(--ape-space-54) * -1); } .-m55 { margin: calc(var(--ape-space-55) * -1); } .-m56 { margin: calc(var(--ape-space-56) * -1); } .-m57 { margin: calc(var(--ape-space-57) * -1); } .-m58 { margin: calc(var(--ape-space-58) * -1); } .-m59 { margin: calc(var(--ape-space-59) * -1); } .-m60 { margin: calc(var(--ape-space-60) * -1); } .-m61 { margin: calc(var(--ape-space-61) * -1); } .-m62 { margin: calc(var(--ape-space-62) * -1); } .-m63 { margin: calc(var(--ape-space-63) * -1); } .-m64 { margin: calc(var(--ape-space-64) * -1); } .-mpx { margin: calc(var(--ape-space-px) * -1); } /*margin x y*/ .my0 { margin-top: var(--ape-space-0); margin-bottom: var(--ape-space-0);} .mx0 { margin-left: var(--ape-space-0); margin-right: var(--ape-space-0);} .my1 { margin-top: var(--ape-space-1); margin-bottom: var(--ape-space-1);} .mx1 { margin-left: var(--ape-space-1); margin-right: var(--ape-space-1);} .my2 { margin-top: var(--ape-space-2); margin-bottom: var(--ape-space-2);} .mx2 { margin-left: var(--ape-space-2); margin-right: var(--ape-space-2);} .my3 { margin-top: var(--ape-space-3); margin-bottom: var(--ape-space-3);} .mx3 { margin-left: var(--ape-space-3); margin-right: var(--ape-space-3);} .my4 { margin-top: var(--ape-space-4); margin-bottom: var(--ape-space-4);} .mx4 { margin-left: var(--ape-space-4); margin-right: var(--ape-space-4);} .my5 { margin-top: var(--ape-space-5); margin-bottom: var(--ape-space-5);} .mx5 { margin-left: var(--ape-space-5); margin-right: var(--ape-space-5);} .my6 { margin-top: var(--ape-space-6); margin-bottom: var(--ape-space-6);} .mx6 { margin-left: var(--ape-space-6); margin-right: var(--ape-space-6);} .my7 { margin-top: var(--ape-space-7); margin-bottom: var(--ape-space-7);} .mx7 { margin-left: var(--ape-space-7); margin-right: var(--ape-space-7);} .my8 { margin-top: var(--ape-space-8); margin-bottom: var(--ape-space-8);} .mx8 { margin-left: var(--ape-space-8); margin-right: var(--ape-space-8);} .my9 { margin-top: var(--ape-space-9); margin-bottom: var(--ape-space-9);} .mx9 { margin-left: var(--ape-space-9); margin-right: var(--ape-space-9);} .my10 { margin-top: var(--ape-space-10); margin-bottom: var(--ape-space-10);} .mx10 { margin-left: var(--ape-space-10); margin-right: var(--ape-space-10);} .my11 { margin-top: var(--ape-space-11); margin-bottom: var(--ape-space-11);} .mx11 { margin-left: var(--ape-space-11); margin-right: var(--ape-space-11);} .my12 { margin-top: var(--ape-space-12); margin-bottom: var(--ape-space-12);} .mx12 { margin-left: var(--ape-space-12); margin-right: var(--ape-space-12);} .my13 { margin-top: var(--ape-space-13); margin-bottom: var(--ape-space-13);} .mx13 { margin-left: var(--ape-space-13); margin-right: var(--ape-space-13);} .my14 { margin-top: var(--ape-space-14); margin-bottom: var(--ape-space-14);} .mx14 { margin-left: var(--ape-space-14); margin-right: var(--ape-space-14);} .my15 { margin-top: var(--ape-space-15); margin-bottom: var(--ape-space-15);} .mx15 { margin-left: var(--ape-space-15); margin-right: var(--ape-space-15);} .my16 { margin-top: var(--ape-space-16); margin-bottom: var(--ape-space-16);} .mx16 { margin-left: var(--ape-space-16); margin-right: var(--ape-space-16);} .my17 { margin-top: var(--ape-space-17); margin-bottom: var(--ape-space-17);} .mx17 { margin-left: var(--ape-space-17); margin-right: var(--ape-space-17);} .my18 { margin-top: var(--ape-space-18); margin-bottom: var(--ape-space-18);} .mx18 { margin-left: var(--ape-space-18); margin-right: var(--ape-space-18);} .my19 { margin-top: var(--ape-space-19); margin-bottom: var(--ape-space-19);} .mx19 { margin-left: var(--ape-space-19); margin-right: var(--ape-space-19);} .my20 { margin-top: var(--ape-space-20); margin-bottom: var(--ape-space-20);} .mx20 { margin-left: var(--ape-space-20); margin-right: var(--ape-space-20);} .my21 { margin-top: var(--ape-space-21); margin-bottom: var(--ape-space-21);} .mx21 { margin-left: var(--ape-space-21); margin-right: var(--ape-space-21);} .my22 { margin-top: var(--ape-space-22); margin-bottom: var(--ape-space-22);} .mx22 { margin-left: var(--ape-space-22); margin-right: var(--ape-space-22);} .my23 { margin-top: var(--ape-space-23); margin-bottom: var(--ape-space-23);} .mx23 { margin-left: var(--ape-space-23); margin-right: var(--ape-space-23);} .my24 { margin-top: var(--ape-space-24); margin-bottom: var(--ape-space-24);} .mx24 { margin-left: var(--ape-space-24); margin-right: var(--ape-space-24);} .my25 { margin-top: var(--ape-space-25); margin-bottom: var(--ape-space-25);} .mx25 { margin-left: var(--ape-space-25); margin-right: var(--ape-space-25);} .my26 { margin-top: var(--ape-space-26); margin-bottom: var(--ape-space-26);} .mx26 { margin-left: var(--ape-space-26); margin-right: var(--ape-space-26);} .my27 { margin-top: var(--ape-space-27); margin-bottom: var(--ape-space-27);} .mx27 { margin-left: var(--ape-space-27); margin-right: var(--ape-space-27);} .my28 { margin-top: var(--ape-space-28); margin-bottom: var(--ape-space-28);} .mx28 { margin-left: var(--ape-space-28); margin-right: var(--ape-space-28);} .my29 { margin-top: var(--ape-space-29); margin-bottom: var(--ape-space-29);} .mx29 { margin-left: var(--ape-space-29); margin-right: var(--ape-space-29);} .my30 { margin-top: var(--ape-space-30); margin-bottom: var(--ape-space-30);} .mx30 { margin-left: var(--ape-space-30); margin-right: var(--ape-space-30);} .my31 { margin-top: var(--ape-space-31); margin-bottom: var(--ape-space-31);} .mx31 { margin-left: var(--ape-space-31); margin-right: var(--ape-space-31);} .my32 { margin-top: var(--ape-space-32); margin-bottom: var(--ape-space-32);} .mx32 { margin-left: var(--ape-space-32); margin-right: var(--ape-space-32);} .my33 { margin-top: var(--ape-space-33); margin-bottom: var(--ape-space-33);} .mx33 { margin-left: var(--ape-space-33); margin-right: var(--ape-space-33);} .my34 { margin-top: var(--ape-space-34); margin-bottom: var(--ape-space-34);} .mx34 { margin-left: var(--ape-space-34); margin-right: var(--ape-space-34);} .my35 { margin-top: var(--ape-space-35); margin-bottom: var(--ape-space-35);} .mx35 { margin-left: var(--ape-space-35); margin-right: var(--ape-space-35);} .my36 { margin-top: var(--ape-space-36); margin-bottom: var(--ape-space-36);} .mx36 { margin-left: var(--ape-space-36); margin-right: var(--ape-space-36);} .my37 { margin-top: var(--ape-space-37); margin-bottom: var(--ape-space-37);} .mx37 { margin-left: var(--ape-space-37); margin-right: var(--ape-space-37);} .my38 { margin-top: var(--ape-space-38); margin-bottom: var(--ape-space-38);} .mx38 { margin-left: var(--ape-space-38); margin-right: var(--ape-space-38);} .myauto { margin-top: var(--ape-space-auto); margin-bottom: var(--ape-space-auto);} .mxauto { margin-left: var(--ape-space-auto); margin-right: var(--ape-space-auto);} .mypx { margin-top: var(--ape-space-px); margin-bottom: var(--ape-space-px);} .mxpx { margin-left: var(--ape-space-px); margin-right: var(--ape-space-px);} /**Margin x y Negative**/ .-my0 { margin-top: calc(var(--ape-space-0) * -1); margin-bottom: calc(var(--ape-space-0) * -1);} .-mx0 { margin-left: calc(var(--ape-space-0) * -1); margin-right: calc(var(--ape-space-0) * -1);} .-my1 { margin-top: calc(var(--ape-space-1) * -1); margin-bottom: calc(var(--ape-space-1) * -1);} .-mx1 { margin-left: calc(var(--ape-space-1) * -1); margin-right: calc(var(--ape-space-1) * -1);} .-my2 { margin-top: calc(var(--ape-space-2) * -1); margin-bottom: calc(var(--ape-space-2) * -1);} .-mx2 { margin-left: calc(var(--ape-space-2) * -1); margin-right: calc(var(--ape-space-2) * -1);} .-my3 { margin-top: calc(var(--ape-space-3) * -1); margin-bottom: calc(var(--ape-space-3) * -1);} .-mx3 { margin-left: calc(var(--ape-space-3) * -1); margin-right: calc(var(--ape-space-3) * -1);} .-my4 { margin-top: calc(var(--ape-space-4) * -1); margin-bottom: calc(var(--ape-space-4) * -1);} .-mx4 { margin-left: calc(var(--ape-space-4) * -1); margin-right: calc(var(--ape-space-4) * -1);} .-my5 { margin-top: calc(var(--ape-space-5) * -1); margin-bottom: calc(var(--ape-space-5) * -1);} .-mx5 { margin-left: calc(var(--ape-space-5) * -1); margin-right: calc(var(--ape-space-5) * -1);} .-my6 { margin-top: calc(var(--ape-space-6) * -1); margin-bottom: calc(var(--ape-space-6) * -1);} .-mx6 { margin-left: calc(var(--ape-space-6) * -1); margin-right: calc(var(--ape-space-6) * -1);} .-my7 { margin-top: calc(var(--ape-space-7) * -1); margin-bottom: calc(var(--ape-space-7) * -1);} .-mx7 { margin-left: calc(var(--ape-space-7) * -1); margin-right: calc(var(--ape-space-7) * -1);} .-my8 { margin-top: calc(var(--ape-space-8) * -1); margin-bottom: calc(var(--ape-space-8) * -1);} .-mx8 { margin-left: calc(var(--ape-space-8) * -1); margin-right: calc(var(--ape-space-8) * -1);} .-my9 { margin-top: calc(var(--ape-space-9) * -1); margin-bottom: calc(var(--ape-space-9) * -1);} .-mx9 { margin-left: calc(var(--ape-space-9) * -1); margin-right: calc(var(--ape-space-9) * -1);} .-my10 { margin-top: calc(var(--ape-space-10) * -1); margin-bottom: calc(var(--ape-space-10) * -1);} .-mx10 { margin-left: calc(var(--ape-space-10) * -1); margin-right: calc(var(--ape-space-10) * -1);} .-my11 { margin-top: calc(var(--ape-space-11) * -1); margin-bottom: calc(var(--ape-space-11) * -1);} .-mx11 { margin-left: calc(var(--ape-space-11) * -1); margin-right: calc(var(--ape-space-11) * -1);} .-my12 { margin-top: calc(var(--ape-space-12) * -1); margin-bottom: calc(var(--ape-space-12) * -1);} .-mx12 { margin-left: calc(var(--ape-space-12) * -1); margin-right: calc(var(--ape-space-12) * -1);} .-my13 { margin-top: calc(var(--ape-space-13) * -1); margin-bottom: calc(var(--ape-space-13) * -1);} .-mx13 { margin-left: calc(var(--ape-space-13) * -1); margin-right: calc(var(--ape-space-13) * -1);} .-my14 { margin-top: calc(var(--ape-space-14) * -1); margin-bottom: calc(var(--ape-space-14) * -1);} .-mx14 { margin-left: calc(var(--ape-space-14) * -1); margin-right: calc(var(--ape-space-14) * -1);} .-my15 { margin-top: calc(var(--ape-space-15) * -1); margin-bottom: calc(var(--ape-space-15) * -1);} .-mx15 { margin-left: calc(var(--ape-space-15) * -1); margin-right: calc(var(--ape-space-15) * -1);} .-my16 { margin-top: calc(var(--ape-space-16) * -1); margin-bottom: calc(var(--ape-space-16) * -1);} .-mx16 { margin-left: calc(var(--ape-space-16) * -1); margin-right: calc(var(--ape-space-16) * -1);} .-my17 { margin-top: calc(var(--ape-space-17) * -1); margin-bottom: calc(var(--ape-space-17) * -1);} .-mx17 { margin-left: calc(var(--ape-space-17) * -1); margin-right: calc(var(--ape-space-17) * -1);} .-my18 { margin-top: calc(var(--ape-space-18) * -1); margin-bottom: calc(var(--ape-space-18) * -1);} .-mx18 { margin-left: calc(var(--ape-space-18) * -1); margin-right: calc(var(--ape-space-18) * -1);} .-my19 { margin-top: calc(var(--ape-space-19) * -1); margin-bottom: calc(var(--ape-space-19) * -1);} .-mx19 { margin-left: calc(var(--ape-space-19) * -1); margin-right: calc(var(--ape-space-19) * -1);} .-my20 { margin-top: calc(var(--ape-space-20) * -1); margin-bottom: calc(var(--ape-space-20) * -1);} .-mx20 { margin-left: calc(var(--ape-space-20) * -1); margin-right: calc(var(--ape-space-20) * -1);} .-my21 { margin-top: calc(var(--ape-space-21) * -1); margin-bottom: calc(var(--ape-space-21) * -1);} .-mx21 { margin-left: calc(var(--ape-space-21) * -1); margin-right: calc(var(--ape-space-21) * -1);} .-my22 { margin-top: calc(var(--ape-space-22) * -1); margin-bottom: calc(var(--ape-space-22) * -1);} .-mx22 { margin-left: calc(var(--ape-space-22) * -1); margin-right: calc(var(--ape-space-22) * -1);} .-my23 { margin-top: calc(var(--ape-space-23) * -1); margin-bottom: calc(var(--ape-space-23) * -1);} .-mx23 { margin-left: calc(var(--ape-space-23) * -1); margin-right: calc(var(--ape-space-23) * -1);} .-my24 { margin-top: calc(var(--ape-space-24) * -1); margin-bottom: calc(var(--ape-space-24) * -1);} .-mx24 { margin-left: calc(var(--ape-space-24) * -1); margin-right: calc(var(--ape-space-24) * -1);} .-my25 { margin-top: calc(var(--ape-space-25) * -1); margin-bottom: calc(var(--ape-space-25) * -1);} .-mx25 { margin-left: calc(var(--ape-space-25) * -1); margin-right: calc(var(--ape-space-25) * -1);} .-my26 { margin-top: calc(var(--ape-space-26) * -1); margin-bottom: calc(var(--ape-space-26) * -1);} .-mx26 { margin-left: calc(var(--ape-space-26) * -1); margin-right: calc(var(--ape-space-26) * -1);} .-my27 { margin-top: calc(var(--ape-space-27) * -1); margin-bottom: calc(var(--ape-space-27) * -1);} .-mx27 { margin-left: calc(var(--ape-space-27) * -1); margin-right: calc(var(--ape-space-27) * -1);} .-my28 { margin-top: calc(var(--ape-space-28) * -1); margin-bottom: calc(var(--ape-space-28) * -1);} .-mx28 { margin-left: calc(var(--ape-space-28) * -1); margin-right: calc(var(--ape-space-28) * -1);} .-my29 { margin-top: calc(var(--ape-space-29) * -1); margin-bottom: calc(var(--ape-space-29) * -1);} .-mx29 { margin-left: calc(var(--ape-space-29) * -1); margin-right: calc(var(--ape-space-29) * -1);} .-my30 { margin-top: calc(var(--ape-space-30) * -1); margin-bottom: calc(var(--ape-space-30) * -1);} .-mx30 { margin-left: calc(var(--ape-space-30) * -1); margin-right: calc(var(--ape-space-30) * -1);} .-my31 { margin-top: calc(var(--ape-space-31) * -1); margin-bottom: calc(var(--ape-space-31) * -1);} .-mx31 { margin-left: calc(var(--ape-space-31) * -1); margin-right: calc(var(--ape-space-31) * -1);} .-my32 { margin-top: calc(var(--ape-space-32) * -1); margin-bottom: calc(var(--ape-space-32) * -1);} .-mx32 { margin-left: calc(var(--ape-space-32) * -1); margin-right: calc(var(--ape-space-32) * -1);} .-my33 { margin-top: calc(var(--ape-space-33) * -1); margin-bottom: calc(var(--ape-space-33) * -1);} .-mx33 { margin-left: calc(var(--ape-space-33) * -1); margin-right: calc(var(--ape-space-33) * -1);} .-my34 { margin-top: calc(var(--ape-space-34) * -1); margin-bottom: calc(var(--ape-space-34) * -1);} .-mx34 { margin-left: calc(var(--ape-space-34) * -1); margin-right: calc(var(--ape-space-34) * -1);} .-my35 { margin-top: calc(var(--ape-space-35) * -1); margin-bottom: calc(var(--ape-space-35) * -1);} .-mx35 { margin-left: calc(var(--ape-space-35) * -1); margin-right: calc(var(--ape-space-35) * -1);} .-my36 { margin-top: calc(var(--ape-space-36) * -1); margin-bottom: calc(var(--ape-space-36) * -1);} .-mx36 { margin-left: calc(var(--ape-space-36) * -1); margin-right: calc(var(--ape-space-36) * -1);} .-my37 { margin-top: calc(var(--ape-space-37) * -1); margin-bottom: calc(var(--ape-space-37) * -1);} .-mx37 { margin-left: calc(var(--ape-space-37) * -1); margin-right: calc(var(--ape-space-37) * -1);} .-my38 { margin-top: calc(var(--ape-space-38) * -1); margin-bottom: calc(var(--ape-space-38) * -1);} .-mx38 { margin-left: calc(var(--ape-space-38) * -1); margin-right: calc(var(--ape-space-38) * -1);} .-mypx { margin-top: calc(var(--ape-space-px) * -1); margin-bottom: calc(var(--ape-space-px) * -1);} .-mxpx { margin-left: calc(var(--ape-space-px) * -1); margin-right: calc(var(--ape-space-px) * -1);} /*margin top right bottom left*/ .mt0 { margin-top: var(--ape-space-0);} .mr0 { margin-right: var(--ape-space-0);} .mb0 { margin-bottom: var(--ape-space-0);} .ml0 { margin-left: var(--ape-space-0);} .mt1 { margin-top: var(--ape-space-1);} .mr1 { margin-right: var(--ape-space-1);} .mb1 { margin-bottom: var(--ape-space-1);} .ml1 { margin-left: var(--ape-space-1);} .mt2 { margin-top: var(--ape-space-2);} .mr2 { margin-right: var(--ape-space-2);} .mb2 { margin-bottom: var(--ape-space-2);} .ml2 { margin-left: var(--ape-space-2);} .mt3 { margin-top: var(--ape-space-3);} .mr3 { margin-right: var(--ape-space-3);} .mb3 { margin-bottom: var(--ape-space-3);} .ml3 { margin-left: var(--ape-space-3);} .mt4 { margin-top: var(--ape-space-4);} .mr4 { margin-right: var(--ape-space-4);} .mb4 { margin-bottom: var(--ape-space-4);} .ml4 { margin-left: var(--ape-space-4);} .mt5 { margin-top: var(--ape-space-5);} .mr5 { margin-right: var(--ape-space-5);} .mb5 { margin-bottom: var(--ape-space-5);} .ml5 { margin-left: var(--ape-space-5);} .mt6 { margin-top: var(--ape-space-6);} .mr6 { margin-right: var(--ape-space-6);} .mb6 { margin-bottom: var(--ape-space-6);} .ml6 { margin-left: var(--ape-space-6);} .mt7 { margin-top: var(--ape-space-7);} .mr7 { margin-right: var(--ape-space-7);} .mb7 { margin-bottom: var(--ape-space-7);} .ml7 { margin-left: var(--ape-space-7);} .mt8 { margin-top: var(--ape-space-8);} .mr8 { margin-right: var(--ape-space-8);} .mb8 { margin-bottom: var(--ape-space-8);} .ml8 { margin-left: var(--ape-space-8);} .mt9 { margin-top: var(--ape-space-9);} .mr9 { margin-right: var(--ape-space-9);} .mb9 { margin-bottom: var(--ape-space-9);} .ml9 { margin-left: var(--ape-space-9);} .mt10 { margin-top: var(--ape-space-10);} .mr10 { margin-right: var(--ape-space-10);} .mb10 { margin-bottom: var(--ape-space-10);} .ml10 { margin-left: var(--ape-space-10);} .mt11 { margin-top: var(--ape-space-11);} .mr11 { margin-right: var(--ape-space-11);} .mb11 { margin-bottom: var(--ape-space-11);} .ml11 { margin-left: var(--ape-space-11);} .mt12 { margin-top: var(--ape-space-12);} .mr12 { margin-right: var(--ape-space-12);} .mb12 { margin-bottom: var(--ape-space-12);} .ml12 { margin-left: var(--ape-space-12);} .mt13 { margin-top: var(--ape-space-13);} .mr13 { margin-right: var(--ape-space-13);} .mb13 { margin-bottom: var(--ape-space-13);} .ml13 { margin-left: var(--ape-space-13);} .mt14 { margin-top: var(--ape-space-14);} .mr14 { margin-right: var(--ape-space-14);} .mb14 { margin-bottom: var(--ape-space-14);} .ml14 { margin-left: var(--ape-space-14);} .mt15 { margin-top: var(--ape-space-15);} .mr15 { margin-right: var(--ape-space-15);} .mb15 { margin-bottom: var(--ape-space-15);} .ml15 { margin-left: var(--ape-space-15);} .mt16 { margin-top: var(--ape-space-16);} .mr16 { margin-right: var(--ape-space-16);} .mb16 { margin-bottom: var(--ape-space-16);} .ml16 { margin-left: var(--ape-space-16);} .mt17 { margin-top: var(--ape-space-17);} .mr17 { margin-right: var(--ape-space-17);} .mb17 { margin-bottom: var(--ape-space-17);} .ml17 { margin-left: var(--ape-space-17);} .mt18 { margin-top: var(--ape-space-18);} .mr18 { margin-right: var(--ape-space-18);} .mb18 { margin-bottom: var(--ape-space-18);} .ml18 { margin-left: var(--ape-space-18);} .mt19 { margin-top: var(--ape-space-19);} .mr19 { margin-right: var(--ape-space-19);} .mb19 { margin-bottom: var(--ape-space-19);} .ml19 { margin-left: var(--ape-space-19);} .mt20 { margin-top: var(--ape-space-20);} .mr20 { margin-right: var(--ape-space-20);} .mb20 { margin-bottom: var(--ape-space-20);} .ml20 { margin-left: var(--ape-space-20);} .mt21 { margin-top: var(--ape-space-21);} .mr21 { margin-right: var(--ape-space-21);} .mb21 { margin-bottom: var(--ape-space-21);} .ml21 { margin-left: var(--ape-space-21);} .mt22 { margin-top: var(--ape-space-22);} .mr22 { margin-right: var(--ape-space-22);} .mb22 { margin-bottom: var(--ape-space-22);} .ml22 { margin-left: var(--ape-space-22);} .mt23 { margin-top: var(--ape-space-23);} .mr23 { margin-right: var(--ape-space-23);} .mb23 { margin-bottom: var(--ape-space-23);} .ml23 { margin-left: var(--ape-space-23);} .mt24 { margin-top: var(--ape-space-24);} .mr24 { margin-right: var(--ape-space-24);} .mb24 { margin-bottom: var(--ape-space-24);} .ml24 { margin-left: var(--ape-space-24);} .mt25 { margin-top: var(--ape-space-25);} .mr25 { margin-right: var(--ape-space-25);} .mb25 { margin-bottom: var(--ape-space-25);} .ml25 { margin-left: var(--ape-space-25);} .mt26 { margin-top: var(--ape-space-26);} .mr26 { margin-right: var(--ape-space-26);} .mb26 { margin-bottom: var(--ape-space-26);} .ml26 { margin-left: var(--ape-space-26);} .mt27 { margin-top: var(--ape-space-27);} .mr27 { margin-right: var(--ape-space-27);} .mb27 { margin-bottom: var(--ape-space-27);} .ml27 { margin-left: var(--ape-space-27);} .mt28 { margin-top: var(--ape-space-28);} .mr28 { margin-right: var(--ape-space-28);} .mb28 { margin-bottom: var(--ape-space-28);} .ml28 { margin-left: var(--ape-space-28);} .mt29 { margin-top: var(--ape-space-29);} .mr29 { margin-right: var(--ape-space-29);} .mb29 { margin-bottom: var(--ape-space-29);} .ml29 { margin-left: var(--ape-space-29);} .mt30 { margin-top: var(--ape-space-30);} .mr30 { margin-right: var(--ape-space-30);} .mb30 { margin-bottom: var(--ape-space-30);} .ml30 { margin-left: var(--ape-space-30);} .mt31 { margin-top: var(--ape-space-31);} .mr31 { margin-right: var(--ape-space-31);} .mb31 { margin-bottom: var(--ape-space-31);} .ml31 { margin-left: var(--ape-space-31);} .mt32 { margin-top: var(--ape-space-32);} .mr32 { margin-right: var(--ape-space-32);} .mb32 { margin-bottom: var(--ape-space-32);} .ml32 { margin-left: var(--ape-space-32);} .mt33 { margin-top: var(--ape-space-33);} .mr33 { margin-right: var(--ape-space-33);} .mb33 { margin-bottom: var(--ape-space-33);} .ml33 { margin-left: var(--ape-space-33);} .mt34 { margin-top: var(--ape-space-34);} .mr34 { margin-right: var(--ape-space-34);} .mb34 { margin-bottom: var(--ape-space-34);} .ml34 { margin-left: var(--ape-space-34);} .mt35 { margin-top: var(--ape-space-35);} .mr35 { margin-right: var(--ape-space-35);} .mb35 { margin-bottom: var(--ape-space-35);} .ml35 { margin-left: var(--ape-space-35);} .mt36 { margin-top: var(--ape-space-36);} .mr36 { margin-right: var(--ape-space-36);} .mb36 { margin-bottom: var(--ape-space-36);} .ml36 { margin-left: var(--ape-space-36);} .mt37 { margin-top: var(--ape-space-37);} .mr37 { margin-right: var(--ape-space-37);} .mb37 { margin-bottom: var(--ape-space-37);} .ml37 { margin-left: var(--ape-space-37);} .mt38 { margin-top: var(--ape-space-38);} .mr38 { margin-right: var(--ape-space-38);} .mb38 { margin-bottom: var(--ape-space-38);} .ml38 { margin-left: var(--ape-space-38);} .mt39 { margin-top: var(--ape-space-39);} .mr39 { margin-right: var(--ape-space-39);} .mb39 { margin-bottom: var(--ape-space-39);} .ml39 { margin-left: var(--ape-space-39);} .mt40 { margin-top: var(--ape-space-40);} .mr40 { margin-right: var(--ape-space-40);} .mb40 { margin-bottom: var(--ape-space-40);} .ml40 { margin-left: var(--ape-space-40);} .mt41 { margin-top: var(--ape-space-41);} .mr41 { margin-right: var(--ape-space-41);} .mb41 { margin-bottom: var(--ape-space-41);} .ml41 { margin-left: var(--ape-space-41);} .mt42 { margin-top: var(--ape-space-42);} .mr42 { margin-right: var(--ape-space-42);} .mb42 { margin-bottom: var(--ape-space-42);} .ml42 { margin-left: var(--ape-space-42);} .mt43 { margin-top: var(--ape-space-43);} .mr43 { margin-right: var(--ape-space-43);} .mb43 { margin-bottom: var(--ape-space-43);} .ml43 { margin-left: var(--ape-space-43);} .mt44 { margin-top: var(--ape-space-44);} .mr44 { margin-right: var(--ape-space-44);} .mb44 { margin-bottom: var(--ape-space-44);} .ml44 { margin-left: var(--ape-space-44);} .mt45 { margin-top: var(--ape-space-45);} .mr45 { margin-right: var(--ape-space-45);} .mb45 { margin-bottom: var(--ape-space-45);} .ml45 { margin-left: var(--ape-space-45);} .mt46 { margin-top: var(--ape-space-46);} .mr46 { margin-right: var(--ape-space-46);} .mb46 { margin-bottom: var(--ape-space-46);} .ml46 { margin-left: var(--ape-space-46);} .mt47 { margin-top: var(--ape-space-47);} .mr47 { margin-right: var(--ape-space-47);} .mb47 { margin-bottom: var(--ape-space-47);} .ml47 { margin-left: var(--ape-space-47);} .mt48 { margin-top: var(--ape-space-48);} .mr48 { margin-right: var(--ape-space-48);} .mb48 { margin-bottom: var(--ape-space-48);} .ml48 { margin-left: var(--ape-space-48);} .mt49 { margin-top: var(--ape-space-49);} .mr49 { margin-right: var(--ape-space-49);} .mb49 { margin-bottom: var(--ape-space-49);} .ml49 { margin-left: var(--ape-space-49);} .mt50 { margin-top: var(--ape-space-50);} .mr50 { margin-right: var(--ape-space-50);} .mb50 { margin-bottom: var(--ape-space-50);} .ml50 { margin-left: var(--ape-space-50);} .mt51 { margin-top: var(--ape-space-51);} .mr51 { margin-right: var(--ape-space-51);} .mb51 { margin-bottom: var(--ape-space-51);} .ml51 { margin-left: var(--ape-space-51);} .mt52 { margin-top: var(--ape-space-52);} .mr52 { margin-right: var(--ape-space-52);} .mb52 { margin-bottom: var(--ape-space-52);} .ml52 { margin-left: var(--ape-space-52);} .mt53 { margin-top: var(--ape-space-53);} .mr53 { margin-right: var(--ape-space-53);} .mb53 { margin-bottom: var(--ape-space-53);} .ml53 { margin-left: var(--ape-space-53);} .mt54 { margin-top: var(--ape-space-54);} .mr54 { margin-right: var(--ape-space-54);} .mb54 { margin-bottom: var(--ape-space-54);} .ml54 { margin-left: var(--ape-space-54);} .mt55 { margin-top: var(--ape-space-55);} .mr55 { margin-right: var(--ape-space-55);} .mb55 { margin-bottom: var(--ape-space-55);} .ml55 { margin-left: var(--ape-space-55);} .mt56 { margin-top: var(--ape-space-56);} .mr56 { margin-right: var(--ape-space-56);} .mb56 { margin-bottom: var(--ape-space-56);} .ml56 { margin-left: var(--ape-space-56);} .mt57 { margin-top: var(--ape-space-57);} .mr57 { margin-right: var(--ape-space-57);} .mb57 { margin-bottom: var(--ape-space-57);} .ml57 { margin-left: var(--ape-space-57);} .mt58 { margin-top: var(--ape-space-58);} .mr58 { margin-right: var(--ape-space-58);} .mb58 { margin-bottom: var(--ape-space-58);} .ml58 { margin-left: var(--ape-space-58);} .mt59 { margin-top: var(--ape-space-59);} .mr59 { margin-right: var(--ape-space-59);} .mb59 { margin-bottom: var(--ape-space-59);} .ml59 { margin-left: var(--ape-space-59);} .mt60 { margin-top: var(--ape-space-60);} .mr60 { margin-right: var(--ape-space-60);} .mb60 { margin-bottom: var(--ape-space-60);} .ml60 { margin-left: var(--ape-space-60);} .mt61 { margin-top: var(--ape-space-61);} .mr61 { margin-right: var(--ape-space-61);} .mb61 { margin-bottom: var(--ape-space-61);} .ml61 { margin-left: var(--ape-space-61);} .mt62 { margin-top: var(--ape-space-62);} .mr62 { margin-right: var(--ape-space-62);} .mb62 { margin-bottom: var(--ape-space-62);} .ml62 { margin-left: var(--ape-space-62);} .mt63 { margin-top: var(--ape-space-63);} .mr63 { margin-right: var(--ape-space-63);} .mb63 { margin-bottom: var(--ape-space-63);} .ml63 { margin-left: var(--ape-space-63);} .mt64 { margin-top: var(--ape-space-64);} .mr64 { margin-right: var(--ape-space-64);} .mb64 { margin-bottom: var(--ape-space-64);} .ml64 { margin-left: var(--ape-space-64);} .mtauto { margin-top: var(--ape-space-auto);} .mrauto { margin-right: var(--ape-space-auto);} .mbauto { margin-bottom: var(--ape-space-auto);} .mlauto { margin-left: var(--ape-space-auto);} .mtpx { margin-top: var(--ape-space-px);} .mrpx { margin-right: var(--ape-space-px);} .mbpx { margin-bottom: var(--ape-space-px);} .mlpx { margin-left: var(--ape-space-px);} /**Margin Negative**/ .-mt1 { margin-top: calc(var(--ape-space-1) * -1);} .-mr1 { margin-right: calc(var(--ape-space-1) * -1);} .-mb1 { margin-bottom: calc(var(--ape-space-1) * -1);} .-ml1 { margin-left: calc(var(--ape-space-1) * -1);} .-mt2 { margin-top: calc(var(--ape-space-2) * -1);} .-mr2 { margin-right: calc(var(--ape-space-2) * -1);} .-mb2 { margin-bottom: calc(var(--ape-space-2) * -1);} .-ml2 { margin-left: calc(var(--ape-space-2) * -1);} .-mt3 { margin-top: calc(var(--ape-space-3) * -1);} .-mr3 { margin-right: calc(var(--ape-space-3) * -1);} .-mb3 { margin-bottom: calc(var(--ape-space-3) * -1);} .-ml3 { margin-left: calc(var(--ape-space-3) * -1);} .-mt4 { margin-top: calc(var(--ape-space-4) * -1);} .-mr4 { margin-right: calc(var(--ape-space-4) * -1);} .-mb4 { margin-bottom: calc(var(--ape-space-4) * -1);} .-ml4 { margin-left: calc(var(--ape-space-4) * -1);} .-mt5 { margin-top: calc(var(--ape-space-5) * -1);} .-mr5 { margin-right: calc(var(--ape-space-5) * -1);} .-mb5 { margin-bottom: calc(var(--ape-space-5) * -1);} .-ml5 { margin-left: calc(var(--ape-space-5) * -1);} .-mt6 { margin-top: calc(var(--ape-space-6) * -1);} .-mr6 { margin-right: calc(var(--ape-space-6) * -1);} .-mb6 { margin-bottom: calc(var(--ape-space-6) * -1);} .-ml6 { margin-left: calc(var(--ape-space-6) * -1);} .-mt7 { margin-top: calc(var(--ape-space-7) * -1);} .-mr7 { margin-right: calc(var(--ape-space-7) * -1);} .-mb7 { margin-bottom: calc(var(--ape-space-7) * -1);} .-ml7 { margin-left: calc(var(--ape-space-7) * -1);} .-mt8 { margin-top: calc(var(--ape-space-8) * -1);} .-mr8 { margin-right: calc(var(--ape-space-8) * -1);} .-mb8 { margin-bottom: calc(var(--ape-space-8) * -1);} .-ml8 { margin-left: calc(var(--ape-space-8) * -1);} .-mt9 { margin-top: calc(var(--ape-space-9) * -1);} .-mr9 { margin-right: calc(var(--ape-space-9) * -1);} .-mb9 { margin-bottom: calc(var(--ape-space-9) * -1);} .-ml9 { margin-left: calc(var(--ape-space-9) * -1);} .-mt10 { margin-top: calc(var(--ape-space-10) * -1);} .-mr10 { margin-right: calc(var(--ape-space-10) * -1);} .-mb10 { margin-bottom: calc(var(--ape-space-10) * -1);} .-ml10 { margin-left: calc(var(--ape-space-10) * -1);} .-mt11 { margin-top: calc(var(--ape-space-11) * -1);} .-mr11 { margin-right: calc(var(--ape-space-11) * -1);} .-mb11 { margin-bottom: calc(var(--ape-space-11) * -1);} .-ml11 { margin-left: calc(var(--ape-space-11) * -1);} .-mt12 { margin-top: calc(var(--ape-space-12) * -1);} .-mr12 { margin-right: calc(var(--ape-space-12) * -1);} .-mb12 { margin-bottom: calc(var(--ape-space-12) * -1);} .-ml12 { margin-left: calc(var(--ape-space-12) * -1);} .-mt13 { margin-top: calc(var(--ape-space-13) * -1);} .-mr13 { margin-right: calc(var(--ape-space-13) * -1);} .-mb13 { margin-bottom: calc(var(--ape-space-13) * -1);} .-ml13 { margin-left: calc(var(--ape-space-13) * -1);} .-mt14 { margin-top: calc(var(--ape-space-14) * -1);} .-mr14 { margin-right: calc(var(--ape-space-14) * -1);} .-mb14 { margin-bottom: calc(var(--ape-space-14) * -1);} .-ml14 { margin-left: calc(var(--ape-space-14) * -1);} .-mt15 { margin-top: calc(var(--ape-space-15) * -1);} .-mr15 { margin-right: calc(var(--ape-space-15) * -1);} .-mb15 { margin-bottom: calc(var(--ape-space-15) * -1);} .-ml15 { margin-left: calc(var(--ape-space-15) * -1);} .-mt16 { margin-top: calc(var(--ape-space-16) * -1);} .-mr16 { margin-right: calc(var(--ape-space-16) * -1);} .-mb16 { margin-bottom: calc(var(--ape-space-16) * -1);} .-ml16 { margin-left: calc(var(--ape-space-16) * -1);} .-mt17 { margin-top: calc(var(--ape-space-17) * -1);} .-mr17 { margin-right: calc(var(--ape-space-17) * -1);} .-mb17 { margin-bottom: calc(var(--ape-space-17) * -1);} .-ml17 { margin-left: calc(var(--ape-space-17) * -1);} .-mt18 { margin-top: calc(var(--ape-space-18) * -1);} .-mr18 { margin-right: calc(var(--ape-space-18) * -1);} .-mb18 { margin-bottom: calc(var(--ape-space-18) * -1);} .-ml18 { margin-left: calc(var(--ape-space-18) * -1);} .-mt19 { margin-top: calc(var(--ape-space-19) * -1);} .-mr19 { margin-right: calc(var(--ape-space-19) * -1);} .-mb19 { margin-bottom: calc(var(--ape-space-19) * -1);} .-ml19 { margin-left: calc(var(--ape-space-19) * -1);} .-mt20 { margin-top: calc(var(--ape-space-20) * -1);} .-mr20 { margin-right: calc(var(--ape-space-20) * -1);} .-mb20 { margin-bottom: calc(var(--ape-space-20) * -1);} .-ml20 { margin-left: calc(var(--ape-space-20) * -1);} .-mt21 { margin-top: calc(var(--ape-space-21) * -1);} .-mr21 { margin-right: calc(var(--ape-space-21) * -1);} .-mb21 { margin-bottom: calc(var(--ape-space-21) * -1);} .-ml21 { margin-left: calc(var(--ape-space-21) * -1);} .-mt22 { margin-top: calc(var(--ape-space-22) * -1);} .-mr22 { margin-right: calc(var(--ape-space-22) * -1);} .-mb22 { margin-bottom: calc(var(--ape-space-22) * -1);} .-ml22 { margin-left: calc(var(--ape-space-22) * -1);} .-mt23 { margin-top: calc(var(--ape-space-23) * -1);} .-mr23 { margin-right: calc(var(--ape-space-23) * -1);} .-mb23 { margin-bottom: calc(var(--ape-space-23) * -1);} .-ml23 { margin-left: calc(var(--ape-space-23) * -1);} .-mt24 { margin-top: calc(var(--ape-space-24) * -1);} .-mr24 { margin-right: calc(var(--ape-space-24) * -1);} .-mb24 { margin-bottom: calc(var(--ape-space-24) * -1);} .-ml24 { margin-left: calc(var(--ape-space-24) * -1);} .-mt25 { margin-top: calc(var(--ape-space-25) * -1);} .-mr25 { margin-right: calc(var(--ape-space-25) * -1);} .-mb25 { margin-bottom: calc(var(--ape-space-25) * -1);} .-ml25 { margin-left: calc(var(--ape-space-25) * -1);} .-mt26 { margin-top: calc(var(--ape-space-26) * -1);} .-mr26 { margin-right: calc(var(--ape-space-26) * -1);} .-mb26 { margin-bottom: calc(var(--ape-space-26) * -1);} .-ml26 { margin-left: calc(var(--ape-space-26) * -1);} .-mt27 { margin-top: calc(var(--ape-space-27) * -1);} .-mr27 { margin-right: calc(var(--ape-space-27) * -1);} .-mb27 { margin-bottom: calc(var(--ape-space-27) * -1);} .-ml27 { margin-left: calc(var(--ape-space-27) * -1);} .-mt28 { margin-top: calc(var(--ape-space-28) * -1);} .-mr28 { margin-right: calc(var(--ape-space-28) * -1);} .-mb28 { margin-bottom: calc(var(--ape-space-28) * -1);} .-ml28 { margin-left: calc(var(--ape-space-28) * -1);} .-mt29 { margin-top: calc(var(--ape-space-29) * -1);} .-mr29 { margin-right: calc(var(--ape-space-29) * -1);} .-mb29 { margin-bottom: calc(var(--ape-space-29) * -1);} .-ml29 { margin-left: calc(var(--ape-space-29) * -1);} .-mt30 { margin-top: calc(var(--ape-space-30) * -1);} .-mr30 { margin-right: calc(var(--ape-space-30) * -1);} .-mb30 { margin-bottom: calc(var(--ape-space-30) * -1);} .-ml30 { margin-left: calc(var(--ape-space-30) * -1);} .-mt31 { margin-top: calc(var(--ape-space-31) * -1);} .-mr31 { margin-right: calc(var(--ape-space-31) * -1);} .-mb31 { margin-bottom: calc(var(--ape-space-31) * -1);} .-ml31 { margin-left: calc(var(--ape-space-31) * -1);} .-mt32 { margin-top: calc(var(--ape-space-32) * -1);} .-mr32 { margin-right: calc(var(--ape-space-32) * -1);} .-mb32 { margin-bottom: calc(var(--ape-space-32) * -1);} .-ml32 { margin-left: calc(var(--ape-space-32) * -1);} .-mt33 { margin-top: calc(var(--ape-space-33) * -1);} .-mr33 { margin-right: calc(var(--ape-space-33) * -1);} .-mb33 { margin-bottom: calc(var(--ape-space-33) * -1);} .-ml33 { margin-left: calc(var(--ape-space-33) * -1);} .-mt34 { margin-top: calc(var(--ape-space-34) * -1);} .-mr34 { margin-right: calc(var(--ape-space-34) * -1);} .-mb34 { margin-bottom: calc(var(--ape-space-34) * -1);} .-ml34 { margin-left: calc(var(--ape-space-34) * -1);} .-mt35 { margin-top: calc(var(--ape-space-35) * -1);} .-mr35 { margin-right: calc(var(--ape-space-35) * -1);} .-mb35 { margin-bottom: calc(var(--ape-space-35) * -1);} .-ml35 { margin-left: calc(var(--ape-space-35) * -1);} .-mt36 { margin-top: calc(var(--ape-space-36) * -1);} .-mr36 { margin-right: calc(var(--ape-space-36) * -1);} .-mb36 { margin-bottom: calc(var(--ape-space-36) * -1);} .-ml36 { margin-left: calc(var(--ape-space-36) * -1);} .-mt37 { margin-top: calc(var(--ape-space-37) * -1);} .-mr37 { margin-right: calc(var(--ape-space-37) * -1);} .-mb37 { margin-bottom: calc(var(--ape-space-37) * -1);} .-ml37 { margin-left: calc(var(--ape-space-37) * -1);} .-mt38 { margin-top: calc(var(--ape-space-38) * -1);} .-mr38 { margin-right: calc(var(--ape-space-38) * -1);} .-mb38 { margin-bottom: calc(var(--ape-space-38) * -1);} .-ml38 { margin-left: calc(var(--ape-space-38) * -1);} .-mt39 { margin-top: calc(var(--ape-space-39) * -1);} .-mr39 { margin-right: calc(var(--ape-space-39) * -1);} .-mb39 { margin-bottom: calc(var(--ape-space-39) * -1);} .-ml39 { margin-left: calc(var(--ape-space-39) * -1);} .-mt40 { margin-top: calc(var(--ape-space-40) * -1);} .-mr40 { margin-right: calc(var(--ape-space-40) * -1);} .-mb40 { margin-bottom: calc(var(--ape-space-40) * -1);} .-ml40 { margin-left: calc(var(--ape-space-40) * -1);} .-mt41 { margin-top: calc(var(--ape-space-41) * -1);} .-mr41 { margin-right: calc(var(--ape-space-41) * -1);} .-mb41 { margin-bottom: calc(var(--ape-space-41) * -1);} .-ml41 { margin-left: calc(var(--ape-space-41) * -1);} .-mt42 { margin-top: calc(var(--ape-space-42) * -1);} .-mr42 { margin-right: calc(var(--ape-space-42) * -1);} .-mb42 { margin-bottom: calc(var(--ape-space-42) * -1);} .-ml42 { margin-left: calc(var(--ape-space-42) * -1);} .-mt43 { margin-top: calc(var(--ape-space-43) * -1);} .-mr43 { margin-right: calc(var(--ape-space-43) * -1);} .-mb43 { margin-bottom: calc(var(--ape-space-43) * -1);} .-ml43 { margin-left: calc(var(--ape-space-43) * -1);} .-mt44 { margin-top: calc(var(--ape-space-44) * -1);} .-mr44 { margin-right: calc(var(--ape-space-44) * -1);} .-mb44 { margin-bottom: calc(var(--ape-space-44) * -1);} .-ml44 { margin-left: calc(var(--ape-space-44) * -1);} .-mt45 { margin-top: calc(var(--ape-space-45) * -1);} .-mr45 { margin-right: calc(var(--ape-space-45) * -1);} .-mb45 { margin-bottom: calc(var(--ape-space-45) * -1);} .-ml45 { margin-left: calc(var(--ape-space-45) * -1);} .-mt46 { margin-top: calc(var(--ape-space-46) * -1);} .-mr46 { margin-right: calc(var(--ape-space-46) * -1);} .-mb46 { margin-bottom: calc(var(--ape-space-46) * -1);} .-ml46 { margin-left: calc(var(--ape-space-46) * -1);} .-mt47 { margin-top: calc(var(--ape-space-47) * -1);} .-mr47 { margin-right: calc(var(--ape-space-47) * -1);} .-mb47 { margin-bottom: calc(var(--ape-space-47) * -1);} .-ml47 { margin-left: calc(var(--ape-space-47) * -1);} .-mt48 { margin-top: calc(var(--ape-space-48) * -1);} .-mr48 { margin-right: calc(var(--ape-space-48) * -1);} .-mb48 { margin-bottom: calc(var(--ape-space-48) * -1);} .-ml48 { margin-left: calc(var(--ape-space-48) * -1);} .-mt49 { margin-top: calc(var(--ape-space-49) * -1);} .-mr49 { margin-right: calc(var(--ape-space-49) * -1);} .-mb49 { margin-bottom: calc(var(--ape-space-49) * -1);} .-ml49 { margin-left: calc(var(--ape-space-49) * -1);} .-mt50 { margin-top: calc(var(--ape-space-50) * -1);} .-mr50 { margin-right: calc(var(--ape-space-50) * -1);} .-mb50 { margin-bottom: calc(var(--ape-space-50) * -1);} .-ml50 { margin-left: calc(var(--ape-space-50) * -1);} .-mt51 { margin-top: calc(var(--ape-space-51) * -1);} .-mr51 { margin-right: calc(var(--ape-space-51) * -1);} .-mb51 { margin-bottom: calc(var(--ape-space-51) * -1);} .-ml51 { margin-left: calc(var(--ape-space-51) * -1);} .-mt52 { margin-top: calc(var(--ape-space-52) * -1);} .-mr52 { margin-right: calc(var(--ape-space-52) * -1);} .-mb52 { margin-bottom: calc(var(--ape-space-52) * -1);} .-ml52 { margin-left: calc(var(--ape-space-52) * -1);} .-mt53 { margin-top: calc(var(--ape-space-53) * -1);} .-mr53 { margin-right: calc(var(--ape-space-53) * -1);} .-mb53 { margin-bottom: calc(var(--ape-space-53) * -1);} .-ml53 { margin-left: calc(var(--ape-space-53) * -1);} .-mt54 { margin-top: calc(var(--ape-space-54) * -1);} .-mr54 { margin-right: calc(var(--ape-space-54) * -1);} .-mb54 { margin-bottom: calc(var(--ape-space-54) * -1);} .-ml54 { margin-left: calc(var(--ape-space-54) * -1);} .-mt55 { margin-top: calc(var(--ape-space-55) * -1);} .-mr55 { margin-right: calc(var(--ape-space-55) * -1);} .-mb55 { margin-bottom: calc(var(--ape-space-55) * -1);} .-ml55 { margin-left: calc(var(--ape-space-55) * -1);} .-mt56 { margin-top: calc(var(--ape-space-56) * -1);} .-mr56 { margin-right: calc(var(--ape-space-56) * -1);} .-mb56 { margin-bottom: calc(var(--ape-space-56) * -1);} .-ml56 { margin-left: calc(var(--ape-space-56) * -1);} .-mt57 { margin-top: calc(var(--ape-space-57) * -1);} .-mr57 { margin-right: calc(var(--ape-space-57) * -1);} .-mb57 { margin-bottom: calc(var(--ape-space-57) * -1);} .-ml57 { margin-left: calc(var(--ape-space-57) * -1);} .-mt58 { margin-top: calc(var(--ape-space-58) * -1);} .-mr58 { margin-right: calc(var(--ape-space-58) * -1);} .-mb58 { margin-bottom: calc(var(--ape-space-58) * -1);} .-ml58 { margin-left: calc(var(--ape-space-58) * -1);} .-mt59 { margin-top: calc(var(--ape-space-59) * -1);} .-mr59 { margin-right: calc(var(--ape-space-59) * -1);} .-mb59 { margin-bottom: calc(var(--ape-space-59) * -1);} .-ml59 { margin-left: calc(var(--ape-space-59) * -1);} .-mt60 { margin-top: calc(var(--ape-space-60) * -1);} .-mr60 { margin-right: calc(var(--ape-space-60) * -1);} .-mb60 { margin-bottom: calc(var(--ape-space-60) * -1);} .-ml60 { margin-left: calc(var(--ape-space-60) * -1);} .-mt61 { margin-top: calc(var(--ape-space-61) * -1);} .-mr61 { margin-right: calc(var(--ape-space-61) * -1);} .-mb61 { margin-bottom: calc(var(--ape-space-61) * -1);} .-ml61 { margin-left: calc(var(--ape-space-61) * -1);} .-mt62 { margin-top: calc(var(--ape-space-62) * -1);} .-mr62 { margin-right: calc(var(--ape-space-62) * -1);} .-mb62 { margin-bottom: calc(var(--ape-space-62) * -1);} .-ml62 { margin-left: calc(var(--ape-space-62) * -1);} .-mt63 { margin-top: calc(var(--ape-space-63) * -1);} .-mr63 { margin-right: calc(var(--ape-space-63) * -1);} .-mb63 { margin-bottom: calc(var(--ape-space-63) * -1);} .-ml63 { margin-left: calc(var(--ape-space-63) * -1);} .-mt64 { margin-top: calc(var(--ape-space-64) * -1);} .-mr64 { margin-right: calc(var(--ape-space-64) * -1);} .-mb64 { margin-bottom: calc(var(--ape-space-64) * -1);} .-ml64 { margin-left: calc(var(--ape-space-64) * -1);} .-mtpx { margin-top: calc(var(--ape-space-px) * -1);} .-mrpx { margin-right: calc(var(--ape-space-px) * -1);} .-mbpx { margin-bottom: calc(var(--ape-space-px) * -1);} .-mlpx { margin-left: calc(var(--ape-space-px) * -1);} /**Padding**/ .p0 { padding: var(--ape-space-0);} .p1 { padding: var(--ape-space-1);} .p2 { padding: var(--ape-space-2);} .p3 { padding: var(--ape-space-3);} .p4 { padding: var(--ape-space-4);} .p5 { padding: var(--ape-space-5);} .p6 { padding: var(--ape-space-6);} .p7 { padding: var(--ape-space-7);} .p8 { padding: var(--ape-space-8);} .p9 { padding: var(--ape-space-9);} .p10 { padding: var(--ape-space-10);} .p11 { padding: var(--ape-space-11);} .p12 { padding: var(--ape-space-12);} .p13 { padding: var(--ape-space-13);} .p14 { padding: var(--ape-space-14);} .p15 { padding: var(--ape-space-15);} .p16 { padding: var(--ape-space-16);} .p17 { padding: var(--ape-space-17);} .p18 { padding: var(--ape-space-18);} .p19 { padding: var(--ape-space-19);} .p20 { padding: var(--ape-space-20);} .p21 { padding: var(--ape-space-21);} .p22 { padding: var(--ape-space-22);} .p23 { padding: var(--ape-space-23);} .p24 { padding: var(--ape-space-24);} .p25 { padding: var(--ape-space-25);} .p26 { padding: var(--ape-space-26);} .p27 { padding: var(--ape-space-27);} .p28 { padding: var(--ape-space-28);} .p29 { padding: var(--ape-space-29);} .p30 { padding: var(--ape-space-30);} .p31 { padding: var(--ape-space-31);} .p32 { padding: var(--ape-space-32);} .p33 { padding: var(--ape-space-33);} .p34 { padding: var(--ape-space-34);} .p35 { padding: var(--ape-space-35);} .p36 { padding: var(--ape-space-36);} .p37 { padding: var(--ape-space-37);} .p38 { padding: var(--ape-space-38);} .ppx { padding: var(--ape-space-px);} /**Padding X & Y**/ .py0 { padding-top: var(--ape-space-0); padding-bottom: var(--ape-space-0);} .px0 { padding-left: var(--ape-space-0); padding-right: var(--ape-space-0);} .py1 { padding-top: var(--ape-space-1); padding-bottom: var(--ape-space-1);} .px1 { padding-left: var(--ape-space-1); padding-right: var(--ape-space-1);} .py2 { padding-top: var(--ape-space-2); padding-bottom: var(--ape-space-2);} .px2 { padding-left: var(--ape-space-2); padding-right: var(--ape-space-2);} .py3 { padding-top: var(--ape-space-3); padding-bottom: var(--ape-space-3);} .px3 { padding-left: var(--ape-space-3); padding-right: var(--ape-space-3);} .py4 { padding-top: var(--ape-space-4); padding-bottom: var(--ape-space-4);} .px4 { padding-left: var(--ape-space-4); padding-right: var(--ape-space-4);} .py5 { padding-top: var(--ape-space-5); padding-bottom: var(--ape-space-5);} .px5 { padding-left: var(--ape-space-5); padding-right: var(--ape-space-5);} .py6 { padding-top: var(--ape-space-6); padding-bottom: var(--ape-space-6);} .px6 { padding-left: var(--ape-space-6); padding-right: var(--ape-space-6);} .py7 { padding-top: var(--ape-space-7); padding-bottom: var(--ape-space-7);} .px7 { padding-left: var(--ape-space-7); padding-right: var(--ape-space-7);} .py8 { padding-top: var(--ape-space-8); padding-bottom: var(--ape-space-8);} .px8 { padding-left: var(--ape-space-8); padding-right: var(--ape-space-8);} .py9 { padding-top: var(--ape-space-9); padding-bottom: var(--ape-space-9);} .px9 { padding-left: var(--ape-space-9); padding-right: var(--ape-space-9);} .py10 { padding-top: var(--ape-space-10); padding-bottom: var(--ape-space-10);} .px10 { padding-left: var(--ape-space-10); padding-right: var(--ape-space-10);} .py11 { padding-top: var(--ape-space-11); padding-bottom: var(--ape-space-11);} .px11 { padding-left: var(--ape-space-11); padding-right: var(--ape-space-11);} .py12 { padding-top: var(--ape-space-12); padding-bottom: var(--ape-space-12);} .px12 { padding-left: var(--ape-space-12); padding-right: var(--ape-space-12);} .py13 { padding-top: var(--ape-space-13); padding-bottom: var(--ape-space-13);} .px13 { padding-left: var(--ape-space-13); padding-right: var(--ape-space-13);} .py14 { padding-top: var(--ape-space-14); padding-bottom: var(--ape-space-14);} .px14 { padding-left: var(--ape-space-14); padding-right: var(--ape-space-14);} .py15 { padding-top: var(--ape-space-15); padding-bottom: var(--ape-space-15);} .px15 { padding-left: var(--ape-space-15); padding-right: var(--ape-space-15);} .py16 { padding-top: var(--ape-space-16); padding-bottom: var(--ape-space-16);} .px16 { padding-left: var(--ape-space-16); padding-right: var(--ape-space-16);} .py17 { padding-top: var(--ape-space-17); padding-bottom: var(--ape-space-17);} .px17 { padding-left: var(--ape-space-17); padding-right: var(--ape-space-17);} .py18 { padding-top: var(--ape-space-18); padding-bottom: var(--ape-space-18);} .px18 { padding-left: var(--ape-space-18); padding-right: var(--ape-space-18);} .py19 { padding-top: var(--ape-space-19); padding-bottom: var(--ape-space-19);} .px19 { padding-left: var(--ape-space-19); padding-right: var(--ape-space-19);} .py20 { padding-top: var(--ape-space-20); padding-bottom: var(--ape-space-20);} .px20 { padding-left: var(--ape-space-20); padding-right: var(--ape-space-20);} .py21 { padding-top: var(--ape-space-21); padding-bottom: var(--ape-space-21);} .px21 { padding-left: var(--ape-space-21); padding-right: var(--ape-space-21);} .py22 { padding-top: var(--ape-space-22); padding-bottom: var(--ape-space-22);} .px22 { padding-left: var(--ape-space-22); padding-right: var(--ape-space-22);} .py23 { padding-top: var(--ape-space-23); padding-bottom: var(--ape-space-23);} .px23 { padding-left: var(--ape-space-23); padding-right: var(--ape-space-23);} .py24 { padding-top: var(--ape-space-24); padding-bottom: var(--ape-space-24);} .px24 { padding-left: var(--ape-space-24); padding-right: var(--ape-space-24);} .py25 { padding-top: var(--ape-space-25); padding-bottom: var(--ape-space-25);} .px25 { padding-left: var(--ape-space-25); padding-right: var(--ape-space-25);} .py26 { padding-top: var(--ape-space-26); padding-bottom: var(--ape-space-26);} .px26 { padding-left: var(--ape-space-26); padding-right: var(--ape-space-26);} .py27 { padding-top: var(--ape-space-27); padding-bottom: var(--ape-space-27);} .px27 { padding-left: var(--ape-space-27); padding-right: var(--ape-space-27);} .py28 { padding-top: var(--ape-space-28); padding-bottom: var(--ape-space-28);} .px28 { padding-left: var(--ape-space-28); padding-right: var(--ape-space-28);} .py29 { padding-top: var(--ape-space-29); padding-bottom: var(--ape-space-29);} .px29 { padding-left: var(--ape-space-29); padding-right: var(--ape-space-29);} .py30 { padding-top: var(--ape-space-30); padding-bottom: var(--ape-space-30);} .px30 { padding-left: var(--ape-space-30); padding-right: var(--ape-space-30);} .py31 { padding-top: var(--ape-space-31); padding-bottom: var(--ape-space-31);} .px31 { padding-left: var(--ape-space-31); padding-right: var(--ape-space-31);} .py32 { padding-top: var(--ape-space-32); padding-bottom: var(--ape-space-32);} .px32 { padding-left: var(--ape-space-32); padding-right: var(--ape-space-32);} .py33 { padding-top: var(--ape-space-33); padding-bottom: var(--ape-space-33);} .px33 { padding-left: var(--ape-space-33); padding-right: var(--ape-space-33);} .py34 { padding-top: var(--ape-space-34); padding-bottom: var(--ape-space-34);} .px34 { padding-left: var(--ape-space-34); padding-right: var(--ape-space-34);} .py35 { padding-top: var(--ape-space-35); padding-bottom: var(--ape-space-35);} .px35 { padding-left: var(--ape-space-35); padding-right: var(--ape-space-35);} .py36 { padding-top: var(--ape-space-36); padding-bottom: var(--ape-space-36);} .px36 { padding-left: var(--ape-space-36); padding-right: var(--ape-space-36);} .py37 { padding-top: var(--ape-space-37); padding-bottom: var(--ape-space-37);} .px37 { padding-left: var(--ape-space-37); padding-right: var(--ape-space-37);} .py38 { padding-top: var(--ape-space-38); padding-bottom: var(--ape-space-38);} .px38 { padding-left: var(--ape-space-38); padding-right: var(--ape-space-38);} .pypx { padding-top: var(--ape-space-px); padding-bottom: var(--ape-space-px);} .pxpx { padding-left: var(--ape-space-px); padding-right: var(--ape-space-px);} /**Padding Top, Right, Bottom, Left**/ .pt0 { padding-top: var(--ape-space-0);} .pr0 { padding-right: var(--ape-space-0);} .pb0 { padding-bottom: var(--ape-space-0);} .pl0 { padding-left: var(--ape-space-0);} .pt1 { padding-top: var(--ape-space-1);} .pr1 { padding-right: var(--ape-space-1);} .pb1 { padding-bottom: var(--ape-space-1);} .pl1 { padding-left: var(--ape-space-1);} .pt2 { padding-top: var(--ape-space-2);} .pr2 { padding-right: var(--ape-space-2);} .pb2 { padding-bottom: var(--ape-space-2);} .pl2 { padding-left: var(--ape-space-2);} .pt3 { padding-top: var(--ape-space-3);} .pr3 { padding-right: var(--ape-space-3);} .pb3 { padding-bottom: var(--ape-space-3);} .pl3 { padding-left: var(--ape-space-3);} .pt4 { padding-top: var(--ape-space-4);} .pr4 { padding-right: var(--ape-space-4);} .pb4 { padding-bottom: var(--ape-space-4);} .pl4 { padding-left: var(--ape-space-4);} .pt5 { padding-top: var(--ape-space-5);} .pr5 { padding-right: var(--ape-space-5);} .pb5 { padding-bottom: var(--ape-space-5);} .pl5 { padding-left: var(--ape-space-5);} .pt6 { padding-top: var(--ape-space-6);} .pr6 { padding-right: var(--ape-space-6);} .pb6 { padding-bottom: var(--ape-space-6);} .pl6 { padding-left: var(--ape-space-6);} .pt7 { padding-top: var(--ape-space-7);} .pr7 { padding-right: var(--ape-space-7);} .pb7 { padding-bottom: var(--ape-space-7);} .pl7 { padding-left: var(--ape-space-7);} .pt8 { padding-top: var(--ape-space-8);} .pr8 { padding-right: var(--ape-space-8);} .pb8 { padding-bottom: var(--ape-space-8);} .pl8 { padding-left: var(--ape-space-8);} .pt9 { padding-top: var(--ape-space-9);} .pr9 { padding-right: var(--ape-space-9);} .pb9 { padding-bottom: var(--ape-space-9);} .pl9 { padding-left: var(--ape-space-9);} .pt10 { padding-top: var(--ape-space-10);} .pr10 { padding-right: var(--ape-space-10);} .pb10 { padding-bottom: var(--ape-space-10);} .pl10 { padding-left: var(--ape-space-10);} .pt11 { padding-top: var(--ape-space-11);} .pr11 { padding-right: var(--ape-space-11);} .pb11 { padding-bottom: var(--ape-space-11);} .pl11 { padding-left: var(--ape-space-11);} .pt12 { padding-top: var(--ape-space-12);} .pr12 { padding-right: var(--ape-space-12);} .pb12 { padding-bottom: var(--ape-space-12);} .pl12 { padding-left: var(--ape-space-12);} .pt13 { padding-top: var(--ape-space-13);} .pr13 { padding-right: var(--ape-space-13);} .pb13 { padding-bottom: var(--ape-space-13);} .pl13 { padding-left: var(--ape-space-13);} .pt14 { padding-top: var(--ape-space-14);} .pr14 { padding-right: var(--ape-space-14);} .pb14 { padding-bottom: var(--ape-space-14);} .pl14 { padding-left: var(--ape-space-14);} .pt15 { padding-top: var(--ape-space-15);} .pr15 { padding-right: var(--ape-space-15);} .pb15 { padding-bottom: var(--ape-space-15);} .pl15 { padding-left: var(--ape-space-15);} .pt16 { padding-top: var(--ape-space-16);} .pr16 { padding-right: var(--ape-space-16);} .pb16 { padding-bottom: var(--ape-space-16);} .pl16 { padding-left: var(--ape-space-16);} .pt17 { padding-top: var(--ape-space-17);} .pr17 { padding-right: var(--ape-space-17);} .pb17 { padding-bottom: var(--ape-space-17);} .pl17 { padding-left: var(--ape-space-17);} .pt18 { padding-top: var(--ape-space-18);} .pr18 { padding-right: var(--ape-space-18);} .pb18 { padding-bottom: var(--ape-space-18);} .pl18 { padding-left: var(--ape-space-18);} .pt19 { padding-top: var(--ape-space-19);} .pr19 { padding-right: var(--ape-space-19);} .pb19 { padding-bottom: var(--ape-space-19);} .pl19 { padding-left: var(--ape-space-19);} .pt20 { padding-top: var(--ape-space-20);} .pr20 { padding-right: var(--ape-space-20);} .pb20 { padding-bottom: var(--ape-space-20);} .pl20 { padding-left: var(--ape-space-20);} .pt21 { padding-top: var(--ape-space-21);} .pr21 { padding-right: var(--ape-space-21);} .pb21 { padding-bottom: var(--ape-space-21);} .pl21 { padding-left: var(--ape-space-21);} .pt22 { padding-top: var(--ape-space-22);} .pr22 { padding-right: var(--ape-space-22);} .pb22 { padding-bottom: var(--ape-space-22);} .pl22 { padding-left: var(--ape-space-22);} .pt23 { padding-top: var(--ape-space-23);} .pr23 { padding-right: var(--ape-space-23);} .pb23 { padding-bottom: var(--ape-space-23);} .pl23 { padding-left: var(--ape-space-23);} .pt24 { padding-top: var(--ape-space-24);} .pr24 { padding-right: var(--ape-space-24);} .pb24 { padding-bottom: var(--ape-space-24);} .pl24 { padding-left: var(--ape-space-24);} .pt25 { padding-top: var(--ape-space-25);} .pr25 { padding-right: var(--ape-space-25);} .pb25 { padding-bottom: var(--ape-space-25);} .pl25 { padding-left: var(--ape-space-25);} .pt26 { padding-top: var(--ape-space-26);} .pr26 { padding-right: var(--ape-space-26);} .pb26 { padding-bottom: var(--ape-space-26);} .pl26 { padding-left: var(--ape-space-26);} .pt27 { padding-top: var(--ape-space-27);} .pr27 { padding-right: var(--ape-space-27);} .pb27 { padding-bottom: var(--ape-space-27);} .pl27 { padding-left: var(--ape-space-27);} .pt28 { padding-top: var(--ape-space-28);} .pr28 { padding-right: var(--ape-space-28);} .pb28 { padding-bottom: var(--ape-space-28);} .pl28 { padding-left: var(--ape-space-28);} .pt29 { padding-top: var(--ape-space-29);} .pr29 { padding-right: var(--ape-space-29);} .pb29 { padding-bottom: var(--ape-space-29);} .pl29 { padding-left: var(--ape-space-29);} .pt30 { padding-top: var(--ape-space-30);} .pr30 { padding-right: var(--ape-space-30);} .pb30 { padding-bottom: var(--ape-space-30);} .pl30 { padding-left: var(--ape-space-30);} .pt31 { padding-top: var(--ape-space-31);} .pr31 { padding-right: var(--ape-space-31);} .pb31 { padding-bottom: var(--ape-space-31);} .pl31 { padding-left: var(--ape-space-31);} .pt32 { padding-top: var(--ape-space-32);} .pr32 { padding-right: var(--ape-space-32);} .pb32 { padding-bottom: var(--ape-space-32);} .pl32 { padding-left: var(--ape-space-32);} .pt33 { padding-top: var(--ape-space-33);} .pr33 { padding-right: var(--ape-space-33);} .pb33 { padding-bottom: var(--ape-space-33);} .pl33 { padding-left: var(--ape-space-33);} .pt34 { padding-top: var(--ape-space-34);} .pr34 { padding-right: var(--ape-space-34);} .pb34 { padding-bottom: var(--ape-space-34);} .pl34 { padding-left: var(--ape-space-34);} .pt35 { padding-top: var(--ape-space-35);} .pr35 { padding-right: var(--ape-space-35);} .pb35 { padding-bottom: var(--ape-space-35);} .pl35 { padding-left: var(--ape-space-35);} .pt36 { padding-top: var(--ape-space-36);} .pr36 { padding-right: var(--ape-space-36);} .pb36 { padding-bottom: var(--ape-space-36);} .pl36 { padding-left: var(--ape-space-36);} .pt37 { padding-top: var(--ape-space-37);} .pr37 { padding-right: var(--ape-space-37);} .pb37 { padding-bottom: var(--ape-space-37);} .pl37 { padding-left: var(--ape-space-37);} .pt38 { padding-top: var(--ape-space-38);} .pr38 { padding-right: var(--ape-space-38);} .pb38 { padding-bottom: var(--ape-space-38);} .pl38 { padding-left: var(--ape-space-38);} .pt39 { padding-top: var(--ape-space-39);} .pr39 { padding-right: var(--ape-space-39);} .pb39 { padding-bottom: var(--ape-space-39);} .pl39 { padding-left: var(--ape-space-39);} .pt40 { padding-top: var(--ape-space-40);} .pr40 { padding-right: var(--ape-space-40);} .pb40 { padding-bottom: var(--ape-space-40);} .pl40 { padding-left: var(--ape-space-40);} .pt41 { padding-top: var(--ape-space-41);} .pr41 { padding-right: var(--ape-space-41);} .pb41 { padding-bottom: var(--ape-space-41);} .pl41 { padding-left: var(--ape-space-41);} .pt42 { padding-top: var(--ape-space-42);} .pr42 { padding-right: var(--ape-space-42);} .pb42 { padding-bottom: var(--ape-space-42);} .pl42 { padding-left: var(--ape-space-42);} .pt43 { padding-top: var(--ape-space-43);} .pr43 { padding-right: var(--ape-space-43);} .pb43 { padding-bottom: var(--ape-space-43);} .pl43 { padding-left: var(--ape-space-43);} .pt44 { padding-top: var(--ape-space-44);} .pr44 { padding-right: var(--ape-space-44);} .pb44 { padding-bottom: var(--ape-space-44);} .pl44 { padding-left: var(--ape-space-44);} .pt45 { padding-top: var(--ape-space-45);} .pr45 { padding-right: var(--ape-space-45);} .pb45 { padding-bottom: var(--ape-space-45);} .pl45 { padding-left: var(--ape-space-45);} .pt46 { padding-top: var(--ape-space-46);} .pr46 { padding-right: var(--ape-space-46);} .pb46 { padding-bottom: var(--ape-space-46);} .pl46 { padding-left: var(--ape-space-46);} .pt47 { padding-top: var(--ape-space-47);} .pr47 { padding-right: var(--ape-space-47);} .pb47 { padding-bottom: var(--ape-space-47);} .pl47 { padding-left: var(--ape-space-47);} .pt48 { padding-top: var(--ape-space-48);} .pr48 { padding-right: var(--ape-space-48);} .pb48 { padding-bottom: var(--ape-space-48);} .pl48 { padding-left: var(--ape-space-48);} .pt49 { padding-top: var(--ape-space-49);} .pr49 { padding-right: var(--ape-space-49);} .pb49 { padding-bottom: var(--ape-space-49);} .pl49 { padding-left: var(--ape-space-49);} .pt50 { padding-top: var(--ape-space-50);} .pr50 { padding-right: var(--ape-space-50);} .pb50 { padding-bottom: var(--ape-space-50);} .pl50 { padding-left: var(--ape-space-50);} .pt51 { padding-top: var(--ape-space-51);} .pr51 { padding-right: var(--ape-space-51);} .pb51 { padding-bottom: var(--ape-space-51);} .pl51 { padding-left: var(--ape-space-51);} .pt52 { padding-top: var(--ape-space-52);} .pr52 { padding-right: var(--ape-space-52);} .pb52 { padding-bottom: var(--ape-space-52);} .pl52 { padding-left: var(--ape-space-52);} .pt53 { padding-top: var(--ape-space-53);} .pr53 { padding-right: var(--ape-space-53);} .pb53 { padding-bottom: var(--ape-space-53);} .pl53 { padding-left: var(--ape-space-53);} .pt54 { padding-top: var(--ape-space-54);} .pr54 { padding-right: var(--ape-space-54);} .pb54 { padding-bottom: var(--ape-space-54);} .pl54 { padding-left: var(--ape-space-54);} .pt55 { padding-top: var(--ape-space-55);} .pr55 { padding-right: var(--ape-space-55);} .pb55 { padding-bottom: var(--ape-space-55);} .pl55 { padding-left: var(--ape-space-55);} .pt56 { padding-top: var(--ape-space-56);} .pr56 { padding-right: var(--ape-space-56);} .pb56 { padding-bottom: var(--ape-space-56);} .pl56 { padding-left: var(--ape-space-56);} .pt57 { padding-top: var(--ape-space-57);} .pr57 { padding-right: var(--ape-space-57);} .pb57 { padding-bottom: var(--ape-space-57);} .pl57 { padding-left: var(--ape-space-57);} .pt58 { padding-top: var(--ape-space-58);} .pr58 { padding-right: var(--ape-space-58);} .pb58 { padding-bottom: var(--ape-space-58);} .pl58 { padding-left: var(--ape-space-58);} .pt59 { padding-top: var(--ape-space-59);} .pr59 { padding-right: var(--ape-space-59);} .pb59 { padding-bottom: var(--ape-space-59);} .pl59 { padding-left: var(--ape-space-59);} .pt60 { padding-top: var(--ape-space-60);} .pr60 { padding-right: var(--ape-space-60);} .pb60 { padding-bottom: var(--ape-space-60);} .pl60 { padding-left: var(--ape-space-60);} .pt61 { padding-top: var(--ape-space-61);} .pr61 { padding-right: var(--ape-space-61);} .pb61 { padding-bottom: var(--ape-space-61);} .pl61 { padding-left: var(--ape-space-61);} .pt62 { padding-top: var(--ape-space-62);} .pr62 { padding-right: var(--ape-space-62);} .pb62 { padding-bottom: var(--ape-space-62);} .pl62 { padding-left: var(--ape-space-62);} .pt63 { padding-top: var(--ape-space-63);} .pr63 { padding-right: var(--ape-space-63);} .pb63 { padding-bottom: var(--ape-space-63);} .pl63 { padding-left: var(--ape-space-63);} .pt64 { padding-top: var(--ape-space-64);} .pr64 { padding-right: var(--ape-space-64);} .pb64 { padding-bottom: var(--ape-space-64);} .pl64 { padding-left: var(--ape-space-64);} .ptpx { padding-top: var(--ape-space-px);} .prpx { padding-right: var(--ape-space-px);} .pbpx { padding-bottom: var(--ape-space-px);} .plpx { padding-left: var(--ape-space-px);} /**Columns**/ /* Column Count (Auto Multi-Column Layout) */ .columns1 { columns: 1; } .columns2 { columns: 2; } .columns3 { columns: 3; } .columns4 { columns: 4; } .columns5 { columns: 5; } .columns6 { columns: 6; } .columns7 { columns: 7; } .columns8 { columns: 8; } .columns9 { columns: 9; } .columns10 { columns: 10; } .columns11 { columns: 11; } .columns12 { columns: 12; } .columnsauto { columns: auto; } /* Column Width (Pixel-Based Multi-Column Layout) */ .columns3xs { columns: 16rem; /* 256px */ } .columns2xs { columns: 18rem; /* 288px */ } .columnsxs { columns: 20rem; /* 320px */ } .columnssm { columns: 24rem; /* 384px */ } .columnsmd { columns: 28rem; /* 448px */ } .columnslg { columns: 32rem; /* 512px */ } .columnsxl { columns: 36rem; /* 576px */ } .columns2xl { columns: 42rem; /* 672px */ } .columns3xl { columns: 48rem; /* 768px */ } .columns4xl { columns: 56rem; /* 896px */ } .columns5xl { columns: 64rem; /* 1024px */ } .columns6xl { columns: 72rem; /* 1152px */ } .columns7xl { columns: 80rem; /* 1280px */ } /**Box Decoration**/ .boxclone {box-decoration-break: clone;} .boxslice {box-decoration-break: slice;} /**Box sizing**/ .boxborder {box-sizing: border-box;} .boxcontent {box-sizing: content-box;} /**Object**/ /** Object Fit **/ .objectcontain { object-fit: contain; } .objectcover { object-fit: cover; } .objectfill { object-fit: fill; } .objectnone { object-fit: none; } .objectscale-down { object-fit: scale-down; } /** Object Position **/ .objectbottom { object-position: bottom; } .objectcenter { object-position: center; } .objectleft { object-position: left; } .objectleftbottom { object-position: left bottom; } .objectlefttop { object-position: left top; } .objectright { object-position: right; } .objectrightbottom { object-position: right bottom; } .objectrighttop { object-position: right top; } .objecttop { object-position: top; } /**Opacity**/ .opacity0 { opacity: 0; } .opacity5 { opacity: 0.05; } .opacity10 { opacity: 0.1; } .opacity15 { opacity: 0.15; } .opacity20 { opacity: 0.2; } .opacity25 { opacity: 0.25; } .opacity30 { opacity: 0.3; } .opacity35 { opacity: 0.35; } .opacity40 { opacity: 0.4; } .opacity45 { opacity: 0.45; } .opacity50 { opacity: 0.5; } .opacity55 { opacity: 0.55; } .opacity60 { opacity: 0.6; } .opacity65 { opacity: 0.65; } .opacity70 { opacity: 0.7; } .opacity75 { opacity: 0.75; } .opacity80 { opacity: 0.8; } .opacity85 { opacity: 0.85; } .opacity90 { opacity: 0.9; } .opacity95 { opacity: 0.95; } .opacity100 { opacity: 1; } .hover\:opacity0:hover { opacity: 0; } .hover\:opacity25:hover { opacity: 0.25; } .hover\:opacity50:hover { opacity: 0.5; } .hover\:opacity75:hover { opacity: 0.75; } .hover\:opacity100:hover { opacity: 1; } .focus\:opacity0:focus { opacity: 0; } .focus\:opacity25:focus { opacity: 0.25; } .focus\:opacity50:focus { opacity: 0.5; } .focus\:opacity75:focus { opacity: 0.75; } .focus\:opacity100:focus { opacity: 1; } /** Outline **/ .outlinenone { outline: none !important; } .focus\:outlinenone:focus { outline: none !important; } /** Overflow **/ .overflowauto { overflow: auto; } .overflowhidden { overflow: hidden; } .overflowvisible { overflow: visible; } .overflowscroll { overflow: scroll; } .overflowx { overflow-x: auto; } .overflowy { overflow-y: auto; } .overflowxhidden { overflow-x: hidden; } .overflowyhidden { overflow-y: hidden; } .overflowxscroll { overflow-x: scroll; } .overflowyscroll { overflow-y: scroll; } .scrollauto { scroll-behavior: auto; } .scrollsmooth { scroll-behavior: smooth; } /**Pointer Events **/ .pointernone { pointer-events: none; } .pointerauto { pointer-events: auto; } /**Overscroll Behavior **/ .overscrollauto { overscroll-behavior: auto; } .overscrollcontain { overscroll-behavior: contain; } .overscrollnone { overscroll-behavior: none; } .overscrollx { overscroll-behavior-x: auto; } .overscrolly { overscroll-behavior-y: auto; } /** Position **/ .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } /** Z Index **/ .z0 { z-index: 0; } .z10 { z-index: 10; } .z20 { z-index: 20; } .z30 { z-index: 30; } .z40 { z-index: 40; } .z50 { z-index: 50; } .z100 { z-index: 100; } .z999 { z-index: 999; } .zauto { z-index: auto; } /** Inset **/ .inset0 { inset: 0; } .insetauto { inset: auto; } .insetx { left: 0; right: 0; } .insety { top: 0; bottom: 0; } /** Resize **/ .resizenone { resize: none; } .resizeboth { resize: both; } /**shadows**/ .shadow1 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .shadow2 { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .shadow3 { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .shadow4 { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .shadow5 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .shadowinner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .shadowoutline { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} .shadownone { box-shadow: none;} .hover\:shadow1:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .hover\:shadow2:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .hover\:shadow3:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .hover\:shadow4:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .hover\:shadow5:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .hover\:shadowinner:hover { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .hover\:shadowoutline:hover { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} /**Mix Blend Modes**/ .mixblendnormal { mix-blend-mode: normal; } .mixblendmultiply { mix-blend-mode: multiply; } .mixblendscreen { mix-blend-mode: screen; } .mixblendoverlay { mix-blend-mode: overlay; } .mixblenddarken { mix-blend-mode: darken; } .mixblendlighten { mix-blend-mode: lighten; } .mixblendcolordodge { mix-blend-mode: color-dodge; } .mixblendcolorburn { mix-blend-mode: color-burn; } .mixblendhardlight { mix-blend-mode: hard-light; } .mixblendsoftlight { mix-blend-mode: soft-light; } /**Appearance**/ .visible { visibility: visible; } .invisible { visibility: hidden; } .appearancenone { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*-------------------------------------------------------------- # Backgrounds --------------------------------------------------------------*/ .bgtransparent { background-color: transparent;} .hover\:bgtransparent:hover { background-color: transparent;} .focus\:bgtransparent:focus { background-color: transparent;} .bgfixed { background-attachment: fixed;} .bglocal { background-attachment: local;} .bgscroll { background-attachment: scroll;} .bgbottom { background-position: bottom;} .bgcenter { background-position: center;} .bgleft { background-position: left;} .bgleftbottom { background-position: left bottom;} .bglefttop { background-position: left top;} .bgright { background-position: right;} .bgrightbottom { background-position: right bottom;} .bgrighttop { background-position: right top;} .bgtop { background-position: top;} .bgrepeat { background-repeat: repeat;} .bgnorepeat { background-repeat: no-repeat;} .bgrepeatx { background-repeat: repeat-x;} .bgrepeaty { background-repeat: repeat-y;} .bgrepeatround { background-repeat: round;} .bgrepeatspace { background-repeat: space;} .bgauto { background-size: auto;} .bgcover { background-size: cover;} .bgcontain { background-size: contain;} .bgclipborder {background-clip: border-box;} .bgclippadding {background-clip: padding-box;} .bgclipcontent {background-clip: content-box;} .bgcliptext {background-clip: text;} .bgoriginborder {background-origin: border-box;} .bgoriginpadding {background-origin: padding-box;} .bgorigincontent {background-origin: content-box;} /**Background Mix Blend Modes**/ .bgblendnormal {background-blend-mode: normal;} .bgblendmultiply {background-blend-mode: multiply;} .bgblendscreen {background-blend-mode: screen;} .bgblendoverlay {background-blend-mode: overlay;} .bgblenddarken {background-blend-mode: darken;} .bgblendlighten {background-blend-mode: lighten;} .bgblendcolordodge {background-blend-mode: color-dodge;} .bgblendcolorburn {background-blend-mode: color-burn;} .bgblendhardlight {background-blend-mode: hard-light;} .bgblendsoftlight {background-blend-mode: soft-light;} .bgblenddifference {background-blend-mode: difference;} .bgblendexclusion {background-blend-mode: exclusion;} .bgblendhue {background-blend-mode: hue;} .bgblendsaturation {background-blend-mode: saturation;} .bgblendcolor {background-blend-mode: color;} .bgblendluminosity {background-blend-mode: luminosity;} /*-------------------------------------------------------------- Borders --------------------------------------------------------------*/ .bordercollapse { border-collapse: collapse;} .borderseparate { border-collapse: separate;} .bordertransparent { border-color: transparent;} .borderradius0 { border-radius: 0;} .borderradius1 { border-radius: 0.125rem;} .borderradius2 { border-radius: 0.25rem;} .borderradius3 { border-radius: 0.5rem;} .borderradius4 { border-radius: 1rem;} .borderradius5 { border-radius: 1.5rem;} .borderradius6 { border-radius: 2rem;} .borderradius7 { border-radius: 2.5rem;} .borderradius8 { border-radius: 3rem;} .borderradius9 { border-radius: 3.5rem;} .borderradius10 { border-radius: 4rem;} .borderradiusfull { border-radius: 9999px;} .borderradiustl0 { border-top-left-radius: 0;} .borderradiustr0 { border-top-right-radius: 0;} .borderradiusbr0 { border-bottom-right-radius: 0;} .borderradiusbl0 { border-bottom-left-radius: 0;} .borderradiustl1 { border-top-left-radius: 0.125rem;} .borderradiustr1 { border-top-right-radius: 0.125rem;} .borderradiusbr1 { border-bottom-right-radius: 0.125rem;} .borderradiusbl1 { border-bottom-left-radius: 0.125rem;} .borderradiustl2 { border-top-left-radius: 0.25rem;} .borderradiustr2 { border-top-right-radius: 0.25rem;} .borderradiusbr2 { border-bottom-right-radius: 0.25rem;} .borderradiusbl2 { border-bottom-left-radius: 0.25rem;} .borderradiustl3 { border-top-left-radius: 0.5rem;} .borderradiustr3 { border-top-right-radius: 0.5rem;} .borderradiusbr3 { border-bottom-right-radius: 0.5rem;} .borderradiusbl3 { border-bottom-left-radius: 0.5rem;} .borderradiustl4 { border-top-left-radius: 1rem;} .borderradiustr4 { border-top-right-radius: 1rem;} .borderradiusbr4 { border-bottom-right-radius: 1rem;} .borderradiusbl4 { border-bottom-left-radius: 1rem;} .borderradiustl5 { border-top-left-radius: 1.5rem;} .borderradiustr5 { border-top-right-radius: 1.5rem;} .borderradiusbr5 { border-bottom-right-radius: 1.5rem;} .borderradiusbl5 { border-bottom-left-radius: 1.5rem;} .borderradiustl6 { border-top-left-radius: 2rem;} .borderradiustr6 { border-top-right-radius: 2rem;} .borderradiusbr6 { border-bottom-right-radius: 2rem;} .borderradiusbl6 { border-bottom-left-radius: 2rem;} .borderradiustl7 { border-top-left-radius: 2.5rem;} .borderradiustr7 { border-top-right-radius: 2.5rem;} .borderradiusbr7 { border-bottom-right-radius: 2.5rem;} .borderradiusbl7 { border-bottom-left-radius: 2.5rem;} .borderradiustl8 { border-top-left-radius: 3rem;} .borderradiustr8 { border-top-right-radius: 3rem;} .borderradiusbr8 { border-bottom-right-radius: 3rem;} .borderradiusbl8 { border-bottom-left-radius: 3rem;} .borderradiustl9 { border-top-left-radius: 3.5rem;} .borderradiustr9 { border-top-right-radius: 3.5rem;} .borderradiusbr9 { border-bottom-right-radius: 3.5rem;} .borderradiusbl9 { border-bottom-left-radius: 3.5rem;} .borderradiustl10 { border-top-left-radius: 4rem;} .borderradiustr10 { border-top-right-radius: 4rem;} .borderradiusbr10 { border-bottom-right-radius: 4rem;} .borderradiusbl10 { border-bottom-left-radius: 4rem;} .bordersolid { border-style: solid;} .borderdashed { border-style: dashed;} .borderdotted { border-style: dotted;} .borderdouble { border-style: double;} .borderhidden {border-style: hidden;} .bordernone { border-style: none;} .borderw0 { border-width: 0;} .borderw1 { border-width: 1px;} .borderw2 { border-width: 2px;} .borderw4 { border-width: 4px;} .borderw8 { border-width: 8px;} .borderwt0 { border-top-width: 0;} .borderwr0 { border-right-width: 0;} .borderwb0 { border-bottom-width: 0;} .borderwl0 { border-left-width: 0;} .borderwt1 { border-top-width: 1px;} .borderwr1 { border-right-width: 1px;} .borderwb1 { border-bottom-width: 1px;} .borderwl1 { border-left-width: 1px;} .borderwt2 { border-top-width: 2px;} .borderwr2 { border-right-width: 2px;} .borderwb2 { border-bottom-width: 2px;} .borderwl2 { border-left-width: 2px;} .borderwt4 { border-top-width: 4px;} .borderwr4 { border-right-width: 4px;} .borderwb4 { border-bottom-width: 4px;} .borderwl4 { border-left-width: 4px;} .borderwt8 { border-top-width: 8px;} .borderwr8 { border-right-width: 8px;} .borderwb8 { border-bottom-width: 8px;} .borderwl8 { border-left-width: 8px;} .outline0 {outline-width: 0px;} .outline1 {outline-width: 1px;} .outline2 {outline-width: 2px;} .outline4 {outline-width: 4px;} .outline5 {outline-width: 6px;} .outline6 {outline-width: 8px;} .outline7 {outline-width: 10px;} .outline8 {outline-width: 12px;} .outline9 {outline-width: 14px;} .outline10 {outline-width: 16px;} .outline {outline-style: solid;} .outlinedashed {outline-style: dashed;} .outlinedotted {outline-style: dotted;} .outlinedouble {outline-style: double;} .outlineoffset0 {outline-offset: 0px;} .outlineoffset1 {outline-offset: 1px;} .outlineoffset2 {outline-offset: 2px;} .outlineoffset4 {outline-offset: 4px;} .outlineoffset8 {outline-offset: 8px;} .borderopacity0 { --ape-border-opacity: 0; } .borderopacity10 { --ape-border-opacity: 0.1; } .borderopacity20 { --ape-border-opacity: 0.2; } .borderopacity30 { --ape-border-opacity: 0.3; } .borderopacity40 { --ape-border-opacity: 0.4; } .borderopacity50 { --ape-border-opacity: 0.5; } .borderopacity60 { --ape-border-opacity: 0.6; } .borderopacity70 { --ape-border-opacity: 0.7; } .borderopacity80 { --ape-border-opacity: 0.8; } .borderopacity90 { --ape-border-opacity: 0.9; } .borderopacity100 { --ape-border-opacity: 1; } /**Unique Black & White**/ .borderblack6, .hover\:borderblack6:hover, .focus\:borderblack6:focus { border-color: rgba(var(--black-6-rgb), var(--ape-border-opacity));} .borderblack7, .hover\:borderblack7:hover, .focus\:borderblack7:focus { border-color: rgba(var(--black-7-rgb), var(--ape-border-opacity));} .borderblack8, .hover\:borderblack8:hover, .focus\:borderblack8:focus { border-color: rgba(var(--black-8-rgb), var(--ape-border-opacity));} .borderblack9, .hover\:borderblack9:hover, .focus\:borderblack9:focus { border-color: rgba(var(--black-9-rgb), var(--ape-border-opacity));} .borderwhite6, .hover\:borderwhite6:hover, .focus\:borderwhite6:focus { border-color: rgba(var(--white-6-rgb), var(--ape-border-opacity));} .borderwhite7, .hover\:borderwhite7:hover, .focus\:borderwhite7:focus { border-color: rgba(var(--white-7-rgb), var(--ape-border-opacity));} .borderwhite8, .hover\:borderwhite8:hover, .focus\:borderwhite8:focus { border-color: rgba(var(--white-8-rgb), var(--ape-border-opacity));} .borderwhite9, .hover\:borderwhite9:hover, .focus\:borderwhite9:focus { border-color: rgba(var(--white-9-rgb), var(--ape-border-opacity));} /**Black**/ .borderblack, .hover\:borderblack:hover, .focus\:borderblack:focus { border-color: rgba(var(--black-rgb), var(--ape-border-opacity)); } .borderblack1, .hover\:borderblack1:hover, .focus\:borderblack1:focus { border-color: rgba(var(--black-1-rgb), var(--ape-border-opacity)); } .borderblack2, .hover\:borderblack2:hover, .focus\:borderblack2:focus { border-color: rgba(var(--black-2-rgb), var(--ape-border-opacity)); } .borderblack3, .hover\:borderblack3:hover, .focus\:borderblack3:focus { border-color: rgba(var(--black-3-rgb), var(--ape-border-opacity)); } .borderblack4, .hover\:borderblack4:hover, .focus\:borderblack4:focus { border-color: rgba(var(--black-4-rgb), var(--ape-border-opacity)); } .borderblack5, .hover\:borderblack5:hover, .focus\:borderblack5:focus { border-color: rgba(var(--black-5-rgb), var(--ape-border-opacity)); } /**White**/ .borderwhite, .hover\:borderwhite:hover, .focus\:borderwhite:focus { border-color: rgba(var(--white-rgb), var(--ape-border-opacity)); } .borderwhite1, .hover\:borderwhite1:hover, .focus\:borderwhite1:focus { border-color: rgba(var(--white-1-rgb), var(--ape-border-opacity)); } .borderwhite2, .hover\:borderwhite2:hover, .focus\:borderwhite2:focus { border-color: rgba(var(--white-2-rgb), var(--ape-border-opacity)); } .borderwhite3, .hover\:borderwhite3:hover, .focus\:borderwhite3:focus { border-color: rgba(var(--white-3-rgb), var(--ape-border-opacity)); } .borderwhite4, .hover\:borderwhite4:hover, .focus\:borderwhite4:focus { border-color: rgba(var(--white-4-rgb), var(--ape-border-opacity)); } .borderwhite5, .hover\:borderwhite5:hover, .focus\:borderwhite5:focus { border-color: rgba(var(--white-5-rgb), var(--ape-border-opacity)); } /**Gray**/ .bordergray1, .hover\:bordergray1:hover, .focus\:bordergray1:focus { border-color: rgba(var(--gray-1-rgb), var(--ape-border-opacity)); } .bordergray2, .hover\:bordergray2:hover, .focus\:bordergray2:focus { border-color: rgba(var(--gray-2-rgb), var(--ape-border-opacity)); } .bordergray3, .hover\:bordergray3:hover, .focus\:bordergray3:focus { border-color: rgba(var(--gray-3-rgb), var(--ape-border-opacity)); } .bordergray4, .hover\:bordergray4:hover, .focus\:bordergray4:focus { border-color: rgba(var(--gray-4-rgb), var(--ape-border-opacity)); } .bordergray5, .hover\:bordergray5:hover, .focus\:bordergray5:focus { border-color: rgba(var(--gray-5-rgb), var(--ape-border-opacity)); } /**Red**/ .borderred1, .hover\:borderred1:hover, .focus\:borderred1:focus { border-color: rgba(var(--red-1-rgb), var(--ape-border-opacity)); } .borderred2, .hover\:borderred2:hover, .focus\:borderred2:focus { border-color: rgba(var(--red-2-rgb), var(--ape-border-opacity)); } .borderred3, .hover\:borderred3:hover, .focus\:borderred3:focus { border-color: rgba(var(--red-3-rgb), var(--ape-border-opacity)); } .borderred4, .hover\:borderred4:hover, .focus\:borderred4:focus { border-color: rgba(var(--red-4-rgb), var(--ape-border-opacity)); } .borderred5, .hover\:borderred5:hover, .focus\:borderred5:focus { border-color: rgba(var(--red-5-rgb), var(--ape-border-opacity)); } /**Orange**/ .borderamber1, .hover\:borderamber1:hover, .focus\:borderamber1:focus { border-color: rgba(var(--amber-1-rgb), var(--ape-border-opacity)); } .borderamber2, .hover\:borderamber2:hover, .focus\:borderamber2:focus { border-color: rgba(var(--amber-2-rgb), var(--ape-border-opacity)); } .borderamber3, .hover\:borderamber3:hover, .focus\:borderamber3:focus { border-color: rgba(var(--amber-3-rgb), var(--ape-border-opacity)); } .borderamber4, .hover\:borderamber4:hover, .focus\:borderamber4:focus { border-color: rgba(var(--amber-4-rgb), var(--ape-border-opacity)); } .borderamber5, .hover\:borderamber5:hover, .focus\:borderamber5:focus { border-color: rgba(var(--amber-5-rgb), var(--ape-border-opacity)); } /**Yellow**/ .borderyellow1, .hover\:borderyellow1:hover, .focus\:borderyellow1:focus { border-color: rgba(var(--yellow-1-rgb), var(--ape-border-opacity)); } .borderyellow2, .hover\:borderyellow2:hover, .focus\:borderyellow2:focus { border-color: rgba(var(--yellow-2-rgb), var(--ape-border-opacity)); } .borderyellow3, .hover\:borderyellow3:hover, .focus\:borderyellow3:focus { border-color: rgba(var(--yellow-3-rgb), var(--ape-border-opacity)); } .borderyellow4, .hover\:borderyellow4:hover, .focus\:borderyellow4:focus { border-color: rgba(var(--yellow-4-rgb), var(--ape-border-opacity)); } .borderyellow5, .hover\:borderyellow5:hover, .focus\:borderyellow5:focus { border-color: rgba(var(--yellow-5-rgb), var(--ape-border-opacity)); } /**Green**/ .bordergreen1, .hover\:bordergreen1:hover, .focus\:bordergreen1:focus { border-color: rgba(var(--green-1-rgb), var(--ape-border-opacity)); } .bordergreen2, .hover\:bordergreen2:hover, .focus\:bordergreen2:focus { border-color: rgba(var(--green-2-rgb), var(--ape-border-opacity)); } .bordergreen3, .hover\:bordergreen3:hover, .focus\:bordergreen3:focus { border-color: rgba(var(--green-3-rgb), var(--ape-border-opacity)); } .bordergreen4, .hover\:bordergreen4:hover, .focus\:bordergreen4:focus { border-color: rgba(var(--green-4-rgb), var(--ape-border-opacity)); } .bordergreen5, .hover\:bordergreen5:hover, .focus\:bordergreen5:focus { border-color: rgba(var(--green-5-rgb), var(--ape-border-opacity)); } /**Teal**/ .borderteal1, .hover\:borderteal1:hover, .focus\:borderteal1:focus { border-color: rgba(var(--teal-1-rgb), var(--ape-border-opacity)); } .borderteal2, .hover\:borderteal2:hover, .focus\:borderteal2:focus { border-color: rgba(var(--teal-2-rgb), var(--ape-border-opacity)); } .borderteal3, .hover\:borderteal3:hover, .focus\:borderteal3:focus { border-color: rgba(var(--teal-3-rgb), var(--ape-border-opacity)); } .borderteal4, .hover\:borderteal4:hover, .focus\:borderteal4:focus { border-color: rgba(var(--teal-4-rgb), var(--ape-border-opacity)); } .borderteal5, .hover\:borderteal5:hover, .focus\:borderteal5:focus { border-color: rgba(var(--teal-5-rgb), var(--ape-border-opacity)); } /**Blue**/ .borderblue1, .hover\:borderblue1:hover, .focus\:borderblue1:focus { border-color: rgba(var(--blue-1-rgb), var(--ape-border-opacity)); } .borderblue2, .hover\:borderblue2:hover, .focus\:borderblue2:focus { border-color: rgba(var(--blue-2-rgb), var(--ape-border-opacity)); } .borderblue3, .hover\:borderblue3:hover, .focus\:borderblue3:focus { border-color: rgba(var(--blue-3-rgb), var(--ape-border-opacity)); } .borderblue4, .hover\:borderblue4:hover, .focus\:borderblue4:focus { border-color: rgba(var(--blue-4-rgb), var(--ape-border-opacity)); } .borderblue5, .hover\:borderblue5:hover, .focus\:borderblue5:focus { border-color: rgba(var(--blue-5-rgb), var(--ape-border-opacity)); } /**Indigo**/ .borderindigo1, .hover\:borderindigo1:hover, .focus\:borderindigo1:focus { border-color: rgba(var(--indigo-1-rgb), var(--ape-border-opacity));} .borderindigo2, .hover\:borderindigo2:hover, .focus\:borderindigo2:focus { border-color: rgba(var(--indigo-2-rgb), var(--ape-border-opacity));} .borderindigo3, .hover\:borderindigo3:hover, .focus\:borderindigo3:focus { border-color: rgba(var(--indigo-3-rgb), var(--ape-border-opacity));} .borderindigo4, .hover\:borderindigo4:hover, .focus\:borderindigo4:focus { border-color: rgba(var(--indigo-4-rgb), var(--ape-border-opacity));} .borderindigo5, .hover\:borderindigo5:hover, .focus\:borderindigo5:focus { border-color: rgba(var(--indigo-5-rgb), var(--ape-border-opacity));} /**Purple**/ .borderpurple1, .hover\:borderpurple1:hover, .focus\:borderpurple1:focus { border-color: rgba(var(--purple-1-rgb), var(--ape-border-opacity));} .borderpurple2, .hover\:borderpurple2:hover, .focus\:borderpurple2:focus { border-color: rgba(var(--purple-2-rgb), var(--ape-border-opacity));} .borderpurple3, .hover\:borderpurple3:hover, .focus\:borderpurple3:focus { border-color: rgba(var(--purple-3-rgb), var(--ape-border-opacity));} .borderpurple4, .hover\:borderpurple4:hover, .focus\:borderpurple4:focus { border-color: rgba(var(--purple-4-rgb), var(--ape-border-opacity));} .borderpurple5, .hover\:borderpurple5:hover, .focus\:borderpurple5:focus { border-color: rgba(var(--purple-5-rgb), var(--ape-border-opacity));} .borderpurple6, .hover\:borderpurple6:hover, .focus\:borderpurple6:focus { border-color: rgba(var(--purple-6-rgb), var(--ape-border-opacity));} /**Pink**/ .borderpink1, .hover\:borderpink1:hover, .focus\:borderpink1:focus { border-color: rgba(var(--pink-1-rgb), var(--ape-border-opacity)); } .borderpink2, .hover\:borderpink2:hover, .focus\:borderpink2:focus { border-color: rgba(var(--pink-2-rgb), var(--ape-border-opacity)); } .borderpink3, .hover\:borderpink3:hover, .focus\:borderpink3:focus { border-color: rgba(var(--pink-3-rgb), var(--ape-border-opacity)); } .borderpink4, .hover\:borderpink4:hover, .focus\:borderpink4:focus { border-color: rgba(var(--pink-4-rgb), var(--ape-border-opacity)); } .borderpink5, .hover\:borderpink5:hover, .focus\:borderpink5:focus { border-color: rgba(var(--pink-5-rgb), var(--ape-border-opacity)); } /*-------------------------------------------------------------- Filters --------------------------------------------------------------*/ /**blur**/ .blur0 {filter: blur(0);} .blur1 {filter: blur(4px);} .blur2 {filter: blur(8px);} .blur3 {filter: blur(12px);} .blur4 {filter: blur(16px);} .blur5 {filter: blur(20px);} .blur6 {filter: blur(24px);} .blur7 {filter: blur(28px);} .blur8 {filter: blur(32px);} .blur9 {filter: blur(36px);} .blur10 {filter: blur(40px);} /**Brightness**/ .-brightness5 {filter: brightness(0);} .-brightness4 {filter: brightness(.2);} .-brightness3 {filter: brightness(.4);} .-brightness2 {filter: brightness(.6);} .-brightness1 {filter: brightness(.8);} .brightness1 {filter: brightness(1.2);} .brightness2 {filter: brightness(1.4);} .brightness3 {filter: brightness(1.6);} .brightness4 {filter: brightness(1.8);} .brightness5 {filter: brightness(2);} /**contrast**/ .contrast0 {filter: contrast(0);} .-contrast5 {filter: contrast(.2);} .-contrast4 {filter: contrast(.4);} .-contrast3 {filter: contrast(.6);} .-contrast2 {filter: contrast(.8);} .contrast1 {filter: contrast(1.2);} .contrast2 {filter: contrast(1.4);} .contrast3 {filter: contrast(1.6);} .contrast4 {filter: contrast(1.8);} .contrast5 {filter: contrast(2);} /**drop-shadow**/ .dropshadow0 {filter: drop-shadow(0 0 #0000);} .dropshadow1 {filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));} .dropshadow2 {filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));} .dropshadow3 {filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));} .dropshadow4 {filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));} .dropshadow5 {filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));} .dropshadow6 {filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));} /**grayscale**/ .grayscale1 {filter: grayscale(20%);} .grayscale2 {filter: grayscale(40%);} .grayscale3 {filter: grayscale(60%);} .grayscale4 {filter: grayscale(80%);} .grayscale5 {filter: grayscale(100%);} /**invert**/ .invert1 {filter: invert(20%);} .invert2 {filter: invert(40%);} .invert3 {filter: invert(60%);} .invert4 {filter: invert(80%);} .invert5 {filter: invert(100%);} /**saturate**/ .-saturate5 {filter: saturate(0);} .-saturate4 {filter: saturate(.2);} .-saturate3 {filter: saturate(.4);} .-saturate2 {filter: saturate(.6);} .-saturate1 {filter: saturate(.8);} .saturate1 {filter: saturate(2);} .saturate2 {filter: saturate(4);} .saturate3 {filter: saturate(6);} .saturate4 {filter: saturate(8);} .saturate5 {filter: saturate(10);} /**sepia**/ .sepia1 {filter: sepia(20%);} .sepia2 {filter: sepia(40%);} .sepia3 {filter: sepia(60%);} .sepia4 {filter: sepia(80%);} .sepia5 {filter: sepia(100%);} /*-------------------------------------------------------------- Transition, Transform, Animation --------------------------------------------------------------*/ .apetransition { -moz-transition: all 100ms ease; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } /**Transition Propertys**/ .transitionnone {transition-property: none;} .transitionall {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .transitioncolors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .transitionopacity {transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .transitionshadow {transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .transitiontransform {transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} /**Transition Duration**/ .duration100 {transition-duration: 100ms;} .duration200 {transition-duration: 200ms;} .duration300 {transition-duration: 300ms;} .duration400 {transition-duration: 400ms;} .duration500 {transition-duration: 500ms;} .duration750 {transition-duration: 750ms;} .duration1000 {transition-duration: 1000ms;} .duration1250 {transition-duration: 1250ms;} .duration1500 {transition-duration: 1500ms;} .duration1750 {transition-duration: 1750ms;} .duration2000 {transition-duration: 2000ms;} /**Transition Delay**/ .delay100 {transition-delay: 100ms;} .delay200 {transition-delay: 200ms;} .delay300 {transition-delay: 300ms;} .delay400 {transition-delay: 400ms;} .delay500 {transition-delay: 500ms;} .delay750 {transition-delay: 750ms;} .delay1000 {transition-delay: 1000ms;} .delay1250 {transition-delay: 1250ms;} .delay1500 {transition-delay: 1500ms;} .delay1750 {transition-delay: 1750ms;} .delay2000 {transition-delay: 2000ms;} /**Transition Timing Function**/ .easelinear {transition-timing-function: linear;} .easein {transition-timing-function: cubic-bezier(0.4, 0, 1, 1);} .easeout {transition-timing-function: cubic-bezier(0, 0, 0.2, 1);} .easeinout {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} /**Transform**/ .scale50 {transform: scale(.5);} .scale75 {transform: scale(.75);} .scale90 {transform: scale(.9);} .scale100 {transform: scale(1);} .scale110 {transform: scale(1.1);} .scale125 {transform: scale(1.25);} .scale150 {transform: scale(1.5);} .scale200 {transform: scale(2);} .scale300 {transform: scale(3);} .scalex050 {transform: scaleX(.5);} .scalex075 {transform: scaleX(.75);} .scalex100 {transform: scaleX(1);} .scalex110 {transform: scaleX(1.1);} .scalex125 {transform: scaleX(1.25);} .scalex150 {transform: scaleX(1.5);} .scalex200 {transform: scaleX(2);} .scalex300 {transform: scaleX(3);} .scaley050 {transform: scaleY(.5);} .scaley075 {transform: scaleY(.75);} .scaley100 {transform: scaleY(1);} .scaley110 {transform: scaleY(1.1);} .scaley125 {transform: scaleY(1.25);} .scaley150 {transform: scaleY(1.5);} .scaley200 {transform: scaleY(2);} .scaley300 {transform: scaleY(3);} .-rotate180 {transform: rotate(-180deg);} .-rotate135 {transform: rotate(-135deg);} .-rotate90 {transform: rotate(-90deg);} .-rotate45 {transform: rotate(-45deg);} .-rotate36 {transform: rotate(-36deg);} .-rotate27 {transform: rotate(-27deg);} .-rotate18 {transform: rotate(-18deg);} .-rotate12 {transform: rotate(-12deg);} .-rotate6 {transform: rotate(-6deg);} .-rotate3 {transform: rotate(-3deg);} .-rotate2 {transform: rotate(-2deg);} .-rotate1 {transform: rotate(-1deg);} .rotate0 {transform: rotate(0deg);} .rotate1 {transform: rotate(1deg);} .rotate2 {transform: rotate(2deg);} .rotate3 {transform: rotate(3deg);} .rotate6 {transform: rotate(6deg);} .rotate12 {transform: rotate(12deg);} .rotate18 {transform: rotate(18deg);} .rotate27 {transform: rotate(27deg);} .rotate36 {transform: rotate(36deg);} .rotate45 {transform: rotate(45deg);} .rotate90 {transform: rotate(90deg);} .rotate135 {transform: rotate(135deg);} .rotate180 {transform: rotate(180deg);} .translatex0125 {transform: translateX(0.125rem);} .translatex025 {transform: translateX(0.25rem);} .translatex050 {transform: translateX(0.5rem);} .translatex075 {transform: translateX(0.75rem);} .translatex1 {transform: translateX(1rem);} .translatex125 {transform: translateX(1.25rem);} .translatex150 {transform: translateX(1.5rem);} .translatex175 {transform: translateX(1.75rem);} .translatex2 {transform: translateX(2rem);} .translatex3 {transform: translateX(3rem);} .translatex4 {transform: translateX(4rem);} .translatex5 {transform: translateX(5rem);} .translatex6 {transform: translateX(6rem);} .translatex7 {transform: translateX(7rem);} .translatex8 {transform: translateX(8rem);} .translatex9 {transform: translateX(9rem);} .translatex10 {transform: translateX(10rem);} .-translatex0125 {transform: translateX(-0.125rem);} .-translatex025 {transform: translateX(-0.25rem);} .-translatex050 {transform: translateX(-0.5rem);} .-translatex075 {transform: translateX(-0.75rem);} .-translatex1 {transform: translateX(-1rem);} .-translatex125 {transform: translateX(-1.25rem);} .-translatex150 {transform: translateX(-1.5rem);} .-translatex175 {transform: translateX(-1.75rem);} .-translatex2 {transform: translateX(-2rem);} .-translatex3 {transform: translateX(-3rem);} .-translatex4 {transform: translateX(-4rem);} .-translatex5 {transform: translateX(-5rem);} .-translatex6 {transform: translateX(-6rem);} .-translatex7 {transform: translateX(-7rem);} .-translatex8 {transform: translateX(-8rem);} .-translatex9 {transform: translateX(-9rem);} .-translatex10 {transform: translateX(-10rem);} .translatey0125 {transform: translateY(0.125rem);} .translatey025 {transform: translateY(0.25rem);} .translatey050 {transform: translateY(0.5rem);} .translatey075 {transform: translateY(0.75rem);} .translatey1 {transform: translateY(1rem);} .translatey125 {transform: translateY(1.25rem);} .translatey150 {transform: translateY(1.5rem);} .translatey175 {transform: translateY(1.75rem);} .translatey2 {transform: translateY(2rem);} .translatey3 {transform: translateY(3rem);} .translatey4 {transform: translateY(4rem);} .translatey5 {transform: translateY(5rem);} .translatey6 {transform: translateY(6rem);} .translatey7 {transform: translateY(7rem);} .translatey8 {transform: translateY(8rem);} .translatey9 {transform: translateY(9rem);} .translatey10 {transform: translateY(10rem);} .-translatey0125 {transform: translateY(-0.125rem);} .-translatey025 {transform: translateY(-0.25rem);} .-translatey050 {transform: translateY(-0.5rem);} .-translatey075 {transform: translateY(-0.75rem);} .-translatey1 {transform: translateY(-1rem);} .-translatey125 {transform: translateY(-1.25rem);} .-translatey150 {transform: translateY(-1.5rem);} .-translatey175 {transform: translateY(-1.75rem);} .-translatey2 {transform: translateY(-2rem);} .-translatey3 {transform: translateY(-3rem);} .-translatey4 {transform: translateY(-4rem);} .-translatey5 {transform: translateY(-5rem);} .-translatey6 {transform: translateY(-6rem);} .-translatey7 {transform: translateY(-7rem);} .-translatey8 {transform: translateY(-8rem);} .-translatey9 {transform: translateY(-9rem);} .-translatey10 {transform: translateY(-10rem);} .translatex25p {transform: translateX(25%);} .translatex33p {transform: translateX(33.333333%);} .translatex50p {transform: translateX(50%);} .translatex66p {transform: translateX(66.666667%);} .translatex75p {transform: translateX(75%);} .translatex100p {transform: translateX(100%);} .translatey25p {transform: translateY(25%);} .translatey33p {transform: translateY(33.333333%);} .translatey50p {transform: translateY(50%);} .translatey66p {transform: translateY(66.666667%);} .translatey75p {transform: translateY(75%);} .translatey100p {transform: translateY(100%);} .skewx0 {transform: skewX(0deg);} .skewy0 {transform: skewY(0deg);} .skewx1 {transform: skewX(1deg);} .skewy1 {transform: skewY(1deg);} .skewx2 {transform: skewX(2deg);} .skewy2 {transform: skewY(2deg);} .skewx3 {transform: skewX(3deg);} .skewy3 {transform: skewY(3deg);} .skewx6 {transform: skewX(6deg);} .skewy6 {transform: skewY(6deg);} .skewx12 {transform: skewX(12deg);} .skewy12 {transform: skewY(12deg);} .origincenter {transform-origin: center;} .origintop {transform-origin: top;} .originright {transform-origin: right;} .originbottom {transform-origin: bottom;} .originleft {transform-origin: left;} .origintopleft {transform-origin: top left;} .origintopright {transform-origin: top right;} .originbottomleft {transform-origin: bottom left;} .originbottomright {transform-origin: bottom right;} /**cursor**/ .cursorpointer { cursor: pointer;} .cursortext { cursor: text;} .cursornotallowed { cursor: not-allowed;} /**Touch Action**/ .touchauto { touch-action: auto; } .touchnone { touch-action: none; } .touchpanx { touch-action: pan-x; } .touchpany { touch-action: pan-y; } .touchpanxy { touch-action: pan-x pan-y; } .touchmanipulation { touch-action: manipulation; } /*-------------------------------------------------------------- 13. Responsive & Breakpoints --------------------------------------------------------------*/ /* --- TABLET ONLY (iPad Mini, iPad Air, etc.) --- */ @media (max-width: 1180px) { /**Grid Column**/ .tb\:gridcols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .tb\:gridcols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .tb\:gridcols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .tb\:gridcols4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .tb\:gridcols5 {grid-template-columns: repeat(5, minmax(0, 1fr));} .tb\:gridcols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} .tb\:gridcols7 {grid-template-columns: repeat(7, minmax(0, 1fr));} .tb\:gridcols8 {grid-template-columns: repeat(8, minmax(0, 1fr));} .tb\:gridcols9 {grid-template-columns: repeat(9, minmax(0, 1fr));} .tb\:gridcols10 {grid-template-columns: repeat(10, minmax(0, 1fr));} .tb\:gridcols11 {grid-template-columns: repeat(11, minmax(0, 1fr));} .tb\:gridcols12 {grid-template-columns: repeat(12, minmax(0, 1fr));} .tb\:gridcolsauto {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));} .tb\:gridcolsnone {grid-template-columns: none;} .tb\:gridcolssubgrid {grid-template-columns: subgrid;} /**Grid Column Start/end**/ .tb\:colauto { grid-column: auto; } .tb\:colspan1 { grid-column: span 1 / span 1; } .tb\:colspan2 { grid-column: span 2 / span 2; } .tb\:colspan3 { grid-column: span 3 / span 3; } .tb\:colspan4 { grid-column: span 4 / span 4; } .tb\:colspan5 { grid-column: span 5 / span 5; } .tb\:colspan6 { grid-column: span 6 / span 6; } .tb\:colspan7 { grid-column: span 7 / span 7; } .tb\:colspan8 { grid-column: span 8 / span 8; } .tb\:colspan9 { grid-column: span 9 / span 9; } .tb\:colspan10 { grid-column: span 10 / span 10; } .tb\:colspan11 { grid-column: span 11 / span 11; } .tb\:colspan12 { grid-column: span 12 / span 12; } .tb\:colspanfull { grid-column: 1 / -1; } .tb\:colstart1 {grid-column-start: 1;} .tb\:colstart2 {grid-column-start: 2;} .tb\:colstart3 {grid-column-start: 3;} .tb\:colstart4 {grid-column-start: 4;} .tb\:colstart5 {grid-column-start: 5;} .tb\:colstart6 {grid-column-start: 6;} .tb\:colstart7 {grid-column-start: 7;} .tb\:colstart8 {grid-column-start: 8;} .tb\:colstart9 {grid-column-start: 9;} .tb\:colstart10 {grid-column-start: 10;} .tb\:colstart11 {grid-column-start: 11;} .tb\:colstart12 {grid-column-start: 12;} .tb\:colstart13 {grid-column-start: 13;} .tb\:colstartauto {grid-column-start: auto;} .tb\:colend1 {grid-column-end: 1;} .tb\:colend2 {grid-column-end: 2;} .tb\:colend3 {grid-column-end: 3;} .tb\:colend4 {grid-column-end: 4;} .tb\:colend5 {grid-column-end: 5;} .tb\:colend6 {grid-column-end: 6;} .tb\:colend7 {grid-column-end: 7;} .tb\:colend8 {grid-column-end: 8;} .tb\:colend9 {grid-column-end: 9;} .tb\:colend10 {grid-column-end: 10;} .tb\:colend11 {grid-column-end: 11;} .tb\:colend12 {grid-column-end: 12;} .tb\:colend13 {grid-column-end: 13;} .tb\:colendauto {grid-column-end: auto;} /**Gap**/ /** Gap Both **/ .tb\:gap0 {gap: var(--ape-space-0) !important;} .tb\:gap1 {gap: var(--ape-space-1) !important;} .tb\:gap2 {gap: var(--ape-space-2) !important;} .tb\:gap3 {gap: var(--ape-space-3) !important;} .tb\:gap4 {gap: var(--ape-space-4) !important;} .tb\:gap5 {gap: var(--ape-space-5) !important;} .tb\:gap6 {gap: var(--ape-space-6) !important;} .tb\:gap7 {gap: var(--ape-space-7) !important;} .tb\:gap8 {gap: var(--ape-space-8) !important;} .tb\:gap9 {gap: var(--ape-space-9) !important;} .tb\:gap10 {gap: var(--ape-space-10) !important;} .tb\:gap11 {gap: var(--ape-space-11) !important;} .tb\:gap12 {gap: var(--ape-space-12) !important;} .tb\:gap13 {gap: var(--ape-space-13) !important;} .tb\:gap14 {gap: var(--ape-space-14) !important;} .tb\:gap15 {gap: var(--ape-space-15) !important;} .tb\:gap16 {gap: var(--ape-space-16) !important;} .tb\:gap17 {gap: var(--ape-space-17) !important;} .tb\:gap18 {gap: var(--ape-space-18) !important;} .tb\:gap19 {gap: var(--ape-space-19) !important;} .tb\:gap20 {gap: var(--ape-space-20) !important;} /** Row Gap **/ .tb\:gapy0 {row-gap: var(--ape-space-0) !important;} .tb\:gapy1 {row-gap: var(--ape-space-1) !important;} .tb\:gapy2 {row-gap: var(--ape-space-2) !important;} .tb\:gapy3 {row-gap: var(--ape-space-3) !important;} .tb\:gapy4 {row-gap: var(--ape-space-4) !important;} .tb\:gapy5 {row-gap: var(--ape-space-5) !important;} .tb\:gapy6 {row-gap: var(--ape-space-6) !important;} .tb\:gapy7 {row-gap: var(--ape-space-7) !important;} .tb\:gapy8 {row-gap: var(--ape-space-8) !important;} .tb\:gapy9 {row-gap: var(--ape-space-9) !important;} .tb\:gapy10 {row-gap: var(--ape-space-10) !important;} .tb\:gapy11 {row-gap: var(--ape-space-11) !important;} .tb\:gapy12 {row-gap: var(--ape-space-12) !important;} .tb\:gapy13 {row-gap: var(--ape-space-13) !important;} .tb\:gapy14 {row-gap: var(--ape-space-14) !important;} .tb\:gapy15 {row-gap: var(--ape-space-15) !important;} .tb\:gapy16 {row-gap: var(--ape-space-16) !important;} .tb\:gapy17 {row-gap: var(--ape-space-17) !important;} .tb\:gapy18 {row-gap: var(--ape-space-18) !important;} .tb\:gapy19 {row-gap: var(--ape-space-19) !important;} .tb\:gapy20 {row-gap: var(--ape-space-20) !important;} /** Column Gap **/ .tb\:gapx0 {column-gap: var(--ape-space-0) !important;} .tb\:gapx1 {column-gap: var(--ape-space-1) !important;} .tb\:gapx2 {column-gap: var(--ape-space-2) !important;} .tb\:gapx3 {column-gap: var(--ape-space-3) !important;} .tb\:gapx4 {column-gap: var(--ape-space-4) !important;} .tb\:gapx5 {column-gap: var(--ape-space-5) !important;} .tb\:gapx6 {column-gap: var(--ape-space-6) !important;} .tb\:gapx7 {column-gap: var(--ape-space-7) !important;} .tb\:gapx8 {column-gap: var(--ape-space-8) !important;} .tb\:gapx9 {column-gap: var(--ape-space-9) !important;} .tb\:gapx10 {column-gap: var(--ape-space-10) !important;} .tb\:gapx11 {column-gap: var(--ape-space-11) !important;} .tb\:gapx12 {column-gap: var(--ape-space-12) !important;} .tb\:gapx13 {column-gap: var(--ape-space-13) !important;} .tb\:gapx14 {column-gap: var(--ape-space-14) !important;} .tb\:gapx15 {column-gap: var(--ape-space-15) !important;} .tb\:gapx16 {column-gap: var(--ape-space-16) !important;} .tb\:gapx17 {column-gap: var(--ape-space-17) !important;} .tb\:gapx18 {column-gap: var(--ape-space-18) !important;} .tb\:gapx19 {column-gap: var(--ape-space-19) !important;} .tb\:gapx20 {column-gap: var(--ape-space-20) !important;} /**Grid Row Template**/ .tb\:gridrows1 {grid-template-rows: repeat(1, minmax(0, 1fr));} .tb\:gridrows2 {grid-template-rows: repeat(2, minmax(0, 1fr));} .tb\:gridrows3 {grid-template-rows: repeat(3, minmax(0, 1fr));} .tb\:gridrows4 {grid-template-rows: repeat(4, minmax(0, 1fr));} .tb\:gridrows5 {grid-template-rows: repeat(5, minmax(0, 1fr));} .tb\:gridrows6 {grid-template-rows: repeat(6, minmax(0, 1fr));} .tb\:gridrows7 {grid-template-rows: repeat(7, minmax(0, 1fr));} .tb\:gridrows8 {grid-template-rows: repeat(8, minmax(0, 1fr));} .tb\:gridrows9 {grid-template-rows: repeat(9, minmax(0, 1fr));} .tb\:gridrows10 {grid-template-rows: repeat(10, minmax(0, 1fr));} .tb\:gridrows11 {grid-template-rows: repeat(11, minmax(0, 1fr));} .tb\:gridrows12 {grid-template-rows: repeat(12, minmax(0, 1fr));} .tb\:gridrowsnone {grid-template-rows: none;} .tb\:gridrowssubgrid {grid-template-rows: subgrid;} /**Grid Row Start/End**/ .tb\:rowauto {grid-row: auto;} .tb\:rowspan1 {grid-row: span 1 / span 1;} .tb\:rowspan2 {grid-row: span 2 / span 2;} .tb\:rowspan3 {grid-row: span 3 / span 3;} .tb\:rowspan4 {grid-row: span 4 / span 4;} .tb\:rowspan5 {grid-row: span 5 / span 5;} .tb\:rowspan6 {grid-row: span 6 / span 6;} .tb\:rowspan7 {grid-row: span 7 / span 7;} .tb\:rowspan8 {grid-row: span 8 / span 8;} .tb\:rowspan9 {grid-row: span 9 / span 9;} .tb\:rowspan10 {grid-row: span 10 / span 10;} .tb\:rowspan11 {grid-row: span 11 / span 11;} .tb\:rowspan12 {grid-row: span 12 / span 12;} .tb\:rowspanfull {grid-row: 1 / -1;} .tb\:rowstart1 {grid-row-start: 1;} .tb\:rowstart2 {grid-row-start: 2;} .tb\:rowstart3 {grid-row-start: 3;} .tb\:rowstart4 {grid-row-start: 4;} .tb\:rowstart5 {grid-row-start: 5;} .tb\:rowstart6 {grid-row-start: 6;} .tb\:rowstart7 {grid-row-start: 7;} .tb\:rowstart8 {grid-row-start: 8;} .tb\:rowstart-9 {grid-row-start: 9;} .tb\:rowstart10 {grid-row-start: 10;} .tb\:rowstart11 {grid-row-start: 11;} .tb\:rowstart12 {grid-row-start: 12;} .tb\:rowstart13 {grid-row-start: 13;} .tb\:rowstartauto {grid-row-start: auto;} .tb\:rowend1 {grid-row-end: 1;} .tb\:rowend2 {grid-row-end: 2;} .tb\:rowend3 {grid-row-end: 3;} .tb\:rowend4 {grid-row-end: 4;} .tb\:rowend5 {grid-row-end: 5;} .tb\:rowend6 {grid-row-end: 6;} .tb\:rowend7 {grid-row-end: 7;} .tb\:rowend8 {grid-row-end: 8;} .tb\:rowend9 {grid-row-end: 9;} .tb\:rowend10 {grid-row-end: 10;} .tb\:rowend11 {grid-row-end: 11;} .tb\:rowend12 {grid-row-end: 12;} .tb\:rowend13 {grid-row-end: 13;} .tb\:rowendauto {grid-row-end: auto;} /**Grid auto Flow**/ .tb\:gridflowrow {grid-auto-flow: row;} .tb\:gridflowcol {grid-auto-flow: column;} .tb\:gridflowdense {grid-auto-flow: dense;} .tb\:gridflowrowdense {grid-auto-flow: row dense;} .tb\:gridflowcoldense {grid-auto-flow: column dense;} /**Grid Auto Columns**/ .tb\:autocolsauto {grid-auto-columns: auto;} .tb\:autocolsmin {grid-auto-columns: min-content;} .tb\:autocolsmax {grid-auto-columns: max-content;} .tb\:autocolsfr {grid-auto-columns: minmax(0, 1fr);} /**Grid Auto Rows**/ .tb\:autorowsauto {grid-auto-rows: auto;} .tb\:autorowsmin {grid-auto-rows: min-content;} .tb\:autorowsmax {grid-auto-rows: max-content;} .tb\:autorowsfr {grid-auto-rows: minmax(0, 1fr);} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /* Headers */ .tb\:h1 { font-size: calc(var(--grid-vw) * var(--ape-h1-tablet)); line-height: 1; } .tb\:h2 { font-size: calc(var(--grid-vw) * var(--ape-h2-tablet)); line-height: 1; } .tb\:h3 { font-size: calc(var(--grid-vw) * var(--ape-h3-tablet)); line-height: 1; } .tb\:h4 { font-size: calc(var(--grid-vw) * var(--ape-h4-tablet)); line-height: 1; } .tb\:h5 { font-size: calc(var(--grid-vw) * var(--ape-h5-tablet)); line-height: 1; } .tb\:h6 { font-size: calc(var(--grid-vw) * var(--ape-h6-tablet)); line-height: 1; } /* For Larger Headers */ .tb\:bigheader1 { font-size: calc(var(--grid-vw) * var(--ape-bigheader1-tablet)); letter-spacing: 0.05em; } .tb\:bigheader2 { font-size: calc(var(--grid-vw) * var(--ape-bigheader2-tablet)); letter-spacing: 0.05em; } .tb\:bigheader3 { font-size: calc(var(--grid-vw) * var(--ape-bigheader3-tablet)); letter-spacing: 0.05em; } .tb\:bigheader4 { font-size: calc(var(--grid-vw) * var(--ape-bigheader4-tablet)); letter-spacing: 0.05em; } .tb\:bigheader5 { font-size: calc(var(--grid-vw) * var(--ape-bigheader5-tablet)); letter-spacing: 0.05em; } .tb\:bigheader6 { font-size: calc(var(--grid-vw) * var(--ape-bigheader6-tablet)); letter-spacing: 0.05em; } .tb\:bigheader7 { font-size: calc(var(--grid-vw) * var(--ape-bigheader7-tablet)); letter-spacing: 0.05em; } .tb\:bigheader8 { font-size: calc(var(--grid-vw) * var(--ape-bigheader8-tablet)); letter-spacing: 0.05em; } .tb\:bigheader9 { font-size: calc(var(--grid-vw) * var(--ape-bigheader9-tablet)); letter-spacing: 0.05em; } .tb\:bigheader10 { font-size: calc(var(--grid-vw) * var(--ape-bigheader10-tablet)); letter-spacing: 0.05em; } /**Font Weight**/ /* Thin */ .tb\:font1 { font-weight: 100;} .tb\:font2 { font-weight: 200;} .tb\:font3 { font-weight: 300;} /* Regular*/ .tb\:font4 { font-weight: 400;} .tb\:font5 { font-weight: 500;} .tb\:font6 { font-weight: 600;} /* Bold */ .tb\:font7 { font-weight: 700;} .tb\:font8 { font-weight: 800;} .tb\:font9 { font-weight: 900;} /**Text Sizing**/ .tb\:text1 { font-size: calc(var(--grid-vw) * var(--ape-t1-tablet)); line-height: 1.5; } .tb\:text2 { font-size: calc(var(--grid-vw) * var(--ape-t2-tablet)); line-height: 1.5; } .tb\:text3 { font-size: calc(var(--grid-vw) * var(--ape-t3-tablet)); line-height: 1.5; } .tb\:text4 { font-size: calc(var(--grid-vw) * var(--ape-t4-tablet)); line-height: 1.5; } .tb\:text5 { font-size: calc(var(--grid-vw) * var(--ape-t5-tablet)); line-height: 1.4; } .tb\:text6 { font-size: calc(var(--grid-vw) * var(--ape-t6-tablet)); line-height: 1.3; } .tb\:text7 { font-size: calc(var(--grid-vw) * var(--ape-t7-tablet)); line-height: 1.3; } .tb\:text8 { font-size: calc(var(--grid-vw) * var(--ape-t8-tablet)); line-height: 1.2; } .tb\:text9 { font-size: calc(var(--grid-vw) * var(--ape-t9-tablet)); line-height: 1.2; } .tb\:text10 { font-size: calc(var(--grid-vw) * var(--ape-t10-tablet)); line-height: 1.1; } .tb\:text11 { font-size: calc(var(--grid-vw) * var(--ape-t11-tablet)); line-height: 1.1; } .tb\:text12 { font-size: calc(var(--grid-vw) * var(--ape-t12-tablet)); line-height: 1.1; } .tb\:text13 { font-size: calc(var(--grid-vw) * var(--ape-t13-tablet)); line-height: 1.1; } .tb\:text14 { font-size: calc(var(--grid-vw) * var(--ape-t14-tablet)); line-height: 1.1; } .tb\:text15 { font-size: calc(var(--grid-vw) * var(--ape-t15-tablet)); line-height: 1.1; } /**Text Spacing**/ .tb\:spacing1 { letter-spacing: 0.025rem; } .tb\:spacing2 { letter-spacing: 0.05rem; } .tb\:spacing3 { letter-spacing: 0.075rem; } .tb\:spacing4 { letter-spacing: 0.1rem; } .tb\:spacing5 { letter-spacing: 0.125rem; } .tb\:spacing6 { letter-spacing: 0.15rem; } .tb\:spacing7 { letter-spacing: 0.175rem; } .tb\:spacing8 { letter-spacing: 0.2rem; } .tb\:spacing9 { letter-spacing: 0.225rem; } .tb\:spacing10 { letter-spacing: 0.25rem; } .tb\:-spacing1 { letter-spacing: -0.025rem; } .tb\:-spacing2 { letter-spacing: -0.05rem; } .tb\:-spacing3 { letter-spacing: -0.075rem; } .tb\:-spacing4 { letter-spacing: -0.1rem; } .tb\:-spacing5 { letter-spacing: -0.125rem; } .tb\:-spacing6 { letter-spacing: -0.15rem; } .tb\:-spacing7 { letter-spacing: -0.175rem; } .tb\:-spacing8 { letter-spacing: -0.2rem; } .tb\:-spacing9 { letter-spacing: -0.225rem; } .tb\:-spacing10 { letter-spacing: -0.25rem; } /**Text Decoration**/ .tb\:italic { font-style: italic;} .tb\:nonitalic { font-style: normal;} .tb\:uppercase { text-transform: uppercase;} .tb\:lowercase { text-transform: lowercase;} .tb\:capitalize { text-transform: capitalize;} .tb\:normalcase { text-transform: none;} .tb\:underline { text-decoration: underline;} .tb\:linethrough { text-decoration: line-through;} .tb\:nounderline { text-decoration: none;} .tb\:selectnone { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .tb\:selecttext { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} .tb\:selectall { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;} .tb\:selectauto { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .tb\:alignbaseline { vertical-align: baseline;} .tb\:aligntop { vertical-align: top;} .tb\:alignmiddle { vertical-align: middle;} .tb\:alignbottom { vertical-align: bottom;} .tb\:aligntexttop { vertical-align: text-top;} .tb\:aligntextbottom { vertical-align: text-bottom;} .tb\:alignsub {vertical-align: sub;} .tb\:alignsuper {vertical-align: super;} .tb\:whitespacenormal { white-space: normal;} .tb\:whitespacenowrap { white-space: nowrap;} .tb\:whitespacepre { white-space: pre;} .tb\:whitespacepreline { white-space: pre-line;} .tb\:whitespaceprewrap { white-space: pre-wrap;} .tb\:whitespacebreakspaces {white-space: break-spaces;} .tb\:breaknormal { overflow-wrap: normal; word-break: normal;} .tb\:breakwords { overflow-wrap: break-word;} .tb\:breakall { word-break: break-all;} .tb\:nonbreak { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .tb\:decorationsolid {text-decoration-style: solid;} .tb\:decorationdouble {text-decoration-style: double;} .tb\:decorationdotted {text-decoration-style: dotted;} .tb\:decorationdashed {text-decoration-style: dashed;} .tb\:decorationwavy {text-decoration-style: wavy;} .tb\:decorationauto {text-decoration-thickness: auto;} .tb\:decorationfromfont {text-decoration-thickness: from-font;} .tb\:decoration0 {text-decoration-thickness: 0rem;} .tb\:decoration1 {text-decoration-thickness: 0.0625rem;} .tb\:decoration2 {text-decoration-thickness: 0.125rem;} .tb\:decoration4 {text-decoration-thickness: 0.25rem;} .tb\:underlineoffsetauto {text-underline-offset: auto;} .tb\:underlineoffset0 {text-underline-offset: 0rem;} .tb\:underlineoffset1 {text-underline-offset: 0.0625rem;} .tb\:underlineoffset2 {text-underline-offset: 0.125rem;} .tb\:underlineoffset4 {text-underline-offset: 0.25rem;} .tb\:textwrap {text-wrap: wrap;} .tb\:textnowrap {text-wrap: nowrap;} .tb\:textbalance {text-wrap: balance;} .tb\:textpretty {text-wrap: pretty;} .tb\:hyphensnone {hyphens: none;} .tb\:hyphensmanual {hyphens: manual;} .tb\:hyphensauto {hyphens: auto;} .tb\:content-none {content: none;} /**Font Smoothing**/ .tb\:antialiased { font-smooth: always; } /**Line Height**/ .tb\:lineheight0 { line-height: 0; } .tb\:lineheight1 { line-height: 1; } .tb\:lineheight2 { line-height: 1.25; } .tb\:lineheight3 { line-height: 1.375; } .tb\:lineheight4 { line-height: 1.5; } .tb\:lineheight5 { line-height: 1.625; } .tb\:lineheight6 { line-height: 2; } /**List Style**/ .tb\:listinside { list-style-position: inside;} .tb\:listoutside { list-style-position: outside;} .tb\:listnone { list-style-type: none;} .tb\:listdisc { list-style-type: disc;} .tb\:listdecimal { list-style-type: decimal;} .tb\:fillcurrent { fill: currentColor;} .tb\:strokecurrent { stroke: currentColor;} .tb\:tableauto { table-layout: auto;} .tb\:tablefixed { table-layout: fixed;} .tb\:captiontop {caption-side: top;} .tb\:captionbottom {caption-side: bottom;} .tb\:bordercollapse {border-collapse: collapse;} .tb\:borderseparate {border-collapse: separate;} .tb\:textleft { text-align: left;} .tb\:textcenter { text-align: center;} .tb\:textright { text-align: right;} .tb\:textjustify { text-align: justify;} .tb\:textstart {text-align: start;} .tb\:textend {text-align: end;} /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /**Text Colors **/ .tb\:texttransparent { color: transparent;} .tb\:textcustom { color: var(--custom-color); } .tb\:hover\:textcustom:hover { color: var(--custom-hover); } .tb\:focus\:textcustom:focus { color: var(--custom-focus); } /* Text Opacity */ .tb\:textopacity0 { --ape-text-opacity: 0; } .tb\:textopacity10 { --ape-text-opacity: 0.1; } .tb\:textopacity20 { --ape-text-opacity: 0.2; } .tb\:textopacity30 { --ape-text-opacity: 0.3; } .tb\:textopacity40 { --ape-text-opacity: 0.4; } .tb\:textopacity50 { --ape-text-opacity: 0.5; } .tb\:textopacity60 { --ape-text-opacity: 0.6; } .tb\:textopacity70 { --ape-text-opacity: 0.7; } .tb\:textopacity80 { --ape-text-opacity: 0.8; } .tb\:textopacity90 { --ape-text-opacity: 0.9; } .tb\:textopacity100 { --ape-text-opacity: 1; } /*-------------------------------------------------------------- # Black Shades --------------------------------------------------------------*/ .tb\:textblack, .tb\:hover\:textblack:hover, .tb\:focus\:textblack:focus { color: rgba(var(--black-rgb), var(--ape-text-opacity)); } .tb\:textblack1, .tb\:hover\:textblack1:hover, .tb\:focus\:textblack1:focus { color: rgba(var(--black-1-rgb), var(--ape-text-opacity)); } .tb\:textblack2, .tb\:hover\:textblack2:hover, .tb\:focus\:textblack2:focus { color: rgba(var(--black-2-rgb), var(--ape-text-opacity)); } .tb\:textblack3, .tb\:hover\:textblack3:hover, .tb\:focus\:textblack3:focus { color: rgba(var(--black-3-rgb), var(--ape-text-opacity)); } .tb\:textblack4, .tb\:hover\:textblack4:hover, .tb\:focus\:textblack4:focus { color: rgba(var(--black-4-rgb), var(--ape-text-opacity)); } .tb\:textblack5, .tb\:hover\:textblack5:hover, .tb\:focus\:textblack5:focus { color: rgba(var(--black-5-rgb), var(--ape-text-opacity)); } .tb\:textblack6, .tb\:hover\:textblack6:hover, .tb\:focus\:textblack6:focus { color: rgba(var(--black-6-rgb), var(--ape-text-opacity)); } .tb\:textblack7, .tb\:hover\:textblack7:hover, .tb\:focus\:textblack7:focus { color: rgba(var(--black-7-rgb), var(--ape-text-opacity)); } .tb\:textblack8, .tb\:hover\:textblack8:hover, .tb\:focus\:textblack8:focus { color: rgba(var(--black-8-rgb), var(--ape-text-opacity)); } .tb\:textblack9, .tb\:hover\:textblack9:hover, .tb\:focus\:textblack9:focus { color: rgba(var(--black-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # White Shades --------------------------------------------------------------*/ /* White Text Colors */ .tb\:textwhite, .tb\:hover\:textwhite:hover, .tb\:focus\:textwhite:focus { color: rgba(var(--white-rgb), var(--ape-text-opacity)); } .tb\:textwhite1, .tb\:hover\:textwhite1:hover, .tb\:focus\:textwhite1:focus { color: rgba(var(--white-1-rgb), var(--ape-text-opacity)); } .tb\:textwhite2, .tb\:hover\:textwhite2:hover, .tb\:focus\:textwhite2:focus { color: rgba(var(--white-2-rgb), var(--ape-text-opacity)); } .tb\:textwhite3, .tb\:hover\:textwhite3:hover, .tb\:focus\:textwhite3:focus { color: rgba(var(--white-3-rgb), var(--ape-text-opacity)); } .tb\:textwhite4, .tb\:hover\:textwhite4:hover, .tb\:focus\:textwhite4:focus { color: rgba(var(--white-4-rgb), var(--ape-text-opacity)); } .tb\:textwhite5, .tb\:hover\:textwhite5:hover, .tb\:focus\:textwhite5:focus { color: rgba(var(--white-5-rgb), var(--ape-text-opacity)); } .tb\:textwhite6, .tb\:hover\:textwhite6:hover, .tb\:focus\:textwhite6:focus { color: rgba(var(--white-6-rgb), var(--ape-text-opacity)); } .tb\:textwhite7, .tb\:hover\:textwhite7:hover, .tb\:focus\:textwhite7:focus { color: rgba(var(--white-7-rgb), var(--ape-text-opacity)); } .tb\:textwhite8, .tb\:hover\:textwhite8:hover, .tb\:focus\:textwhite8:focus { color: rgba(var(--white-8-rgb), var(--ape-text-opacity)); } .tb\:textwhite9, .tb\:hover\:textwhite9:hover, .tb\:focus\:textwhite9:focus { color: rgba(var(--white-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Gray Shades --------------------------------------------------------------*/ .tb\:textgray1, .tb\:hover\:textgray1:hover, .tb\:focus\:textgray1:focus { color: rgba(var(--gray-1-rgb), var(--ape-text-opacity)); } .tb\:textgray2, .tb\:hover\:textgray2:hover, .tb\:focus\:textgray2:focus { color: rgba(var(--gray-2-rgb), var(--ape-text-opacity)); } .tb\:textgray3, .tb\:hover\:textgray3:hover, .tb\:focus\:textgray3:focus { color: rgba(var(--gray-3-rgb), var(--ape-text-opacity)); } .tb\:textgray4, .tb\:hover\:textgray4:hover, .tb\:focus\:textgray4:focus { color: rgba(var(--gray-4-rgb), var(--ape-text-opacity)); } .tb\:textgray5, .tb\:hover\:textgray5:hover, .tb\:focus\:textgray5:focus { color: rgba(var(--gray-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Red Shades --------------------------------------------------------------*/ .tb\:textred1, .tb\:hover\:textred1:hover, .tb\:focus\:textred1:focus { color: rgba(var(--red-1-rgb), var(--ape-text-opacity)); } .tb\:textred2, .tb\:hover\:textred2:hover, .tb\:focus\:textred2:focus { color: rgba(var(--red-2-rgb), var(--ape-text-opacity)); } .tb\:textred3, .tb\:hover\:textred3:hover, .tb\:focus\:textred3:focus { color: rgba(var(--red-3-rgb), var(--ape-text-opacity)); } .tb\:textred4, .tb\:hover\:textred4:hover, .tb\:focus\:textred4:focus { color: rgba(var(--red-4-rgb), var(--ape-text-opacity)); } .tb\:textred5, .tb\:hover\:textred5:hover, .tb\:focus\:textred5:focus { color: rgba(var(--red-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Amber Shades --------------------------------------------------------------*/ .tb\:textamber1, .tb\:hover\:textamber1:hover, .tb\:focus\:textamber1:focus { color: rgba(var(--amber-1-rgb), var(--ape-text-opacity)); } .tb\:textamber2, .tb\:hover\:textamber2:hover, .tb\:focus\:textamber2:focus { color: rgba(var(--amber-2-rgb), var(--ape-text-opacity)); } .tb\:textamber3, .tb\:hover\:textamber3:hover, .tb\:focus\:textamber3:focus { color: rgba(var(--amber-3-rgb), var(--ape-text-opacity)); } .tb\:textamber4, .tb\:hover\:textamber4:hover, .tb\:focus\:textamber4:focus { color: rgba(var(--amber-4-rgb), var(--ape-text-opacity)); } .tb\:textamber5, .tb\:hover\:textamber5:hover, .tb\:focus\:textamber5:focus { color: rgba(var(--amber-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Yellow Shades --------------------------------------------------------------*/ .tb\:textyellow1, .tb\:hover\:textyellow1:hover, .tb\:focus\:textyellow1:focus { color: rgba(var(--yellow-1-rgb), var(--ape-text-opacity)); } .tb\:textyellow2, .tb\:hover\:textyellow2:hover, .tb\:focus\:textyellow2:focus { color: rgba(var(--yellow-2-rgb), var(--ape-text-opacity)); } .tb\:textyellow3, .tb\:hover\:textyellow3:hover, .tb\:focus\:textyellow3:focus { color: rgba(var(--yellow-3-rgb), var(--ape-text-opacity)); } .tb\:textyellow4, .tb\:hover\:textyellow4:hover, .tb\:focus\:textyellow4:focus { color: rgba(var(--yellow-4-rgb), var(--ape-text-opacity)); } .tb\:textyellow5, .tb\:hover\:textyellow5:hover, .tb\:focus\:textyellow5:focus { color: rgba(var(--yellow-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Green Shades --------------------------------------------------------------*/ .tb\:textgreen1, .tb\:hover\:textgreen1:hover, .tb\:focus\:textgreen1:focus { color: rgba(var(--green-1-rgb), var(--ape-text-opacity)); } .tb\:textgreen2, .tb\:hover\:textgreen2:hover, .tb\:focus\:textgreen2:focus { color: rgba(var(--green-2-rgb), var(--ape-text-opacity)); } .tb\:textgreen3, .tb\:hover\:textgreen3:hover, .tb\:focus\:textgreen3:focus { color: rgba(var(--green-3-rgb), var(--ape-text-opacity)); } .tb\:textgreen4, .tb\:hover\:textgreen4:hover, .tb\:focus\:textgreen4:focus { color: rgba(var(--green-4-rgb), var(--ape-text-opacity)); } .tb\:textgreen5, .tb\:hover\:textgreen5:hover, .tb\:focus\:textgreen5:focus { color: rgba(var(--green-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Teal Shades --------------------------------------------------------------*/ .tb\:textteal1, .tb\:hover\:textteal1:hover, .tb\:focus\:textteal1:focus { color: rgba(var(--teal-1-rgb), var(--ape-text-opacity)); } .tb\:textteal2, .tb\:hover\:textteal2:hover, .tb\:focus\:textteal2:focus { color: rgba(var(--teal-2-rgb), var(--ape-text-opacity)); } .tb\:textteal3, .tb\:hover\:textteal3:hover, .tb\:focus\:textteal3:focus { color: rgba(var(--teal-3-rgb), var(--ape-text-opacity)); } .tb\:textteal4, .tb\:hover\:textteal4:hover, .tb\:focus\:textteal4:focus { color: rgba(var(--teal-4-rgb), var(--ape-text-opacity)); } .tb\:textteal5, .tb\:hover\:textteal5:hover, .tb\:focus\:textteal5:focus { color: rgba(var(--teal-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Blue Shades --------------------------------------------------------------*/ .tb\:textblue1, .tb\:hover\:textblue1:hover, .tb\:focus\:textblue1:focus { color: rgba(var(--blue-1-rgb), var(--ape-text-opacity)); } .tb\:textblue2, .tb\:hover\:textblue2:hover, .tb\:focus\:textblue2:focus { color: rgba(var(--blue-2-rgb), var(--ape-text-opacity)); } .tb\:textblue3, .tb\:hover\:textblue3:hover, .tb\:focus\:textblue3:focus { color: rgba(var(--blue-3-rgb), var(--ape-text-opacity)); } .tb\:textblue4, .tb\:hover\:textblue4:hover, .tb\:focus\:textblue4:focus { color: rgba(var(--blue-4-rgb), var(--ape-text-opacity)); } .tb\:textblue5, .tb\:hover\:textblue5:hover, .tb\:focus\:textblue5:focus { color: rgba(var(--blue-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Indigo Shades --------------------------------------------------------------*/ .tb\:textindigo1, .tb\:hover\:textindigo1:hover, .tb\:focus\:textindigo1:focus { color: rgba(var(--indigo-1-rgb), var(--ape-text-opacity)); } .tb\:textindigo2, .tb\:hover\:textindigo2:hover, .tb\:focus\:textindigo2:focus { color: rgba(var(--indigo-2-rgb), var(--ape-text-opacity)); } .tb\:textindigo3, .tb\:hover\:textindigo3:hover, .tb\:focus\:textindigo3:focus { color: rgba(var(--indigo-3-rgb), var(--ape-text-opacity)); } .tb\:textindigo4, .tb\:hover\:textindigo4:hover, .tb\:focus\:textindigo4:focus { color: rgba(var(--indigo-4-rgb), var(--ape-text-opacity)); } .tb\:textindigo5, .tb\:hover\:textindigo5:hover, .tb\:focus\:textindigo5:focus { color: rgba(var(--indigo-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Purple Shades --------------------------------------------------------------*/ .tb\:textpurple1, .tb\:hover\:textpurple1:hover, .tb\:focus\:textpurple1:focus { color: rgba(var(--purple-1-rgb), var(--ape-text-opacity)); } .tb\:textpurple2, .tb\:hover\:textpurple2:hover, .tb\:focus\:textpurple2:focus { color: rgba(var(--purple-2-rgb), var(--ape-text-opacity)); } .tb\:textpurple3, .tb\:hover\:textpurple3:hover, .tb\:focus\:textpurple3:focus { color: rgba(var(--purple-3-rgb), var(--ape-text-opacity)); } .tb\:textpurple4, .tb\:hover\:textpurple4:hover, .tb\:focus\:textpurple4:focus { color: rgba(var(--purple-4-rgb), var(--ape-text-opacity)); } .tb\:textpurple5, .tb\:hover\:textpurple5:hover, .tb\:focus\:textpurple5:focus { color: rgba(var(--purple-5-rgb), var(--ape-text-opacity)); } .tb\:textpurple6, .tb\:hover\:textpurple6:hover, .tb\:focus\:textpurple6:focus { color: rgba(var(--purple-6-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Pink Shades --------------------------------------------------------------*/ .tb\:textpink1, .tb\:hover\:textpink1:hover, .tb\:focus\:textpink1:focus { color: rgba(var(--pink-1-rgb), var(--ape-text-opacity)); } .tb\:textpink2, .tb\:hover\:textpink2:hover, .tb\:focus\:textpink2:focus { color: rgba(var(--pink-2-rgb), var(--ape-text-opacity)); } .tb\:textpink3, .tb\:hover\:textpink3:hover, .tb\:focus\:textpink3:focus { color: rgba(var(--pink-3-rgb), var(--ape-text-opacity)); } .tb\:textpink4, .tb\:hover\:textpink4:hover, .tb\:focus\:textpink4:focus { color: rgba(var(--pink-4-rgb), var(--ape-text-opacity)); } .tb\:textpink5, .tb\:hover\:textpink5:hover, .tb\:focus\:textpink5:focus { color: rgba(var(--pink-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Background Colors --------------------------------------------------------------*/ /* Background Opacity */ .tb\:bgopacity0 { --ape-bg-opacity: 0; } .tb\:bgopacity10 { --ape-bg-opacity: 0.1; } .tb\:bgopacity20 { --ape-bg-opacity: 0.2; } .tb\:bgopacity30 { --ape-bg-opacity: 0.3; } .tb\:bgopacity40 { --ape-bg-opacity: 0.4; } .tb\:bgopacity50 { --ape-bg-opacity: 0.5; } .tb\:bgopacity60 { --ape-bg-opacity: 0.6; } .tb\:bgopacity70 { --ape-bg-opacity: 0.7; } .tb\:bgopacity80 { --ape-bg-opacity: 0.8; } .tb\:bgopacity90 { --ape-bg-opacity: 0.9; } .tb\:bgopacity100 { --ape-bg-opacity: 1; } /**Unique Black & White**/ .tb\:bgblack6, .tb\:hover\:bgblack6:hover, .tb\:focus\:bgblack6:focus { background-color: rgba(var(--black-6-rgb), var(--ape-bg-opacity)); } .tb\:bgblack7, .tb\:hover\:bgblack7:hover, .tb\:focus\:bgblack7:focus { background-color: rgba(var(--black-7-rgb), var(--ape-bg-opacity)); } .tb\:bgblack8, .tb\:hover\:bgblack8:hover, .tb\:focus\:bgblack8:focus { background-color: rgba(var(--black-8-rgb), var(--ape-bg-opacity)); } .tb\:bgblack9, .tb\:hover\:bgblack9:hover, .tb\:focus\:bgblack9:focus { background-color: rgba(var(--black-9-rgb), var(--ape-bg-opacity)); } .tb\:bgwhite6, .tb\:hover\:bgwhite6:hover, .tb\:focus\:bgwhite6:focus { background-color: rgba(var(--white-6-rgb), var(--ape-bg-opacity)); } .tb\:bgwhite7, .tb\:hover\:bgwhite7:hover, .tb\:focus\:bgwhite7:focus { background-color: rgba(var(--white-7-rgb), var(--ape-bg-opacity)); } .tb\:bgwhite8, .tb\:hover\:bgwhite8:hover, .tb\:focus\:bgwhite8:focus { background-color: rgba(var(--white-8-rgb), var(--ape-bg-opacity)); } .tb\:bgwhite9, .tb\:hover\:bgwhite9:hover, .tb\:focus\:bgwhite9:focus { background-color: rgba(var(--white-9-rgb), var(--ape-bg-opacity)); } /**Black**/ .tb\:bgblack, .tb\:hover\:bgblack:hover, .tb\:focus\:bgblack:focus { background-color: rgba(var(--black-rgb), var(--ape-bg-opacity));} .tb\:bgblack1, .tb\:hover\:bgblack1:hover, .tb\:focus\:bgblack1:focus { background-color: rgba(var(--black-1-rgb), var(--ape-bg-opacity));} .tb\:bgblack2, .tb\:hover\:bgblack2:hover, .tb\:focus\:bgblack2:focus { background-color: rgba(var(--black-2-rgb), var(--ape-bg-opacity));} .tb\:bgblack3, .tb\:hover\:bgblack3:hover, .tb\:focus\:bgblack3:focus { background-color: rgba(var(--black-3-rgb), var(--ape-bg-opacity));} .tb\:bgblack4, .tb\:hover\:bgblack4:hover, .tb\:focus\:bgblack4:focus { background-color: rgba(var(--black-4-rgb), var(--ape-bg-opacity));} .tb\:bgblack5, .tb\:hover\:bgblack5:hover, .tb\:focus\:bgblack5:focus { background-color: rgba(var(--black-5-rgb), var(--ape-bg-opacity));} /** White**/ .tb\:bgwhite, .tb\:hover\:bgwhite:hover, .tb\:focus\:bgwhite:focus { background-color: rgba(var(--white-rgb), var(--ape-bg-opacity));} .tb\:bgwhite1, .tb\:hover\:bgwhite1:hover, .tb\:focus\:bgwhite1:focus { background-color: rgba(var(--white-1-rgb), var(--ape-bg-opacity));} .tb\:bgwhite2, .tb\:hover\:bgwhite2:hover, .tb\:focus\:bgwhite2:focus { background-color: rgba(var(--white-2-rgb), var(--ape-bg-opacity));} .tb\:bgwhite3, .tb\:hover\:bgwhite3:hover, .tb\:focus\:bgwhite3:focus { background-color: rgba(var(--white-3-rgb), var(--ape-bg-opacity));} .tb\:bgwhite4, .tb\:hover\:bgwhite4:hover, .tb\:focus\:bgwhite4:focus { background-color: rgba(var(--white-4-rgb), var(--ape-bg-opacity));} .tb\:bgwhite5, .tb\:hover\:bgwhite5:hover, .tb\:focus\:bgwhite5:focus { background-color: rgba(var(--white-5-rgb), var(--ape-bg-opacity));} /**Gray**/ .tb\:bggray1, .tb\:hover\:bggray1:hover, .tb\:focus\:bggray1:focus { background-color: rgba(var(--gray-1-rgb), var(--ape-bg-opacity));} .tb\:bggray2, .tb\:hover\:bggray2:hover, .tb\:focus\:bggray2:focus { background-color: rgba(var(--gray-2-rgb), var(--ape-bg-opacity));} .tb\:bggray3, .tb\:hover\:bggray3:hover, .tb\:focus\:bggray3:focus { background-color: rgba(var(--gray-3-rgb), var(--ape-bg-opacity));} .tb\:bggray4, .tb\:hover\:bggray4:hover, .tb\:focus\:bggray4:focus { background-color: rgba(var(--gray-4-rgb), var(--ape-bg-opacity));} .tb\:bggray5, .tb\:hover\:bggray5:hover, .tb\:focus\:bggray5:focus { background-color: rgba(var(--gray-5-rgb), var(--ape-bg-opacity));} /**Red**/ .tb\:bgred1, .tb\:hover\:bgred1:hover, .tb\:focus\:bgred1:focus { background-color: rgba(var(--red-1-rgb), var(--ape-bg-opacity));} .tb\:bgred2, .tb\:hover\:bgred2:hover, .tb\:focus\:bgred2:focus { background-color: rgba(var(--red-2-rgb), var(--ape-bg-opacity));} .tb\:bgred3, .tb\:hover\:bgred3:hover, .tb\:focus\:bgred3:focus { background-color: rgba(var(--red-3-rgb), var(--ape-bg-opacity));} .tb\:bgred4, .tb\:hover\:bgred4:hover, .tb\:focus\:bgred4:focus { background-color: rgba(var(--red-4-rgb), var(--ape-bg-opacity));} .tb\:bgred5, .tb\:hover\:bgred5:hover, .tb\:focus\:bgred5:focus { background-color: rgba(var(--red-5-rgb), var(--ape-bg-opacity));} /**Orange**/ .tb\:bgamber1, .tb\:hover\:bgamber1:hover, .tb\:focus\:bgamber1:focus { background-color: rgba(var(--amber-1-rgb), var(--ape-bg-opacity));} .tb\:bgamber2, .tb\:hover\:bgamber2:hover, .tb\:focus\:bgamber2:focus { background-color: rgba(var(--amber-2-rgb), var(--ape-bg-opacity));} .tb\:bgamber3, .tb\:hover\:bgamber3:hover, .tb\:focus\:bgamber3:focus { background-color: rgba(var(--amber-3-rgb), var(--ape-bg-opacity));} .tb\:bgamber4, .tb\:hover\:bgamber4:hover, .tb\:focus\:bgamber4:focus { background-color: rgba(var(--amber-4-rgb), var(--ape-bg-opacity));} .tb\:bgamber5, .tb\:hover\:bgamber5:hover, .tb\:focus\:bgamber5:focus { background-color: rgba(var(--amber-5-rgb), var(--ape-bg-opacity));} /**Yellow**/ .tb\:bgyellow1, .tb\:hover\:bgyellow1:hover, .tb\:focus\:bgyellow1:focus { background-color: rgba(var(--yellow-1-rgb), var(--ape-bg-opacity));} .tb\:bgyellow2, .tb\:hover\:bgyellow2:hover, .tb\:focus\:bgyellow2:focus { background-color: rgba(var(--yellow-2-rgb), var(--ape-bg-opacity));} .tb\:bgyellow3, .tb\:hover\:bgyellow3:hover, .tb\:focus\:bgyellow3:focus { background-color: rgba(var(--yellow-3-rgb), var(--ape-bg-opacity));} .tb\:bgyellow4, .tb\:hover\:bgyellow4:hover, .tb\:focus\:bgyellow4:focus { background-color: rgba(var(--yellow-4-rgb), var(--ape-bg-opacity));} .tb\:bgyellow5, .tb\:hover\:bgyellow5:hover, .tb\:focus\:bgyellow5:focus { background-color: rgba(var(--yellow-5-rgb), var(--ape-bg-opacity));} /**Green**/ .tb\:bggreen1, .tb\:hover\:bggreen1:hover, .tb\:focus\:bggreen1:focus { background-color: rgba(var(--green-1-rgb), var(--ape-bg-opacity));} .tb\:bggreen2, .tb\:hover\:bggreen2:hover, .tb\:focus\:bggreen2:focus { background-color: rgba(var(--green-2-rgb), var(--ape-bg-opacity));} .tb\:bggreen3, .tb\:hover\:bggreen3:hover, .tb\:focus\:bggreen3:focus { background-color: rgba(var(--green-3-rgb), var(--ape-bg-opacity));} .tb\:bggreen4, .tb\:hover\:bggreen4:hover, .tb\:focus\:bggreen4:focus { background-color: rgba(var(--green-4-rgb), var(--ape-bg-opacity));} .tb\:bggreen5, .tb\:hover\:bggreen5:hover, .tb\:focus\:bggreen5:focus { background-color: rgba(var(--green-5-rgb), var(--ape-bg-opacity));} /**Teal**/ .tb\:bgteal1, .tb\:hover\:bgteal1:hover, .tb\:focus\:bgteal1:focus { background-color: rgba(var(--teal-1-rgb), var(--ape-bg-opacity));} .tb\:bgteal2, .tb\:hover\:bgteal2:hover, .tb\:focus\:bgteal2:focus { background-color: rgba(var(--teal-2-rgb), var(--ape-bg-opacity));} .tb\:bgteal3, .tb\:hover\:bgteal3:hover, .tb\:focus\:bgteal3:focus { background-color: rgba(var(--teal-3-rgb), var(--ape-bg-opacity));} .tb\:bgteal4, .tb\:hover\:bgteal4:hover, .tb\:focus\:bgteal4:focus { background-color: rgba(var(--teal-4-rgb), var(--ape-bg-opacity));} .tb\:bgteal5, .tb\:hover\:bgteal5:hover, .tb\:focus\:bgteal5:focus { background-color: rgba(var(--teal-5-rgb), var(--ape-bg-opacity));} /**Blue**/ .tb\:bgblue1, .tb\:hover\:bgblue1:hover, .tb\:focus\:bgblue1:focus { background-color: rgba(var(--blue-1-rgb), var(--ape-bg-opacity));} .tb\:bgblue2, .tb\:hover\:bgblue2:hover, .tb\:focus\:bgblue2:focus { background-color: rgba(var(--blue-2-rgb), var(--ape-bg-opacity));} .tb\:bgblue3, .tb\:hover\:bgblue3:hover, .tb\:focus\:bgblue3:focus { background-color: rgba(var(--blue-3-rgb), var(--ape-bg-opacity));} .tb\:bgblue4, .tb\:hover\:bgblue4:hover, .tb\:focus\:bgblue4:focus { background-color: rgba(var(--blue-4-rgb), var(--ape-bg-opacity));} .tb\:bgblue5, .tb\:hover\:bgblue5:hover, .tb\:focus\:bgblue5:focus { background-color: rgba(var(--blue-5-rgb), var(--ape-bg-opacity));} /**Indigo**/ .tb\:bgindigo1, .tb\:hover\:bgindigo1:hover, .tb\:focus\:bgindigo1:focus { background-color: rgba(var(--indigo-1-rgb), var(--ape-bg-opacity));} .tb\:bgindigo2, .tb\:hover\:bgindigo2:hover, .tb\:focus\:bgindigo2:focus { background-color: rgba(var(--indigo-2-rgb), var(--ape-bg-opacity));} .tb\:bgindigo3, .tb\:hover\:bgindigo3:hover, .tb\:focus\:bgindigo3:focus { background-color: rgba(var(--indigo-3-rgb), var(--ape-bg-opacity));} .tb\:bgindigo4, .tb\:hover\:bgindigo4:hover, .tb\:focus\:bgindigo4:focus { background-color: rgba(var(--indigo-4-rgb), var(--ape-bg-opacity));} .tb\:bgindigo5, .tb\:hover\:bgindigo5:hover, .tb\:focus\:bgindigo5:focus { background-color: rgba(var(--indigo-5-rgb), var(--ape-bg-opacity));} /**Purple**/ .tb\:bgpurple1, .tb\:hover\:bgpurple1:hover, .tb\:focus\:bgpurple1:focus { background-color: rgba(var(--purple-1-rgb), var(--ape-bg-opacity));} .tb\:bgpurple2, .tb\:hover\:bgpurple2:hover, .tb\:focus\:bgpurple2:focus { background-color: rgba(var(--purple-2-rgb), var(--ape-bg-opacity));} .tb\:bgpurple3, .tb\:hover\:bgpurple3:hover, .tb\:focus\:bgpurple3:focus { background-color: rgba(var(--purple-3-rgb), var(--ape-bg-opacity));} .tb\:bgpurple4, .tb\:hover\:bgpurple4:hover, .tb\:focus\:bgpurple4:focus { background-color: rgba(var(--purple-4-rgb), var(--ape-bg-opacity));} .tb\:bgpurple5, .tb\:hover\:bgpurple5:hover, .tb\:focus\:bgpurple5:focus { background-color: rgba(var(--purple-5-rgb), var(--ape-bg-opacity));} .tb\:bgpurple6, .tb\:hover\:bgpurple6:hover, .tb\:focus\:bgpurple6:focus { background-color: rgba(var(--purple-6-rgb), var(--ape-bg-opacity));} /**Pink**/ .tb\:bgpink1, .tb\:hover\:bgpink1:hover, .tb\:focus\:bgpink1:focus { background-color: rgba(var(--pink-1-rgb), var(--ape-bg-opacity));} .tb\:bgpink2, .tb\:hover\:bgpink2:hover, .tb\:focus\:bgpink2:focus { background-color: rgba(var(--pink-2-rgb), var(--ape-bg-opacity));} .tb\:bgpink3, .tb\:hover\:bgpink3:hover, .tb\:focus\:bgpink3:focus { background-color: rgba(var(--pink-3-rgb), var(--ape-bg-opacity));} .tb\:bgpink4, .tb\:hover\:bgpink4:hover, .tb\:focus\:bgpink4:focus { background-color: rgba(var(--pink-4-rgb), var(--ape-bg-opacity));} .tb\:bgpink5, .tb\:hover\:bgpink5:hover, .tb\:focus\:bgpink5:focus { background-color: rgba(var(--pink-5-rgb), var(--ape-bg-opacity));} /*-------------------------------------------------------------- Display, Flex, Container, Row, Column --------------------------------------------------------------*/ /**Display**/ .tb\:block { display: block; } .tb\:inlineblock { display: inline-block; } .tb\:inline { display: inline; } .tb\:flex { display: flex; } .tb\:inlineflex { display: inline-flex; } .tb\:grid { display: grid; } .tb\:inlinegrid { display: inline-grid; } .tb\:table { display: table; } .tb\:inlinetable { display: inline-table; } .tb\:tablerow { display: table-row; } .tb\:tablecell { display: table-cell; } .tb\:listitem { display: list-item; } .tb\:flowroot { display: flow-root; } .tb\:contents { display: contents; } .tb\:hidden { display: none; } /**clear**/ .tb\:clearstart {clear: inline-start;} .tb\:clearend {clear: inline-end;} .tb\:clearleft {clear: left;} .tb\:clearright {clear: right;} .tb\:clearboth {clear: both;} .tb\:clearnone {clear: none;} .tb\:clearfix:after { content: ""; display: table; clear: both;} /**flex**/ .tb\:flexrow { flex-direction: row; } .tb\:flexrowreverse { flex-direction: row-reverse; } .tb\:flexcol { flex-direction: column; } .tb\:flexcolreverse { flex-direction: column-reverse; } .tb\:flexwrap { flex-wrap: wrap; } .tb\:flexwrapreverse { flex-wrap: wrap-reverse; } .tb\:flexnowrap { flex-wrap: nowrap; } .tb\:flex1 {flex: 1 1 0%;} .tb\:flexauto {flex: 1 1 auto;} .tb\:flexinitial {flex: 0 1 auto;} .tb\:flexnone {flex: none;} .tb\:itemsstart { -webkit-box-align: start; align-items: flex-start;} .tb\:itemsend { -webkit-box-align: end; align-items: flex-end;} .tb\:itemscenter { -webkit-box-align: center; align-items: center;} .tb\:itemsbaseline { -webkit-box-align: baseline; align-items: baseline;} .tb\:itemsstretch { -webkit-box-align: stretch; align-items: stretch;} .tb\:selfauto { align-self: auto;} .tb\:selfstart { align-self: flex-start;} .tb\:selfcenter { align-self: center;} .tb\:selfstretch { align-self: stretch;} .tb\:selfend { align-self: flex-end;} .tb\:selfbaseline {align-self: baseline;} .tb\:justifystart { -webkit-box-pack: start; justify-content: flex-start;} .tb\:justifyend { -webkit-box-pack: end; justify-content: flex-end;} .tb\:justifycenter { -webkit-box-pack: center; justify-content: center;} .tb\:justifybetween { -webkit-box-pack: justify; justify-content: space-between;} .tb\:justifyaround { justify-content: space-around;} .tb\:justifyevenly {justify-content: space-evenly;} .tb\:justifystretch { justify-content: stretch;} .tb\:justifyselfauto {justify-self: auto;} .tb\:justifyselfstart {justify-self: start;} .tb\:justifyselfend {justify-self: end;} .tb\:justifyselfcenter {justify-self: center;} .tb\:justifyselfstretch {justify-self: stretch;} .tb\:justifyitemsstart {justify-items: start;} .tb\:justifyitemsend {justify-items: end;} .tb\:justifyitemscenter {justify-items: center;} .tb\:justifyitemsstretch {justify-items: stretch;} .tb\:contentnormal {align-content: normal;} .tb\:contentcenter {align-content: center;} .tb\:contentstart {align-content: flex-start;} .tb\:contentend {align-content: flex-end;} .tb\:contentbetween {align-content: space-between;} .tb\:contentaround {align-content: space-around;} .tb\:contentevenly {align-content: space-evenly;} .tb\:contentbaseline {align-content: baseline;} .tb\:contentstretch {align-content: stretch;} .tb\:placecontentcenter {place-content: center;} .tb\:placecontentstart {place-content: start;} .tb\:placecontentend {place-content: end;} .tb\:placecontentbetween {place-content: space-between;} .tb\:placecontentaround {place-content: space-around;} .tb\:placecontentevenly {place-content: space-evenly;} .tb\:placeitemsstart {place-items: start;} .tb\:placeitemsend {place-items: end;} .tb\:placeitemscenter {place-items: center;} .tb\:placeitemsbaseline {place-items: baseline;} .tb\:placeitemsstretch {place-items: stretch;} .tb\:placeselfauto {place-self: auto;} .tb\:placeselfstart {place-self: start;} .tb\:placeselfend {place-self: end;} .tb\:placeselfcenter {place-self: center;} .tb\:placeselfstretch {place-self: stretch;} /**Flex Basis**/ .tb\:basis8 {flex-basis: 8.333333%;} .tb\:basis16 {flex-basis: 16.666667%;} .tb\:basis20 {flex-basis: 20%;} .tb\:basis25 {flex-basis: 25%;} .tb\:basis33 {flex-basis: 33.333333%;} .tb\:basis40 {flex-basis: 40%;} .tb\:basis41 {flex-basis: 41.666667%;} .tb\:basis50 {flex-basis: 50%;} .tb\:basis58 {flex-basis: 58.333333%;} .tb\:basis60 {flex-basis: 60%;} .tb\:basis66 {flex-basis: 66.666667%;} .tb\:basis75 {flex-basis: 75%;} .tb\:basis80 {flex-basis: 80%;} .tb\:basis83 {flex-basis: 83.333333%;} .tb\:basis91 {flex-basis: 91.666667%;} .tb\:basis100 {flex-basis: 100%;} /**Gap**/ /** Gap Both **/ .tb\:gap0 {gap: var(--ape-space-0);} .tb\:gap1 {gap: var(--ape-space-1);} .tb\:gap2 {gap: var(--ape-space-2);} .tb\:gap3 {gap: var(--ape-space-3);} .tb\:gap4 {gap: var(--ape-space-4);} .tb\:gap5 {gap: var(--ape-space-5);} .tb\:gap6 {gap: var(--ape-space-6);} .tb\:gap7 {gap: var(--ape-space-7);} .tb\:gap8 {gap: var(--ape-space-8);} .tb\:gap9 {gap: var(--ape-space-9);} .tb\:gap10 {gap: var(--ape-space-10);} .tb\:gap11 {gap: var(--ape-space-11);} .tb\:gap12 {gap: var(--ape-space-12);} .tb\:gap13 {gap: var(--ape-space-13);} .tb\:gap14 {gap: var(--ape-space-14);} .tb\:gap15 {gap: var(--ape-space-15);} .tb\:gap16 {gap: var(--ape-space-16);} .tb\:gap17 {gap: var(--ape-space-17);} .tb\:gap18 {gap: var(--ape-space-18);} .tb\:gap19 {gap: var(--ape-space-19);} .tb\:gap20 {gap: var(--ape-space-20);} /** Row Gap **/ .tb\:gapy0 {row-gap: var(--ape-space-0);} .tb\:gapy1 {row-gap: var(--ape-space-1);} .tb\:gapy2 {row-gap: var(--ape-space-2);} .tb\:gapy3 {row-gap: var(--ape-space-3);} .tb\:gapy4 {row-gap: var(--ape-space-4);} .tb\:gapy5 {row-gap: var(--ape-space-5);} .tb\:gapy6 {row-gap: var(--ape-space-6);} .tb\:gapy7 {row-gap: var(--ape-space-7);} .tb\:gapy8 {row-gap: var(--ape-space-8);} .tb\:gapy9 {row-gap: var(--ape-space-9);} .tb\:gapy10 {row-gap: var(--ape-space-10);} .tb\:gapy11 {row-gap: var(--ape-space-11);} .tb\:gapy12 {row-gap: var(--ape-space-12);} .tb\:gapy13 {row-gap: var(--ape-space-13);} .tb\:gapy14 {row-gap: var(--ape-space-14);} .tb\:gapy15 {row-gap: var(--ape-space-15);} .tb\:gapy16 {row-gap: var(--ape-space-16);} .tb\:gapy17 {row-gap: var(--ape-space-17);} .tb\:gapy18 {row-gap: var(--ape-space-18);} .tb\:gapy19 {row-gap: var(--ape-space-19);} .tb\:gapy20 {row-gap: var(--ape-space-20);} /** Column Gap **/ .tb\:gapx0 {column-gap: var(--ape-space-0);} .tb\:gapx1 {column-gap: var(--ape-space-1);} .tb\:gapx2 {column-gap: var(--ape-space-2);} .tb\:gapx3 {column-gap: var(--ape-space-3);} .tb\:gapx4 {column-gap: var(--ape-space-4);} .tb\:gapx5 {column-gap: var(--ape-space-5);} .tb\:gapx6 {column-gap: var(--ape-space-6);} .tb\:gapx7 {column-gap: var(--ape-space-7);} .tb\:gapx8 {column-gap: var(--ape-space-8);} .tb\:gapx9 {column-gap: var(--ape-space-9);} .tb\:gapx10 {column-gap: var(--ape-space-10);} .tb\:gapx11 {column-gap: var(--ape-space-11);} .tb\:gapx12 {column-gap: var(--ape-space-12);} .tb\:gapx13 {column-gap: var(--ape-space-13);} .tb\:gapx14 {column-gap: var(--ape-space-14);} .tb\:gapx15 {column-gap: var(--ape-space-15);} .tb\:gapx16 {column-gap: var(--ape-space-16);} .tb\:gapx17 {column-gap: var(--ape-space-17);} .tb\:gapx18 {column-gap: var(--ape-space-18);} .tb\:gapx19 {column-gap: var(--ape-space-19);} .tb\:gapx20 {column-gap: var(--ape-space-20);} /**Order**/ .tb\:order1 { order: 1; } .tb\:order2 { order: 2; } .tb\:order3 { order: 3; } .tb\:order4 { order: 4; } .tb\:order5 { order: 5; } .tb\:order6 { order: 6; } .tb\:order7 { order: 7; } .tb\:order8 { order: 8; } .tb\:order9 { order: 9; } .tb\:order10 { order: 10; } .tb\:order11 { order: 11; } .tb\:order12 { order: 12; } .tb\:orderfirst { order: -9999; } .tb\:orderlast { order: 9999; } .tb\:ordernone { order: 0; } .tb\:floatright { float: right;} .tb\:floatleft { float: left;} .tb\:floatnone { float: none;} /*-------------------------------------------------------------- Height, Margin, Padding --------------------------------------------------------------*/ /**Left**/ .tb\:l0 {left: var(--ape-space-0);} .tb\:l1 {left: var(--ape-space-1);} .tb\:l2 {left: var(--ape-space-2);} .tb\:l3 {left: var(--ape-space-3);} .tb\:l4 {left: var(--ape-space-4);} .tb\:l5 {left: var(--ape-space-5);} .tb\:l6 {left: var(--ape-space-6);} .tb\:l7 {left: var(--ape-space-7);} .tb\:l8 {left: var(--ape-space-8);} .tb\:l9 {left: var(--ape-space-9);} .tb\:l10 {left: var(--ape-space-10);} .tb\:l11 {left: var(--ape-space-11);} .tb\:l12 {left: var(--ape-space-12);} .tb\:l13 {left: var(--ape-space-13);} .tb\:l14 {left: var(--ape-space-14);} .tb\:l15 {left: var(--ape-space-15);} .tb\:l16 {left: var(--ape-space-16);} .tb\:l17 {left: var(--ape-space-17);} .tb\:l18 {left: var(--ape-space-18);} .tb\:l19 {left: var(--ape-space-19);} .tb\:l20 {left: var(--ape-space-20);} .tb\:l21 {left: var(--ape-space-21);} .tb\:l22 {left: var(--ape-space-22);} .tb\:l23 {left: var(--ape-space-23);} .tb\:l24 {left: var(--ape-space-24);} .tb\:l25 {left: var(--ape-space-25);} .tb\:l26 {left: var(--ape-space-26);} .tb\:l27 {left: var(--ape-space-27);} .tb\:l28 {left: var(--ape-space-28);} .tb\:l29 {left: var(--ape-space-29);} .tb\:l30 {left: var(--ape-space-30);} .tb\:l31 {left: var(--ape-space-31);} .tb\:l32 {left: var(--ape-space-32);} .tb\:l33 {left: var(--ape-space-33);} .tb\:l34 {left: var(--ape-space-34);} .tb\:l35 {left: var(--ape-space-35);} .tb\:l36 {left: var(--ape-space-36);} .tb\:l37 {left: var(--ape-space-37);} .tb\:l38 {left: var(--ape-space-38);} .tb\:l39 {left: var(--ape-space-39);} .tb\:l40 {left: var(--ape-space-40);} .tb\:l41 {left: var(--ape-space-41);} .tb\:l42 {left: var(--ape-space-42);} .tb\:l43 {left: var(--ape-space-43);} .tb\:l44 {left: var(--ape-space-44);} .tb\:l45 {left: var(--ape-space-45);} .tb\:l46 {left: var(--ape-space-46);} .tb\:l47 {left: var(--ape-space-47);} .tb\:l48 {left: var(--ape-space-48);} .tb\:l49 {left: var(--ape-space-49);} .tb\:l50 {left: var(--ape-space-50);} .tb\:l51 {left: var(--ape-space-51);} .tb\:l52 {left: var(--ape-space-52);} .tb\:l53 {left: var(--ape-space-53);} .tb\:l54 {left: var(--ape-space-54);} .tb\:l55 {left: var(--ape-space-55);} .tb\:l56 {left: var(--ape-space-56);} .tb\:l57 {left: var(--ape-space-57);} .tb\:l58 {left: var(--ape-space-58);} .tb\:l59 {left: var(--ape-space-59);} .tb\:l60 {left: var(--ape-space-60);} .tb\:l61 {left: var(--ape-space-61);} .tb\:l62 {left: var(--ape-space-62);} .tb\:l63 {left: var(--ape-space-63);} .tb\:l64 {left: var(--ape-space-64);} /**Right**/ .tb\:r0 {right: var(--ape-space-0);} .tb\:r1 {right: var(--ape-space-1);} .tb\:r2 {right: var(--ape-space-2);} .tb\:r3 {right: var(--ape-space-3);} .tb\:r4 {right: var(--ape-space-4);} .tb\:r5 {right: var(--ape-space-5);} .tb\:r6 {right: var(--ape-space-6);} .tb\:r7 {right: var(--ape-space-7);} .tb\:r8 {right: var(--ape-space-8);} .tb\:r9 {right: var(--ape-space-9);} .tb\:r10 {right: var(--ape-space-10);} .tb\:r11 {right: var(--ape-space-11);} .tb\:r12 {right: var(--ape-space-12);} .tb\:r13 {right: var(--ape-space-13);} .tb\:r14 {right: var(--ape-space-14);} .tb\:r15 {right: var(--ape-space-15);} .tb\:r16 {right: var(--ape-space-16);} .tb\:r17 {right: var(--ape-space-17);} .tb\:r18 {right: var(--ape-space-18);} .tb\:r19 {right: var(--ape-space-19);} .tb\:r20 {right: var(--ape-space-20);} .tb\:r21 {right: var(--ape-space-21);} .tb\:r22 {right: var(--ape-space-22);} .tb\:r23 {right: var(--ape-space-23);} .tb\:r24 {right: var(--ape-space-24);} .tb\:r25 {right: var(--ape-space-25);} .tb\:r26 {right: var(--ape-space-26);} .tb\:r27 {right: var(--ape-space-27);} .tb\:r28 {right: var(--ape-space-28);} .tb\:r29 {right: var(--ape-space-29);} .tb\:r30 {right: var(--ape-space-30);} .tb\:r31 {right: var(--ape-space-31);} .tb\:r32 {right: var(--ape-space-32);} .tb\:r33 {right: var(--ape-space-33);} .tb\:r34 {right: var(--ape-space-34);} .tb\:r35 {right: var(--ape-space-35);} .tb\:r36 {right: var(--ape-space-36);} .tb\:r37 {right: var(--ape-space-37);} .tb\:r38 {right: var(--ape-space-38);} .tb\:r39 {right: var(--ape-space-39);} .tb\:r40 {right: var(--ape-space-40);} .tb\:r41 {right: var(--ape-space-41);} .tb\:r42 {right: var(--ape-space-42);} .tb\:r43 {right: var(--ape-space-43);} .tb\:r44 {right: var(--ape-space-44);} .tb\:r45 {right: var(--ape-space-45);} .tb\:r46 {right: var(--ape-space-46);} .tb\:r47 {right: var(--ape-space-47);} .tb\:r48 {right: var(--ape-space-48);} .tb\:r49 {right: var(--ape-space-49);} .tb\:r50 {right: var(--ape-space-50);} .tb\:r51 {right: var(--ape-space-51);} .tb\:r52 {right: var(--ape-space-52);} .tb\:r53 {right: var(--ape-space-53);} .tb\:r54 {right: var(--ape-space-54);} .tb\:r55 {right: var(--ape-space-55);} .tb\:r56 {right: var(--ape-space-56);} .tb\:r57 {right: var(--ape-space-57);} .tb\:r58 {right: var(--ape-space-58);} .tb\:r59 {right: var(--ape-space-59);} .tb\:r60 {right: var(--ape-space-60);} .tb\:r61 {right: var(--ape-space-61);} .tb\:r62 {right: var(--ape-space-62);} .tb\:r63 {right: var(--ape-space-63);} .tb\:r64 {right: var(--ape-space-64);} /**Top**/ .tb\:t0 { top: var(--ape-space-0);} .tb\:t1 { top: var(--ape-space-1);} .tb\:t2 { top: var(--ape-space-2);} .tb\:t3 { top: var(--ape-space-3);} .tb\:t4 { top: var(--ape-space-4);} .tb\:t5 { top: var(--ape-space-5);} .tb\:t6 { top: var(--ape-space-6);} .tb\:t7 { top: var(--ape-space-7);} .tb\:t8 { top: var(--ape-space-8);} .tb\:t9 { top: var(--ape-space-9);} .tb\:t10 { top: var(--ape-space-10);} .tb\:t11 { top: var(--ape-space-11);} .tb\:t12 { top: var(--ape-space-12);} .tb\:t13 { top: var(--ape-space-13);} .tb\:t14 { top: var(--ape-space-14);} .tb\:t15 { top: var(--ape-space-15);} .tb\:t16 { top: var(--ape-space-16);} .tb\:t17 { top: var(--ape-space-17);} .tb\:t18 { top: var(--ape-space-18);} .tb\:t19 { top: var(--ape-space-19);} .tb\:t20 { top: var(--ape-space-20);} .tb\:t21 { top: var(--ape-space-21);} .tb\:t22 { top: var(--ape-space-22);} .tb\:t23 { top: var(--ape-space-23);} .tb\:t24 { top: var(--ape-space-24);} .tb\:t25 { top: var(--ape-space-25);} .tb\:t26 { top: var(--ape-space-26);} .tb\:t27 { top: var(--ape-space-27);} .tb\:t28 { top: var(--ape-space-28);} .tb\:t29 { top: var(--ape-space-29);} .tb\:t30 { top: var(--ape-space-30);} .tb\:t31 { top: var(--ape-space-31);} .tb\:t32 { top: var(--ape-space-32);} .tb\:t33 { top: var(--ape-space-33);} .tb\:t34 { top: var(--ape-space-34);} .tb\:t35 { top: var(--ape-space-35);} .tb\:t36 { top: var(--ape-space-36);} .tb\:t37 { top: var(--ape-space-37);} .tb\:t38 { top: var(--ape-space-38);} .tb\:t39 { top: var(--ape-space-39);} .tb\:t40 { top: var(--ape-space-40);} .tb\:t41 { top: var(--ape-space-41);} .tb\:t42 { top: var(--ape-space-42);} .tb\:t43 { top: var(--ape-space-43);} .tb\:t44 { top: var(--ape-space-44);} .tb\:t45 { top: var(--ape-space-45);} .tb\:t46 { top: var(--ape-space-46);} .tb\:t47 { top: var(--ape-space-47);} .tb\:t48 { top: var(--ape-space-48);} .tb\:t49 { top: var(--ape-space-49);} .tb\:t50 { top: var(--ape-space-50);} .tb\:t51 { top: var(--ape-space-51);} .tb\:t52 { top: var(--ape-space-52);} .tb\:t53 { top: var(--ape-space-53);} .tb\:t54 { top: var(--ape-space-54);} .tb\:t55 { top: var(--ape-space-55);} .tb\:t56 { top: var(--ape-space-56);} .tb\:t57 { top: var(--ape-space-57);} .tb\:t58 { top: var(--ape-space-58);} .tb\:t59 { top: var(--ape-space-59);} .tb\:t60 { top: var(--ape-space-60);} .tb\:t61 { top: var(--ape-space-61);} .tb\:t62 { top: var(--ape-space-62);} .tb\:t63 { top: var(--ape-space-63);} .tb\:t64 { top: var(--ape-space-64);} /**Bottom**/ .tb\:b0 { bottom: var(--ape-space-0);} .tb\:b1 { bottom: var(--ape-space-1);} .tb\:b2 { bottom: var(--ape-space-2);} .tb\:b3 { bottom: var(--ape-space-3);} .tb\:b4 { bottom: var(--ape-space-4);} .tb\:b5 { bottom: var(--ape-space-5);} .tb\:b6 { bottom: var(--ape-space-6);} .tb\:b7 { bottom: var(--ape-space-7);} .tb\:b8 { bottom: var(--ape-space-8);} .tb\:b9 { bottom: var(--ape-space-9);} .tb\:b10 { bottom: var(--ape-space-10);} .tb\:b11 { bottom: var(--ape-space-11);} .tb\:b12 { bottom: var(--ape-space-12);} .tb\:b13 { bottom: var(--ape-space-13);} .tb\:b14 { bottom: var(--ape-space-14);} .tb\:b15 { bottom: var(--ape-space-15);} .tb\:b16 { bottom: var(--ape-space-16);} .tb\:b17 { bottom: var(--ape-space-17);} .tb\:b18 { bottom: var(--ape-space-18);} .tb\:b19 { bottom: var(--ape-space-19);} .tb\:b20 { bottom: var(--ape-space-20);} .tb\:b21 { bottom: var(--ape-space-21);} .tb\:b22 { bottom: var(--ape-space-22);} .tb\:b23 { bottom: var(--ape-space-23);} .tb\:b24 { bottom: var(--ape-space-24);} .tb\:b25 { bottom: var(--ape-space-25);} .tb\:b26 { bottom: var(--ape-space-26);} .tb\:b27 { bottom: var(--ape-space-27);} .tb\:b28 { bottom: var(--ape-space-28);} .tb\:b29 { bottom: var(--ape-space-29);} .tb\:b30 { bottom: var(--ape-space-30);} .tb\:b31 { bottom: var(--ape-space-31);} .tb\:b32 { bottom: var(--ape-space-32);} .tb\:b33 { bottom: var(--ape-space-33);} .tb\:b34 { bottom: var(--ape-space-34);} .tb\:b35 { bottom: var(--ape-space-35);} .tb\:b36 { bottom: var(--ape-space-36);} .tb\:b37 { bottom: var(--ape-space-37);} .tb\:b38 { bottom: var(--ape-space-38);} .tb\:b39 { bottom: var(--ape-space-39);} .tb\:b40 { bottom: var(--ape-space-40);} .tb\:b41 { bottom: var(--ape-space-41);} .tb\:b42 { bottom: var(--ape-space-42);} .tb\:b43 { bottom: var(--ape-space-44);} .tb\:b44 { bottom: var(--ape-space-44);} .tb\:b45 { bottom: var(--ape-space-45);} .tb\:b46 { bottom: var(--ape-space-46);} .tb\:b47 { bottom: var(--ape-space-47);} .tb\:b48 { bottom: var(--ape-space-48);} .tb\:b49 { bottom: var(--ape-space-49);} .tb\:b50 { bottom: var(--ape-space-50);} .tb\:b51 { bottom: var(--ape-space-51);} .tb\:b52 { bottom: var(--ape-space-52);} .tb\:b53 { bottom: var(--ape-space-53);} .tb\:b54 { bottom: var(--ape-space-54);} .tb\:b55 { bottom: var(--ape-space-55);} .tb\:b56 { bottom: var(--ape-space-56);} .tb\:b57 { bottom: var(--ape-space-57);} .tb\:b58 { bottom: var(--ape-space-58);} .tb\:b59 { bottom: var(--ape-space-59);} .tb\:b60 { bottom: var(--ape-space-60);} .tb\:b61 { bottom: var(--ape-space-61);} .tb\:b62 { bottom: var(--ape-space-62);} .tb\:b63 { bottom: var(--ape-space-63);} .tb\:b64 { bottom: var(--ape-space-64);} /**Height**/ .tb\:h0 { height: var(--ape-space-0);} .tb\:h1 { height: var(--ape-space-1);} .tb\:h2 { height: var(--ape-space-2);} .tb\:h3 { height: var(--ape-space-3);} .tb\:h4 { height: var(--ape-space-4);} .tb\:h5 { height: var(--ape-space-5);} .tb\:h6 { height: var(--ape-space-6);} .tb\:h7 { height: var(--ape-space-7);} .tb\:h8 { height: var(--ape-space-8);} .tb\:h9 { height: var(--ape-space-9);} .tb\:h10 { height: var(--ape-space-10);} .tb\:h11 { height: var(--ape-space-11);} .tb\:h12 { height: var(--ape-space-12);} .tb\:h13 { height: var(--ape-space-13);} .tb\:h14 { height: var(--ape-space-14);} .tb\:h15 { height: var(--ape-space-15);} .tb\:h16 { height: var(--ape-space-16);} .tb\:h17 { height: var(--ape-space-17);} .tb\:h18 { height: var(--ape-space-18);} .tb\:h19 { height: var(--ape-space-19);} .tb\:h20 { height: var(--ape-space-20);} .tb\:h21 { height: var(--ape-space-21);} .tb\:h22 { height: var(--ape-space-22);} .tb\:h23 { height: var(--ape-space-23);} .tb\:h24 { height: var(--ape-space-24);} .tb\:h25 { height: var(--ape-space-25);} .tb\:h26 { height: var(--ape-space-26);} .tb\:h27 { height: var(--ape-space-27);} .tb\:h28 { height: var(--ape-space-28);} .tb\:h29 { height: var(--ape-space-29);} .tb\:h30 { height: var(--ape-space-30);} .tb\:h31 { height: var(--ape-space-31);} .tb\:h32 { height: var(--ape-space-32);} .tb\:h33 { height: var(--ape-space-33);} .tb\:h34 { height: var(--ape-space-34);} .tb\:h35 { height: var(--ape-space-35);} .tb\:h36 { height: var(--ape-space-36);} .tb\:h37 { height: var(--ape-space-37);} .tb\:h38 { height: var(--ape-space-38);} .tb\:h39 { height: var(--ape-space-39);} .tb\:h40 { height: var(--ape-space-40);} .tb\:h41 { height: var(--ape-space-41);} .tb\:h42 { height: var(--ape-space-42);} .tb\:h43 { height: var(--ape-space-43);} .tb\:h44 { height: var(--ape-space-44);} .tb\:h45 { height: var(--ape-space-45);} .tb\:h46 { height: var(--ape-space-46);} .tb\:h47 { height: var(--ape-space-47);} .tb\:h48 { height: var(--ape-space-48);} .tb\:h49 { height: var(--ape-space-49);} .tb\:h50 { height: var(--ape-space-50);} .tb\:h51 { height: var(--ape-space-51);} .tb\:h52 { height: var(--ape-space-52);} .tb\:h53 { height: var(--ape-space-53);} .tb\:h54 { height: var(--ape-space-54);} .tb\:h55 { height: var(--ape-space-55);} .tb\:h56 { height: var(--ape-space-56);} .tb\:h57 { height: var(--ape-space-57);} .tb\:h58 { height: var(--ape-space-58);} .tb\:h59 { height: var(--ape-space-59);} .tb\:h60 { height: var(--ape-space-60);} .tb\:h61 { height: var(--ape-space-61);} .tb\:h62 { height: var(--ape-space-62);} .tb\:h63 { height: var(--ape-space-63);} .tb\:h64 { height: var(--ape-space-64);} .tb\:hauto { height: auto;} .tb\:hpx { height: var(--ape-space-px);} .tb\:h100p { height: var(--ape-space-full);} .tb\:h10vh { height: var(--ape-space-10vh);} .tb\:h15vh { height: var(--ape-space-15vh);} .tb\:h20vh { height: var(--ape-space-20vh);} .tb\:h25vh { height: var(--ape-space-25vh);} .tb\:h30vh { height: var(--ape-space-30vh);} .tb\:h35vh { height: var(--ape-space-35vh);} .tb\:h40vh { height: var(--ape-space-40vh);} .tb\:h45vh { height: var(--ape-space-45vh);} .tb\:h50vh { height: var(--ape-space-50vh);} .tb\:h55vh { height: var(--ape-space-55vh);} .tb\:h60vh { height: var(--ape-space-60vh);} .tb\:h65vh { height: var(--ape-space-65vh);} .tb\:h70vh { height: var(--ape-space-70vh);} .tb\:h75vh { height: var(--ape-space-75vh);} .tb\:h80vh { height: var(--ape-space-80vh);} .tb\:h85vh { height: var(--ape-space-85vh);} .tb\:h90vh { height: var(--ape-space-90vh);} .tb\:h95vh { height: var(--ape-space-95vh);} .tb\:h100vh { height: var(--ape-space-100vh);} .tb\:minh10vh { min-height: var(--ape-space-10vh);} .tb\:minh15vh { min-height: var(--ape-space-15vh);} .tb\:minh20vh { min-height: var(--ape-space-20vh);} .tb\:minh25vh { min-height: var(--ape-space-25vh);} .tb\:minh30vh { min-height: var(--ape-space-30vh);} .tb\:minh35vh { min-height: var(--ape-space-35vh);} .tb\:minh40vh { min-height: var(--ape-space-40vh);} .tb\:minh45vh { min-height: var(--ape-space-45vh);} .tb\:minh50vh { min-height: var(--ape-space-50vh);} .tb\:minh55vh { min-height: var(--ape-space-55vh);} .tb\:minh60vh { min-height: var(--ape-space-60vh);} .tb\:minh65vh { min-height: var(--ape-space-65vh);} .tb\:minh70vh { min-height: var(--ape-space-70vh);} .tb\:minh75vh { min-height: var(--ape-space-75vh);} .tb\:minh80vh { min-height: var(--ape-space-80vh);} .tb\:minh85vh { min-height: var(--ape-space-85vh);} .tb\:minh90vh { min-height: var(--ape-space-90vh);} .tb\:minh95vh { min-height: var(--ape-space-95vh);} .tb\:minh100vh { min-height: var(--ape-space-100vh);} .tb\:maxh10vh { max-height: var(--ape-space-10vh);} .tb\:maxh15vh { max-height: var(--ape-space-15vh);} .tb\:maxh20vh { max-height: var(--ape-space-20vh);} .tb\:maxh25vh { max-height: var(--ape-space-25vh);} .tb\:maxh30vh { max-height: var(--ape-space-30vh);} .tb\:maxh35vh { max-height: var(--ape-space-35vh);} .tb\:maxh40vh { max-height: var(--ape-space-40vh);} .tb\:maxh45vh { max-height: var(--ape-space-45vh);} .tb\:maxh50vh { max-height: var(--ape-space-50vh);} .tb\:maxh55vh { max-height: var(--ape-space-55vh);} .tb\:maxh60vh { max-height: var(--ape-space-60vh);} .tb\:maxh65vh { max-height: var(--ape-space-65vh);} .tb\:maxh70vh { max-height: var(--ape-space-70vh);} .tb\:maxh75vh { max-height: var(--ape-space-75vh);} .tb\:maxh80vh { max-height: var(--ape-space-80vh);} .tb\:maxh85vh { max-height: var(--ape-space-85vh);} .tb\:maxh90vh { max-height: var(--ape-space-90vh);} .tb\:maxh95vh { max-height: var(--ape-space-95vh);} .tb\:maxh100vh { max-height: var(--ape-space-100vh);} /**Max Height**/ .tb\:maxh0 { max-height: var(--ape-space-0);} .tb\:maxh1 { max-height: var(--ape-space-1);} .tb\:maxh2 { max-height: var(--ape-space-2);} .tb\:maxh3 { max-height: var(--ape-space-3);} .tb\:maxh4 { max-height: var(--ape-space-4);} .tb\:maxh5 { max-height: var(--ape-space-5);} .tb\:maxh6 { max-height: var(--ape-space-6);} .tb\:maxh7 { max-height: var(--ape-space-7);} .tb\:maxh8 { max-height: var(--ape-space-8);} .tb\:maxh9 { max-height: var(--ape-space-9);} .tb\:maxh10 { max-height: var(--ape-space-10);} .tb\:maxh11 { max-height: var(--ape-space-11);} .tb\:maxh12 { max-height: var(--ape-space-12);} .tb\:maxh13 { max-height: var(--ape-space-13);} .tb\:maxh14 { max-height: var(--ape-space-14);} .tb\:maxh15 { max-height: var(--ape-space-15);} .tb\:maxh16 { max-height: var(--ape-space-16);} .tb\:maxh17 { max-height: var(--ape-space-17);} .tb\:maxh18 { max-height: var(--ape-space-18);} .tb\:maxh19 { max-height: var(--ape-space-19);} .tb\:maxh20 { max-height: var(--ape-space-20);} .tb\:maxh21 { max-height: var(--ape-space-21);} .tb\:maxh22 { max-height: var(--ape-space-22);} .tb\:maxh23 { max-height: var(--ape-space-23);} .tb\:maxh24 { max-height: var(--ape-space-24);} .tb\:maxh25 { max-height: var(--ape-space-25);} .tb\:maxh26 { max-height: var(--ape-space-26);} .tb\:maxh27 { max-height: var(--ape-space-27);} .tb\:maxh28 { max-height: var(--ape-space-28);} .tb\:maxh29 { max-height: var(--ape-space-29);} .tb\:maxh30 { max-height: var(--ape-space-30);} .tb\:maxh31 { max-height: var(--ape-space-31);} .tb\:maxh32 { max-height: var(--ape-space-32);} .tb\:maxh33 { max-height: var(--ape-space-33);} .tb\:maxh34 { max-height: var(--ape-space-34);} .tb\:maxh35 { max-height: var(--ape-space-35);} .tb\:maxh36 { max-height: var(--ape-space-36);} .tb\:maxh37 { max-height: var(--ape-space-37);} .tb\:maxh38 { max-height: var(--ape-space-38);} .tb\:maxh39 { max-height: var(--ape-space-39);} .tb\:maxh40 { max-height: var(--ape-space-40);} .tb\:maxh41 { max-height: var(--ape-space-41);} .tb\:maxh42 { max-height: var(--ape-space-42);} .tb\:maxh43 { max-height: var(--ape-space-43);} .tb\:maxh44 { max-height: var(--ape-space-44);} .tb\:maxh45 { max-height: var(--ape-space-45);} .tb\:maxh46 { max-height: var(--ape-space-46);} .tb\:maxh47 { max-height: var(--ape-space-47);} .tb\:maxh48 { max-height: var(--ape-space-48);} .tb\:maxh49 { max-height: var(--ape-space-49);} .tb\:maxh50 { max-height: var(--ape-space-50);} .tb\:maxh51 { max-height: var(--ape-space-51);} .tb\:maxh52 { max-height: var(--ape-space-52);} .tb\:maxh53 { max-height: var(--ape-space-53);} .tb\:maxh54 { max-height: var(--ape-space-54);} .tb\:maxh55 { max-height: var(--ape-space-55);} .tb\:maxh56 { max-height: var(--ape-space-56);} .tb\:maxh57 { max-height: var(--ape-space-57);} .tb\:maxh58 { max-height: var(--ape-space-58);} .tb\:maxh59 { max-height: var(--ape-space-59);} .tb\:maxh60 { max-height: var(--ape-space-60);} .tb\:maxh61 { max-height: var(--ape-space-61);} .tb\:maxh62 { max-height: var(--ape-space-62);} .tb\:maxh63 { max-height: var(--ape-space-63);} .tb\:maxh64 { max-height: var(--ape-space-64);} .tb\:maxhfull { max-height: var(--ape-space-full);} .tb\:maxh100vh { max-height: var(--ape-space-100vh);} .tb\:maxhauto { max-height: auto;} .tb\:maxhnone { max-height: none;} /**Min Height**/ .tb\:minh0 { min-height: var(--ape-space-0);} .tb\:minh1 { min-height: var(--ape-space-1);} .tb\:minh2 { min-height: var(--ape-space-2);} .tb\:minh3 { min-height: var(--ape-space-3);} .tb\:minh4 { min-height: var(--ape-space-4);} .tb\:minh5 { min-height: var(--ape-space-5);} .tb\:minh6 { min-height: var(--ape-space-6);} .tb\:minh7 { min-height: var(--ape-space-7);} .tb\:minh8 { min-height: var(--ape-space-8);} .tb\:minh9 { min-height: var(--ape-space-9);} .tb\:minh10 { min-height: var(--ape-space-10);} .tb\:minh11 { min-height: var(--ape-space-11);} .tb\:minh12 { min-height: var(--ape-space-12);} .tb\:minh13 { min-height: var(--ape-space-13);} .tb\:minh14 { min-height: var(--ape-space-14);} .tb\:minh15 { min-height: var(--ape-space-15);} .tb\:minh16 { min-height: var(--ape-space-16);} .tb\:minh17 { min-height: var(--ape-space-17);} .tb\:minh18 { min-height: var(--ape-space-18);} .tb\:minh19 { min-height: var(--ape-space-19);} .tb\:minh20 { min-height: var(--ape-space-20);} .tb\:minh21 { min-height: var(--ape-space-21);} .tb\:minh22 { min-height: var(--ape-space-22);} .tb\:minh23 { min-height: var(--ape-space-23);} .tb\:minh24 { min-height: var(--ape-space-24);} .tb\:minh25 { min-height: var(--ape-space-25);} .tb\:minh26 { min-height: var(--ape-space-26);} .tb\:minh27 { min-height: var(--ape-space-27);} .tb\:minh28 { min-height: var(--ape-space-28);} .tb\:minh29 { min-height: var(--ape-space-29);} .tb\:minh30 { min-height: var(--ape-space-30);} .tb\:minh31 { min-height: var(--ape-space-31);} .tb\:minh32 { min-height: var(--ape-space-32);} .tb\:minh33 { min-height: var(--ape-space-33);} .tb\:minh34 { min-height: var(--ape-space-34);} .tb\:minh35 { min-height: var(--ape-space-35);} .tb\:minh36 { min-height: var(--ape-space-36);} .tb\:minh37 { min-height: var(--ape-space-37);} .tb\:minh38 { min-height: var(--ape-space-38);} .tb\:minh39 { min-height: var(--ape-space-39);} .tb\:minh40 { min-height: var(--ape-space-40);} .tb\:minh41 { min-height: var(--ape-space-41);} .tb\:minh42 { min-height: var(--ape-space-42);} .tb\:minh43 { min-height: var(--ape-space-43);} .tb\:minh44 { min-height: var(--ape-space-44);} .tb\:minh45 { min-height: var(--ape-space-45);} .tb\:minh46 { min-height: var(--ape-space-46);} .tb\:minh47 { min-height: var(--ape-space-47);} .tb\:minh48 { min-height: var(--ape-space-48);} .tb\:minh49 { min-height: var(--ape-space-49);} .tb\:minh50 { min-height: var(--ape-space-50);} .tb\:minh51 { min-height: var(--ape-space-51);} .tb\:minh52 { min-height: var(--ape-space-52);} .tb\:minh53 { min-height: var(--ape-space-53);} .tb\:minh54 { min-height: var(--ape-space-54);} .tb\:minh55 { min-height: var(--ape-space-55);} .tb\:minh56 { min-height: var(--ape-space-56);} .tb\:minh57 { min-height: var(--ape-space-57);} .tb\:minh58 { min-height: var(--ape-space-58);} .tb\:minh59 { min-height: var(--ape-space-59);} .tb\:minh60 { min-height: var(--ape-space-60);} .tb\:minh61 { min-height: var(--ape-space-61);} .tb\:minh62 { min-height: var(--ape-space-62);} .tb\:minh63 { min-height: var(--ape-space-63);} .tb\:minh64 { min-height: var(--ape-space-64);} .tb\:minhfull { min-height: var(--ape-space-full);} .tb\:minh100vh { min-height: var(--ape-space-100vh);} .tb\:minhauto { min-height: auto;} .tb\:minhnone { min-height: none;} /**Width**/ .tb\:maxwauto { max-width: auto;} .tb\:minwauto { min-width: auto;} .tb\:maxwnone { max-width: none;} .tb\:minwnone { min-width: none;} .tb\:w0 { width: var(--ape-space-0);} .tb\:w1 { width: var(--ape-space-1);} .tb\:w2 { width: var(--ape-space-2);} .tb\:w3 { width: var(--ape-space-3);} .tb\:w4 { width: var(--ape-space-4);} .tb\:w5 { width: var(--ape-space-5);} .tb\:w6 { width: var(--ape-space-6);} .tb\:w7 { width: var(--ape-space-7);} .tb\:w8 { width: var(--ape-space-8);} .tb\:w9 { width: var(--ape-space-9);} .tb\:w10 { width: var(--ape-space-10);} .tb\:w11 { width: var(--ape-space-11);} .tb\:w12 { width: var(--ape-space-12);} .tb\:w13 { width: var(--ape-space-13);} .tb\:w14 { width: var(--ape-space-14);} .tb\:w15 { width: var(--ape-space-15);} .tb\:w16 { width: var(--ape-space-16);} .tb\:w17 { width: var(--ape-space-17);} .tb\:w18 { width: var(--ape-space-18);} .tb\:w19 { width: var(--ape-space-19);} .tb\:w20 { width: var(--ape-space-20);} .tb\:w21 { width: var(--ape-space-21);} .tb\:w22 { width: var(--ape-space-22);} .tb\:w23 { width: var(--ape-space-23);} .tb\:w24 { width: var(--ape-space-24);} .tb\:w25 { width: var(--ape-space-25);} .tb\:w26 { width: var(--ape-space-26);} .tb\:w27 { width: var(--ape-space-27);} .tb\:w28 { width: var(--ape-space-28);} .tb\:w29 { width: var(--ape-space-29);} .tb\:w30 { width: var(--ape-space-30);} .tb\:w31 { width: var(--ape-space-31);} .tb\:w32 { width: var(--ape-space-32);} .tb\:w33 { width: var(--ape-space-33);} .tb\:w34 { width: var(--ape-space-34);} .tb\:w35 { width: var(--ape-space-35);} .tb\:w36 { width: var(--ape-space-36);} .tb\:w37 { width: var(--ape-space-37);} .tb\:w38 { width: var(--ape-space-38);} .tb\:w39 { width: var(--ape-space-39);} .tb\:w40 { width: var(--ape-space-40);} .tb\:w41 { width: var(--ape-space-41);} .tb\:w42 { width: var(--ape-space-42);} .tb\:w43 { width: var(--ape-space-43);} .tb\:w44 { width: var(--ape-space-44);} .tb\:w45 { width: var(--ape-space-45);} .tb\:w46 { width: var(--ape-space-46);} .tb\:w47 { width: var(--ape-space-47);} .tb\:w48 { width: var(--ape-space-48);} .tb\:w49 { width: var(--ape-space-49);} .tb\:w50 { width: var(--ape-space-50);} .tb\:w51 { width: var(--ape-space-51);} .tb\:w52 { width: var(--ape-space-52);} .tb\:w53 { width: var(--ape-space-53);} .tb\:w54 { width: var(--ape-space-54);} .tb\:w55 { width: var(--ape-space-55);} .tb\:w56 { width: var(--ape-space-56);} .tb\:w57 { width: var(--ape-space-57);} .tb\:w58 { width: var(--ape-space-58);} .tb\:w59 { width: var(--ape-space-59);} .tb\:w60 { width: var(--ape-space-60);} .tb\:w61 { width: var(--ape-space-61);} .tb\:w62 { width: var(--ape-space-62);} .tb\:w63 { width: var(--ape-space-63);} .tb\:w64 { width: var(--ape-space-64);} .tb\:wauto { width: var(--ape-space-auto);} .tb\:wpx { width: var(--ape-space-px);} .tb\:wmin {width: min-content;} .tb\:wmax {width: max-content;} .tb\:wfit {width: fit-content;} /**Percentage Width**/ .tb\:w10p { width: var(--ape-space-10p); } .tb\:w15p { width: var(--ape-space-15p); } .tb\:w20p { width: var(--ape-space-20p); } .tb\:w25p { width: var(--ape-space-25p); } .tb\:w30p { width: var(--ape-space-30p); } .tb\:w35p { width: var(--ape-space-35p); } .tb\:w40p { width: var(--ape-space-40p); } .tb\:w45p { width: var(--ape-space-45p); } .tb\:w50p { width: var(--ape-space-50p); } .tb\:w55p { width: var(--ape-space-55p); } .tb\:w60p { width: var(--ape-space-60p); } .tb\:w65p { width: var(--ape-space-65p); } .tb\:w70p { width: var(--ape-space-70p); } .tb\:w75p { width: var(--ape-space-75p); } .tb\:w80p { width: var(--ape-space-80p); } .tb\:w85p { width: var(--ape-space-85p); } .tb\:w90p { width: var(--ape-space-90p); } .tb\:w95p { width: var(--ape-space-95p); } .tb\:w100p { width: var(--ape-space-100p); } /**Max Width**/ .tb\:maxw0 { max-width: var(--ape-space-0);} .tb\:maxw1 { max-width: var(--ape-space-1);} .tb\:maxw2 { max-width: var(--ape-space-2);} .tb\:maxw3 { max-width: var(--ape-space-3);} .tb\:maxw4 { max-width: var(--ape-space-4);} .tb\:maxw5 { max-width: var(--ape-space-5);} .tb\:maxw6 { max-width: var(--ape-space-6);} .tb\:maxw7 { max-width: var(--ape-space-7);} .tb\:maxw8 { max-width: var(--ape-space-8);} .tb\:maxw9 { max-width: var(--ape-space-9);} .tb\:maxw10 { max-width: var(--ape-space-10);} .tb\:maxw11 { max-width: var(--ape-space-11);} .tb\:maxw12 { max-width: var(--ape-space-12);} .tb\:maxw13 { max-width: var(--ape-space-13);} .tb\:maxw14 { max-width: var(--ape-space-14);} .tb\:maxw15 { max-width: var(--ape-space-15);} .tb\:maxw16 { max-width: var(--ape-space-16);} .tb\:maxw17 { max-width: var(--ape-space-17);} .tb\:maxw18 { max-width: var(--ape-space-18);} .tb\:maxw19 { max-width: var(--ape-space-19);} .tb\:maxw20 { max-width: var(--ape-space-20);} .tb\:maxw21 { max-width: var(--ape-space-21);} .tb\:maxw22 { max-width: var(--ape-space-22);} .tb\:maxw23 { max-width: var(--ape-space-23);} .tb\:maxw24 { max-width: var(--ape-space-24);} .tb\:maxw25 { max-width: var(--ape-space-25);} .tb\:maxw26 { max-width: var(--ape-space-26);} .tb\:maxw27 { max-width: var(--ape-space-27);} .tb\:maxw28 { max-width: var(--ape-space-28);} .tb\:maxw29 { max-width: var(--ape-space-29);} .tb\:maxw30 { max-width: var(--ape-space-30);} .tb\:maxw31 { max-width: var(--ape-space-31);} .tb\:maxw32 { max-width: var(--ape-space-32);} .tb\:maxw33 { max-width: var(--ape-space-33);} .tb\:maxw34 { max-width: var(--ape-space-34);} .tb\:maxw35 { max-width: var(--ape-space-35);} .tb\:maxw36 { max-width: var(--ape-space-36);} .tb\:maxw37 { max-width: var(--ape-space-37);} .tb\:maxw38 { max-width: var(--ape-space-38);} .tb\:maxw39 { max-width: var(--ape-space-39);} .tb\:maxw40 { max-width: var(--ape-space-40);} .tb\:maxw41 { max-width: var(--ape-space-41);} .tb\:maxw42 { max-width: var(--ape-space-42);} .tb\:maxw43 { max-width: var(--ape-space-43);} .tb\:maxw44 { max-width: var(--ape-space-44);} .tb\:maxw45 { max-width: var(--ape-space-45);} .tb\:maxw46 { max-width: var(--ape-space-46);} .tb\:maxw47 { max-width: var(--ape-space-47);} .tb\:maxw48 { max-width: var(--ape-space-48);} .tb\:maxw49 { max-width: var(--ape-space-49);} .tb\:maxw50 { max-width: var(--ape-space-50);} .tb\:maxw51 { max-width: var(--ape-space-51);} .tb\:maxw52 { max-width: var(--ape-space-52);} .tb\:maxw53 { max-width: var(--ape-space-53);} .tb\:maxw54 { max-width: var(--ape-space-54);} .tb\:maxw55 { max-width: var(--ape-space-55);} .tb\:maxw56 { max-width: var(--ape-space-56);} .tb\:maxw57 { max-width: var(--ape-space-57);} .tb\:maxw58 { max-width: var(--ape-space-58);} .tb\:maxw59 { max-width: var(--ape-space-59);} .tb\:maxw60 { max-width: var(--ape-space-60);} .tb\:maxw61 { max-width: var(--ape-space-61);} .tb\:maxw62 { max-width: var(--ape-space-62);} .tb\:maxw63 { max-width: var(--ape-space-63);} .tb\:maxw64 { max-width: var(--ape-space-64);} .tb\:maxwfull { max-width: var(--ape-space-full);} .tb\:maxw100vh { max-width: var(--ape-space-100vh);} .tb\:maxwmin {max-width: min-content;} .tb\:maxwmax {max-width: max-content;} .tb\:maxwfit {max-width: fit-content;} /**Min Width**/ .tb\:minw0 { min-width: var(--ape-space-0);} .tb\:minw1 { min-width: var(--ape-space-1);} .tb\:minw2 { min-width: var(--ape-space-2);} .tb\:minw3 { min-width: var(--ape-space-3);} .tb\:minw4 { min-width: var(--ape-space-4);} .tb\:minw5 { min-width: var(--ape-space-5);} .tb\:minw6 { min-width: var(--ape-space-6);} .tb\:minw7 { min-width: var(--ape-space-7);} .tb\:minw8 { min-width: var(--ape-space-8);} .tb\:minw9 { min-width: var(--ape-space-9);} .tb\:minw10 { min-width: var(--ape-space-10);} .tb\:minw11 { min-width: var(--ape-space-11);} .tb\:minw12 { min-width: var(--ape-space-12);} .tb\:minw13 { min-width: var(--ape-space-13);} .tb\:minw14 { min-width: var(--ape-space-14);} .tb\:minw15 { min-width: var(--ape-space-15);} .tb\:minw16 { min-width: var(--ape-space-16);} .tb\:minw17 { min-width: var(--ape-space-17);} .tb\:minw18 { min-width: var(--ape-space-18);} .tb\:minw19 { min-width: var(--ape-space-19);} .tb\:minw20 { min-width: var(--ape-space-20);} .tb\:minw21 { min-width: var(--ape-space-21);} .tb\:minw22 { min-width: var(--ape-space-22);} .tb\:minw23 { min-width: var(--ape-space-23);} .tb\:minw24 { min-width: var(--ape-space-24);} .tb\:minw25 { min-width: var(--ape-space-25);} .tb\:minw26 { min-width: var(--ape-space-26);} .tb\:minw27 { min-width: var(--ape-space-27);} .tb\:minw28 { min-width: var(--ape-space-28);} .tb\:minw29 { min-width: var(--ape-space-29);} .tb\:minw30 { min-width: var(--ape-space-30);} .tb\:minw31 { min-width: var(--ape-space-31);} .tb\:minw32 { min-width: var(--ape-space-32);} .tb\:minw33 { min-width: var(--ape-space-33);} .tb\:minw34 { min-width: var(--ape-space-34);} .tb\:minw35 { min-width: var(--ape-space-35);} .tb\:minw36 { min-width: var(--ape-space-36);} .tb\:minw37 { min-width: var(--ape-space-37);} .tb\:minw38 { min-width: var(--ape-space-38);} .tb\:minw39 { min-width: var(--ape-space-39);} .tb\:minw40 { min-width: var(--ape-space-40);} .tb\:minw41 { min-width: var(--ape-space-41);} .tb\:minw42 { min-width: var(--ape-space-42);} .tb\:minw43 { min-width: var(--ape-space-43);} .tb\:minw44 { min-width: var(--ape-space-44);} .tb\:minw45 { min-width: var(--ape-space-45);} .tb\:minw46 { min-width: var(--ape-space-46);} .tb\:minw47 { min-width: var(--ape-space-47);} .tb\:minw48 { min-width: var(--ape-space-48);} .tb\:minw49 { min-width: var(--ape-space-49);} .tb\:minw50 { min-width: var(--ape-space-50);} .tb\:minw51 { min-width: var(--ape-space-51);} .tb\:minw52 { min-width: var(--ape-space-52);} .tb\:minw53 { min-width: var(--ape-space-53);} .tb\:minw54 { min-width: var(--ape-space-54);} .tb\:minw55 { min-width: var(--ape-space-55);} .tb\:minw56 { min-width: var(--ape-space-56);} .tb\:minw57 { min-width: var(--ape-space-57);} .tb\:minw58 { min-width: var(--ape-space-58);} .tb\:minw59 { min-width: var(--ape-space-59);} .tb\:minw60 { min-width: var(--ape-space-60);} .tb\:minw61 { min-width: var(--ape-space-61);} .tb\:minw62 { min-width: var(--ape-space-62);} .tb\:minw63 { min-width: var(--ape-space-63);} .tb\:minw64 { min-width: var(--ape-space-64);} .tb\:minwfull { min-width: var(--ape-space-full);} .tb\:minw100vh { min-width: var(--ape-space-100vh);} .tb\:minwmin {min-width: min-content;} .tb\:minwmax {min-width: max-content;} .tb\:minwfit {min-width: fit-content;} .tb\:wfull { width: var(--ape-space-full); } .tb\:w100vw { width: var(--ape-space-100vw); } .tb\:minw10vw { min-width: var(--ape-space-10vw); } .tb\:minw15vw { min-width: var(--ape-space-15vw); } .tb\:minw20vw { min-width: var(--ape-space-20vw); } .tb\:minw25vw { min-width: var(--ape-space-25vw); } .tb\:minw30vw { min-width: var(--ape-space-30vw); } .tb\:minw35vw { min-width: var(--ape-space-35vw); } .tb\:minw40vw { min-width: var(--ape-space-40vw); } .tb\:minw45vw { min-width: var(--ape-space-45vw); } .tb\:minw50vw { min-width: var(--ape-space-50vw); } .tb\:minw55vw { min-width: var(--ape-space-55vw); } .tb\:minw60vw { min-width: var(--ape-space-60vw); } .tb\:minw65vw { min-width: var(--ape-space-65vw); } .tb\:minw70vw { min-width: var(--ape-space-70vw); } .tb\:minw75vw { min-width: var(--ape-space-75vw); } .tb\:minw80vw { min-width: var(--ape-space-80vw); } .tb\:minw85vw { min-width: var(--ape-space-85vw); } .tb\:minw90vw { min-width: var(--ape-space-90vw); } .tb\:minw95vw { min-width: var(--ape-space-95vw); } .tb\:minw100vw { min-width: var(--ape-space-100vw); } .tb\:maxw10vw { max-width: var(--ape-space-10vw); } .tb\:maxw15vw { max-width: var(--ape-space-15vw); } .tb\:maxw20vw { max-width: var(--ape-space-20vw); } .tb\:maxw25vw { max-width: var(--ape-space-25vw); } .tb\:maxw30vw { max-width: var(--ape-space-30vw); } .tb\:maxw35vw { max-width: var(--ape-space-35vw); } .tb\:maxw40vw { max-width: var(--ape-space-40vw); } .tb\:maxw45vw { max-width: var(--ape-space-45vw); } .tb\:maxw50vw { max-width: var(--ape-space-50vw); } .tb\:maxw55vw { max-width: var(--ape-space-55vw); } .tb\:maxw60vw { max-width: var(--ape-space-60vw); } .tb\:maxw65vw { max-width: var(--ape-space-65vw); } .tb\:maxw70vw { max-width: var(--ape-space-70vw); } .tb\:maxw75vw { max-width: var(--ape-space-75vw); } .tb\:maxw80vw { max-width: var(--ape-space-80vw); } .tb\:maxw85vw { max-width: var(--ape-space-85vw); } .tb\:maxw90vw { max-width: var(--ape-space-90vw); } .tb\:maxw95vw { max-width: var(--ape-space-95vw); } .tb\:maxw100vw { max-width: var(--ape-space-100vw); } /**Margin**/ .tb\:m0 { margin: var(--ape-space-0);} .tb\:m1 { margin: var(--ape-space-1);} .tb\:m2 { margin: var(--ape-space-2);} .tb\:m3 { margin: var(--ape-space-3);} .tb\:m4 { margin: var(--ape-space-4);} .tb\:m5 { margin: var(--ape-space-5);} .tb\:m6 { margin: var(--ape-space-6);} .tb\:m7 { margin: var(--ape-space-7);} .tb\:m8 { margin: var(--ape-space-8);} .tb\:m9 { margin: var(--ape-space-9);} .tb\:m10 { margin: var(--ape-space-10);} .tb\:m11 { margin: var(--ape-space-11);} .tb\:m12 { margin: var(--ape-space-12);} .tb\:m13 { margin: var(--ape-space-13);} .tb\:m14 { margin: var(--ape-space-14);} .tb\:m15 { margin: var(--ape-space-15);} .tb\:m16 { margin: var(--ape-space-16);} .tb\:m17 { margin: var(--ape-space-17);} .tb\:m18 { margin: var(--ape-space-18);} .tb\:m19 { margin: var(--ape-space-19);} .tb\:m20 { margin: var(--ape-space-20);} .tb\:m21 { margin: var(--ape-space-21);} .tb\:m22 { margin: var(--ape-space-22);} .tb\:m23 { margin: var(--ape-space-23);} .tb\:m24 { margin: var(--ape-space-24);} .tb\:m25 { margin: var(--ape-space-25);} .tb\:m26 { margin: var(--ape-space-26);} .tb\:m27 { margin: var(--ape-space-27);} .tb\:m28 { margin: var(--ape-space-28);} .tb\:m29 { margin: var(--ape-space-29);} .tb\:m30 { margin: var(--ape-space-30);} .tb\:m31 { margin: var(--ape-space-31);} .tb\:m32 { margin: var(--ape-space-32);} .tb\:m33 { margin: var(--ape-space-33);} .tb\:m34 { margin: var(--ape-space-34);} .tb\:m35 { margin: var(--ape-space-35);} .tb\:m36 { margin: var(--ape-space-36);} .tb\:m37 { margin: var(--ape-space-37);} .tb\:m38 { margin: var(--ape-space-38);} .tb\:m39 { margin: var(--ape-space-39);} .tb\:m40 { margin: var(--ape-space-40);} .tb\:m41 { margin: var(--ape-space-41);} .tb\:m42 { margin: var(--ape-space-42);} .tb\:m43 { margin: var(--ape-space-43);} .tb\:m44 { margin: var(--ape-space-44);} .tb\:m45 { margin: var(--ape-space-45);} .tb\:m46 { margin: var(--ape-space-46);} .tb\:m47 { margin: var(--ape-space-47);} .tb\:m48 { margin: var(--ape-space-48);} .tb\:m49 { margin: var(--ape-space-49);} .tb\:m50 { margin: var(--ape-space-50);} .tb\:m51 { margin: var(--ape-space-51);} .tb\:m52 { margin: var(--ape-space-52);} .tb\:m53 { margin: var(--ape-space-53);} .tb\:m54 { margin: var(--ape-space-54);} .tb\:m55 { margin: var(--ape-space-55);} .tb\:m56 { margin: var(--ape-space-56);} .tb\:m57 { margin: var(--ape-space-57);} .tb\:m58 { margin: var(--ape-space-58);} .tb\:m59 { margin: var(--ape-space-59);} .tb\:m60 { margin: var(--ape-space-60);} .tb\:m61 { margin: var(--ape-space-61);} .tb\:m62 { margin: var(--ape-space-62);} .tb\:m63 { margin: var(--ape-space-63);} .tb\:m64 { margin: var(--ape-space-64);} .tb\:mauto { margin: var(--ape-space-auto);} .tb\:mpx { margin: var(--ape-space-px);} /**Margin Negative**/ .tb\:-m0 { margin: calc(var(--ape-space-0) * -1); } .tb\:-m1 { margin: calc(var(--ape-space-1) * -1); } .tb\:-m2 { margin: calc(var(--ape-space-2) * -1); } .tb\:-m3 { margin: calc(var(--ape-space-3) * -1); } .tb\:-m4 { margin: calc(var(--ape-space-4) * -1); } .tb\:-m5 { margin: calc(var(--ape-space-5) * -1); } .tb\:-m6 { margin: calc(var(--ape-space-6) * -1); } .tb\:-m7 { margin: calc(var(--ape-space-7) * -1); } .tb\:-m8 { margin: calc(var(--ape-space-8) * -1); } .tb\:-m9 { margin: calc(var(--ape-space-9) * -1); } .tb\:-m10 { margin: calc(var(--ape-space-10) * -1); } .tb\:-m11 { margin: calc(var(--ape-space-11) * -1); } .tb\:-m12 { margin: calc(var(--ape-space-12) * -1); } .tb\:-m13 { margin: calc(var(--ape-space-13) * -1); } .tb\:-m14 { margin: calc(var(--ape-space-14) * -1); } .tb\:-m15 { margin: calc(var(--ape-space-15) * -1); } .tb\:-m16 { margin: calc(var(--ape-space-16) * -1); } .tb\:-m17 { margin: calc(var(--ape-space-17) * -1); } .tb\:-m18 { margin: calc(var(--ape-space-18) * -1); } .tb\:-m19 { margin: calc(var(--ape-space-19) * -1); } .tb\:-m20 { margin: calc(var(--ape-space-20) * -1); } .tb\:-m21 { margin: calc(var(--ape-space-21) * -1); } .tb\:-m22 { margin: calc(var(--ape-space-22) * -1); } .tb\:-m23 { margin: calc(var(--ape-space-23) * -1); } .tb\:-m24 { margin: calc(var(--ape-space-24) * -1); } .tb\:-m25 { margin: calc(var(--ape-space-25) * -1); } .tb\:-m26 { margin: calc(var(--ape-space-26) * -1); } .tb\:-m27 { margin: calc(var(--ape-space-27) * -1); } .tb\:-m28 { margin: calc(var(--ape-space-28) * -1); } .tb\:-m29 { margin: calc(var(--ape-space-29) * -1); } .tb\:-m30 { margin: calc(var(--ape-space-30) * -1); } .tb\:-m31 { margin: calc(var(--ape-space-31) * -1); } .tb\:-m32 { margin: calc(var(--ape-space-32) * -1); } .tb\:-m33 { margin: calc(var(--ape-space-33) * -1); } .tb\:-m34 { margin: calc(var(--ape-space-34) * -1); } .tb\:-m35 { margin: calc(var(--ape-space-35) * -1); } .tb\:-m36 { margin: calc(var(--ape-space-36) * -1); } .tb\:-m37 { margin: calc(var(--ape-space-37) * -1); } .tb\:-m38 { margin: calc(var(--ape-space-38) * -1); } .tb\:-m39 { margin: calc(var(--ape-space-39) * -1); } .tb\:-m40 { margin: calc(var(--ape-space-40) * -1); } .tb\:-m41 { margin: calc(var(--ape-space-41) * -1); } .tb\:-m42 { margin: calc(var(--ape-space-42) * -1); } .tb\:-m43 { margin: calc(var(--ape-space-43) * -1); } .tb\:-m44 { margin: calc(var(--ape-space-44) * -1); } .tb\:-m45 { margin: calc(var(--ape-space-45) * -1); } .tb\:-m46 { margin: calc(var(--ape-space-46) * -1); } .tb\:-m47 { margin: calc(var(--ape-space-47) * -1); } .tb\:-m48 { margin: calc(var(--ape-space-48) * -1); } .tb\:-m49 { margin: calc(var(--ape-space-49) * -1); } .tb\:-m50 { margin: calc(var(--ape-space-50) * -1); } .tb\:-m51 { margin: calc(var(--ape-space-51) * -1); } .tb\:-m52 { margin: calc(var(--ape-space-52) * -1); } .tb\:-m53 { margin: calc(var(--ape-space-53) * -1); } .tb\:-m54 { margin: calc(var(--ape-space-54) * -1); } .tb\:-m55 { margin: calc(var(--ape-space-55) * -1); } .tb\:-m56 { margin: calc(var(--ape-space-56) * -1); } .tb\:-m57 { margin: calc(var(--ape-space-57) * -1); } .tb\:-m58 { margin: calc(var(--ape-space-58) * -1); } .tb\:-m59 { margin: calc(var(--ape-space-59) * -1); } .tb\:-m60 { margin: calc(var(--ape-space-60) * -1); } .tb\:-m61 { margin: calc(var(--ape-space-61) * -1); } .tb\:-m62 { margin: calc(var(--ape-space-62) * -1); } .tb\:-m63 { margin: calc(var(--ape-space-63) * -1); } .tb\:-m64 { margin: calc(var(--ape-space-64) * -1); } .tb\:-mpx { margin: calc(var(--ape-space-px) * -1); } /**Margin X Y**/ .tb\:my0 { margin-top: var(--ape-space-0); margin-bottom: var(--ape-space-0);} .tb\:mx0 { margin-left: var(--ape-space-0); margin-right: var(--ape-space-0);} .tb\:my1 { margin-top: var(--ape-space-1); margin-bottom: var(--ape-space-1);} .tb\:mx1 { margin-left: var(--ape-space-1); margin-right: var(--ape-space-1);} .tb\:my2 { margin-top: var(--ape-space-2); margin-bottom: var(--ape-space-2);} .tb\:mx2 { margin-left: var(--ape-space-2); margin-right: var(--ape-space-2);} .tb\:my3 { margin-top: var(--ape-space-3); margin-bottom: var(--ape-space-3);} .tb\:mx3 { margin-left: var(--ape-space-3); margin-right: var(--ape-space-3);} .tb\:my4 { margin-top: var(--ape-space-4); margin-bottom: var(--ape-space-4);} .tb\:mx4 { margin-left: var(--ape-space-4); margin-right: var(--ape-space-4);} .tb\:my5 { margin-top: var(--ape-space-5); margin-bottom: var(--ape-space-5);} .tb\:mx5 { margin-left: var(--ape-space-5); margin-right: var(--ape-space-5);} .tb\:my6 { margin-top: var(--ape-space-6); margin-bottom: var(--ape-space-6);} .tb\:mx6 { margin-left: var(--ape-space-6); margin-right: var(--ape-space-6);} .tb\:my7 { margin-top: var(--ape-space-7); margin-bottom: var(--ape-space-7);} .tb\:mx7 { margin-left: var(--ape-space-7); margin-right: var(--ape-space-7);} .tb\:my8 { margin-top: var(--ape-space-8); margin-bottom: var(--ape-space-8);} .tb\:mx8 { margin-left: var(--ape-space-8); margin-right: var(--ape-space-8);} .tb\:my9 { margin-top: var(--ape-space-9); margin-bottom: var(--ape-space-9);} .tb\:mx9 { margin-left: var(--ape-space-9); margin-right: var(--ape-space-9);} .tb\:my10 { margin-top: var(--ape-space-10); margin-bottom: var(--ape-space-10);} .tb\:mx10 { margin-left: var(--ape-space-10); margin-right: var(--ape-space-10);} .tb\:my11 { margin-top: var(--ape-space-11); margin-bottom: var(--ape-space-11);} .tb\:mx11 { margin-left: var(--ape-space-11); margin-right: var(--ape-space-11);} .tb\:my12 { margin-top: var(--ape-space-12); margin-bottom: var(--ape-space-12);} .tb\:mx12 { margin-left: var(--ape-space-12); margin-right: var(--ape-space-12);} .tb\:my13 { margin-top: var(--ape-space-13); margin-bottom: var(--ape-space-13);} .tb\:mx13 { margin-left: var(--ape-space-13); margin-right: var(--ape-space-13);} .tb\:my14 { margin-top: var(--ape-space-14); margin-bottom: var(--ape-space-14);} .tb\:mx14 { margin-left: var(--ape-space-14); margin-right: var(--ape-space-14);} .tb\:my15 { margin-top: var(--ape-space-15); margin-bottom: var(--ape-space-15);} .tb\:mx15 { margin-left: var(--ape-space-15); margin-right: var(--ape-space-15);} .tb\:my16 { margin-top: var(--ape-space-16); margin-bottom: var(--ape-space-16);} .tb\:mx16 { margin-left: var(--ape-space-16); margin-right: var(--ape-space-16);} .tb\:my17 { margin-top: var(--ape-space-17); margin-bottom: var(--ape-space-17);} .tb\:mx17 { margin-left: var(--ape-space-17); margin-right: var(--ape-space-17);} .tb\:my18 { margin-top: var(--ape-space-18); margin-bottom: var(--ape-space-18);} .tb\:mx18 { margin-left: var(--ape-space-18); margin-right: var(--ape-space-18);} .tb\:my19 { margin-top: var(--ape-space-19); margin-bottom: var(--ape-space-19);} .tb\:mx19 { margin-left: var(--ape-space-19); margin-right: var(--ape-space-19);} .tb\:my20 { margin-top: var(--ape-space-20); margin-bottom: var(--ape-space-20);} .tb\:mx20 { margin-left: var(--ape-space-20); margin-right: var(--ape-space-20);} .tb\:my21 { margin-top: var(--ape-space-21); margin-bottom: var(--ape-space-21);} .tb\:mx21 { margin-left: var(--ape-space-21); margin-right: var(--ape-space-21);} .tb\:my22 { margin-top: var(--ape-space-22); margin-bottom: var(--ape-space-22);} .tb\:mx22 { margin-left: var(--ape-space-22); margin-right: var(--ape-space-22);} .tb\:my23 { margin-top: var(--ape-space-23); margin-bottom: var(--ape-space-23);} .tb\:mx23 { margin-left: var(--ape-space-23); margin-right: var(--ape-space-23);} .tb\:my24 { margin-top: var(--ape-space-24); margin-bottom: var(--ape-space-24);} .tb\:mx24 { margin-left: var(--ape-space-24); margin-right: var(--ape-space-24);} .tb\:my25 { margin-top: var(--ape-space-25); margin-bottom: var(--ape-space-25);} .tb\:mx25 { margin-left: var(--ape-space-25); margin-right: var(--ape-space-25);} .tb\:my26 { margin-top: var(--ape-space-26); margin-bottom: var(--ape-space-26);} .tb\:mx26 { margin-left: var(--ape-space-26); margin-right: var(--ape-space-26);} .tb\:my27 { margin-top: var(--ape-space-27); margin-bottom: var(--ape-space-27);} .tb\:mx27 { margin-left: var(--ape-space-27); margin-right: var(--ape-space-27);} .tb\:my28 { margin-top: var(--ape-space-28); margin-bottom: var(--ape-space-28);} .tb\:mx28 { margin-left: var(--ape-space-28); margin-right: var(--ape-space-28);} .tb\:my29 { margin-top: var(--ape-space-29); margin-bottom: var(--ape-space-29);} .tb\:mx29 { margin-left: var(--ape-space-29); margin-right: var(--ape-space-29);} .tb\:my30 { margin-top: var(--ape-space-30); margin-bottom: var(--ape-space-30);} .tb\:mx30 { margin-left: var(--ape-space-30); margin-right: var(--ape-space-30);} .tb\:my31 { margin-top: var(--ape-space-31); margin-bottom: var(--ape-space-31);} .tb\:mx31 { margin-left: var(--ape-space-31); margin-right: var(--ape-space-31);} .tb\:my32 { margin-top: var(--ape-space-32); margin-bottom: var(--ape-space-32);} .tb\:mx32 { margin-left: var(--ape-space-32); margin-right: var(--ape-space-32);} .tb\:my33 { margin-top: var(--ape-space-33); margin-bottom: var(--ape-space-33);} .tb\:mx33 { margin-left: var(--ape-space-33); margin-right: var(--ape-space-33);} .tb\:my34 { margin-top: var(--ape-space-34); margin-bottom: var(--ape-space-34);} .tb\:mx34 { margin-left: var(--ape-space-34); margin-right: var(--ape-space-34);} .tb\:my35 { margin-top: var(--ape-space-35); margin-bottom: var(--ape-space-35);} .tb\:mx35 { margin-left: var(--ape-space-35); margin-right: var(--ape-space-35);} .tb\:my36 { margin-top: var(--ape-space-36); margin-bottom: var(--ape-space-36);} .tb\:mx36 { margin-left: var(--ape-space-36); margin-right: var(--ape-space-36);} .tb\:my37 { margin-top: var(--ape-space-37); margin-bottom: var(--ape-space-37);} .tb\:mx37 { margin-left: var(--ape-space-37); margin-right: var(--ape-space-37);} .tb\:my38 { margin-top: var(--ape-space-38); margin-bottom: var(--ape-space-38);} .tb\:mx38 { margin-left: var(--ape-space-38); margin-right: var(--ape-space-38);} .tb\:myauto { margin-top: var(--ape-space-auto); margin-bottom: var(--ape-space-auto);} .tb\:mxauto { margin-left: var(--ape-space-auto); margin-right: var(--ape-space-auto);} .tb\:mypx { margin-top: var(--ape-space-px); margin-bottom: var(--ape-space-px);} .tb\:mxpx { margin-left: var(--ape-space-px); margin-right: var(--ape-space-px);} /**Margin x y Negative**/ .tb\:-my0 { margin-top: calc(var(--ape-space-0) * -1); margin-bottom: calc(var(--ape-space-0) * -1);} .tb\:-mx0 { margin-left: calc(var(--ape-space-0) * -1); margin-right: calc(var(--ape-space-0) * -1);} .tb\:-my1 { margin-top: calc(var(--ape-space-1) * -1); margin-bottom: calc(var(--ape-space-1) * -1);} .tb\:-mx1 { margin-left: calc(var(--ape-space-1) * -1); margin-right: calc(var(--ape-space-1) * -1);} .tb\:-my2 { margin-top: calc(var(--ape-space-2) * -1); margin-bottom: calc(var(--ape-space-2) * -1);} .tb\:-mx2 { margin-left: calc(var(--ape-space-2) * -1); margin-right: calc(var(--ape-space-2) * -1);} .tb\:-my3 { margin-top: calc(var(--ape-space-3) * -1); margin-bottom: calc(var(--ape-space-3) * -1);} .tb\:-mx3 { margin-left: calc(var(--ape-space-3) * -1); margin-right: calc(var(--ape-space-3) * -1);} .tb\:-my4 { margin-top: calc(var(--ape-space-4) * -1); margin-bottom: calc(var(--ape-space-4) * -1);} .tb\:-mx4 { margin-left: calc(var(--ape-space-4) * -1); margin-right: calc(var(--ape-space-4) * -1);} .tb\:-my5 { margin-top: calc(var(--ape-space-5) * -1); margin-bottom: calc(var(--ape-space-5) * -1);} .tb\:-mx5 { margin-left: calc(var(--ape-space-5) * -1); margin-right: calc(var(--ape-space-5) * -1);} .tb\:-my6 { margin-top: calc(var(--ape-space-6) * -1); margin-bottom: calc(var(--ape-space-6) * -1);} .tb\:-mx6 { margin-left: calc(var(--ape-space-6) * -1); margin-right: calc(var(--ape-space-6) * -1);} .tb\:-my7 { margin-top: calc(var(--ape-space-7) * -1); margin-bottom: calc(var(--ape-space-7) * -1);} .tb\:-mx7 { margin-left: calc(var(--ape-space-7) * -1); margin-right: calc(var(--ape-space-7) * -1);} .tb\:-my8 { margin-top: calc(var(--ape-space-8) * -1); margin-bottom: calc(var(--ape-space-8) * -1);} .tb\:-mx8 { margin-left: calc(var(--ape-space-8) * -1); margin-right: calc(var(--ape-space-8) * -1);} .tb\:-my9 { margin-top: calc(var(--ape-space-9) * -1); margin-bottom: calc(var(--ape-space-9) * -1);} .tb\:-mx9 { margin-left: calc(var(--ape-space-9) * -1); margin-right: calc(var(--ape-space-9) * -1);} .tb\:-my10 { margin-top: calc(var(--ape-space-10) * -1); margin-bottom: calc(var(--ape-space-10) * -1);} .tb\:-mx10 { margin-left: calc(var(--ape-space-10) * -1); margin-right: calc(var(--ape-space-10) * -1);} .tb\:-my11 { margin-top: calc(var(--ape-space-11) * -1); margin-bottom: calc(var(--ape-space-11) * -1);} .tb\:-mx11 { margin-left: calc(var(--ape-space-11) * -1); margin-right: calc(var(--ape-space-11) * -1);} .tb\:-my12 { margin-top: calc(var(--ape-space-12) * -1); margin-bottom: calc(var(--ape-space-12) * -1);} .tb\:-mx12 { margin-left: calc(var(--ape-space-12) * -1); margin-right: calc(var(--ape-space-12) * -1);} .tb\:-my13 { margin-top: calc(var(--ape-space-13) * -1); margin-bottom: calc(var(--ape-space-13) * -1);} .tb\:-mx13 { margin-left: calc(var(--ape-space-13) * -1); margin-right: calc(var(--ape-space-13) * -1);} .tb\:-my14 { margin-top: calc(var(--ape-space-14) * -1); margin-bottom: calc(var(--ape-space-14) * -1);} .tb\:-mx14 { margin-left: calc(var(--ape-space-14) * -1); margin-right: calc(var(--ape-space-14) * -1);} .tb\:-my15 { margin-top: calc(var(--ape-space-15) * -1); margin-bottom: calc(var(--ape-space-15) * -1);} .tb\:-mx15 { margin-left: calc(var(--ape-space-15) * -1); margin-right: calc(var(--ape-space-15) * -1);} .tb\:-my16 { margin-top: calc(var(--ape-space-16) * -1); margin-bottom: calc(var(--ape-space-16) * -1);} .tb\:-mx16 { margin-left: calc(var(--ape-space-16) * -1); margin-right: calc(var(--ape-space-16) * -1);} .tb\:-my17 { margin-top: calc(var(--ape-space-17) * -1); margin-bottom: calc(var(--ape-space-17) * -1);} .tb\:-mx17 { margin-left: calc(var(--ape-space-17) * -1); margin-right: calc(var(--ape-space-17) * -1);} .tb\:-my18 { margin-top: calc(var(--ape-space-18) * -1); margin-bottom: calc(var(--ape-space-18) * -1);} .tb\:-mx18 { margin-left: calc(var(--ape-space-18) * -1); margin-right: calc(var(--ape-space-18) * -1);} .tb\:-my19 { margin-top: calc(var(--ape-space-19) * -1); margin-bottom: calc(var(--ape-space-19) * -1);} .tb\:-mx19 { margin-left: calc(var(--ape-space-19) * -1); margin-right: calc(var(--ape-space-19) * -1);} .tb\:-my20 { margin-top: calc(var(--ape-space-20) * -1); margin-bottom: calc(var(--ape-space-20) * -1);} .tb\:-mx20 { margin-left: calc(var(--ape-space-20) * -1); margin-right: calc(var(--ape-space-20) * -1);} .tb\:-my21 { margin-top: calc(var(--ape-space-21) * -1); margin-bottom: calc(var(--ape-space-21) * -1);} .tb\:-mx21 { margin-left: calc(var(--ape-space-21) * -1); margin-right: calc(var(--ape-space-21) * -1);} .tb\:-my22 { margin-top: calc(var(--ape-space-22) * -1); margin-bottom: calc(var(--ape-space-22) * -1);} .tb\:-mx22 { margin-left: calc(var(--ape-space-22) * -1); margin-right: calc(var(--ape-space-22) * -1);} .tb\:-my23 { margin-top: calc(var(--ape-space-23) * -1); margin-bottom: calc(var(--ape-space-23) * -1);} .tb\:-mx23 { margin-left: calc(var(--ape-space-23) * -1); margin-right: calc(var(--ape-space-23) * -1);} .tb\:-my24 { margin-top: calc(var(--ape-space-24) * -1); margin-bottom: calc(var(--ape-space-24) * -1);} .tb\:-mx24 { margin-left: calc(var(--ape-space-24) * -1); margin-right: calc(var(--ape-space-24) * -1);} .tb\:-my25 { margin-top: calc(var(--ape-space-25) * -1); margin-bottom: calc(var(--ape-space-25) * -1);} .tb\:-mx25 { margin-left: calc(var(--ape-space-25) * -1); margin-right: calc(var(--ape-space-25) * -1);} .tb\:-my26 { margin-top: calc(var(--ape-space-26) * -1); margin-bottom: calc(var(--ape-space-26) * -1);} .tb\:-mx26 { margin-left: calc(var(--ape-space-26) * -1); margin-right: calc(var(--ape-space-26) * -1);} .tb\:-my27 { margin-top: calc(var(--ape-space-27) * -1); margin-bottom: calc(var(--ape-space-27) * -1);} .tb\:-mx27 { margin-left: calc(var(--ape-space-27) * -1); margin-right: calc(var(--ape-space-27) * -1);} .tb\:-my28 { margin-top: calc(var(--ape-space-28) * -1); margin-bottom: calc(var(--ape-space-28) * -1);} .tb\:-mx28 { margin-left: calc(var(--ape-space-28) * -1); margin-right: calc(var(--ape-space-28) * -1);} .tb\:-my29 { margin-top: calc(var(--ape-space-29) * -1); margin-bottom: calc(var(--ape-space-29) * -1);} .tb\:-mx29 { margin-left: calc(var(--ape-space-29) * -1); margin-right: calc(var(--ape-space-29) * -1);} .tb\:-my30 { margin-top: calc(var(--ape-space-30) * -1); margin-bottom: calc(var(--ape-space-30) * -1);} .tb\:-mx30 { margin-left: calc(var(--ape-space-30) * -1); margin-right: calc(var(--ape-space-30) * -1);} .tb\:-my31 { margin-top: calc(var(--ape-space-31) * -1); margin-bottom: calc(var(--ape-space-31) * -1);} .tb\:-mx31 { margin-left: calc(var(--ape-space-31) * -1); margin-right: calc(var(--ape-space-31) * -1);} .tb\:-my32 { margin-top: calc(var(--ape-space-32) * -1); margin-bottom: calc(var(--ape-space-32) * -1);} .tb\:-mx32 { margin-left: calc(var(--ape-space-32) * -1); margin-right: calc(var(--ape-space-32) * -1);} .tb\:-my33 { margin-top: calc(var(--ape-space-33) * -1); margin-bottom: calc(var(--ape-space-33) * -1);} .tb\:-mx33 { margin-left: calc(var(--ape-space-33) * -1); margin-right: calc(var(--ape-space-33) * -1);} .tb\:-my34 { margin-top: calc(var(--ape-space-34) * -1); margin-bottom: calc(var(--ape-space-34) * -1);} .tb\:-mx34 { margin-left: calc(var(--ape-space-34) * -1); margin-right: calc(var(--ape-space-34) * -1);} .tb\:-my35 { margin-top: calc(var(--ape-space-35) * -1); margin-bottom: calc(var(--ape-space-35) * -1);} .tb\:-mx35 { margin-left: calc(var(--ape-space-35) * -1); margin-right: calc(var(--ape-space-35) * -1);} .tb\:-my36 { margin-top: calc(var(--ape-space-36) * -1); margin-bottom: calc(var(--ape-space-36) * -1);} .tb\:-mx36 { margin-left: calc(var(--ape-space-36) * -1); margin-right: calc(var(--ape-space-36) * -1);} .tb\:-my37 { margin-top: calc(var(--ape-space-37) * -1); margin-bottom: calc(var(--ape-space-37) * -1);} .tb\:-mx37 { margin-left: calc(var(--ape-space-37) * -1); margin-right: calc(var(--ape-space-37) * -1);} .tb\:-my38 { margin-top: calc(var(--ape-space-38) * -1); margin-bottom: calc(var(--ape-space-38) * -1);} .tb\:-mx38 { margin-left: calc(var(--ape-space-38) * -1); margin-right: calc(var(--ape-space-38) * -1);} .tb\:-mypx { margin-top: calc(var(--ape-space-px) * -1); margin-bottom: calc(var(--ape-space-px) * -1);} .tb\:-mxpx { margin-left: calc(var(--ape-space-px) * -1); margin-right: calc(var(--ape-space-px) * -1);} /**Margin top right bottom left*/ .tb\:mt0 { margin-top: var(--ape-space-0);} .tb\:mr0 { margin-right: var(--ape-space-0);} .tb\:mb0 { margin-bottom: var(--ape-space-0);} .tb\:ml0 { margin-left: var(--ape-space-0);} .tb\:mt1 { margin-top: var(--ape-space-1);} .tb\:mr1 { margin-right: var(--ape-space-1);} .tb\:mb1 { margin-bottom: var(--ape-space-1);} .tb\:ml1 { margin-left: var(--ape-space-1);} .tb\:mt2 { margin-top: var(--ape-space-2);} .tb\:mr2 { margin-right: var(--ape-space-2);} .tb\:mb2 { margin-bottom: var(--ape-space-2);} .tb\:ml2 { margin-left: var(--ape-space-2);} .tb\:mt3 { margin-top: var(--ape-space-3);} .tb\:mr3 { margin-right: var(--ape-space-3);} .tb\:mb3 { margin-bottom: var(--ape-space-3);} .tb\:ml3 { margin-left: var(--ape-space-3);} .tb\:mt4 { margin-top: var(--ape-space-4);} .tb\:mr4 { margin-right: var(--ape-space-4);} .tb\:mb4 { margin-bottom: var(--ape-space-4);} .tb\:ml4 { margin-left: var(--ape-space-4);} .tb\:mt5 { margin-top: var(--ape-space-5);} .tb\:mr5 { margin-right: var(--ape-space-5);} .tb\:mb5 { margin-bottom: var(--ape-space-5);} .tb\:ml5 { margin-left: var(--ape-space-5);} .tb\:mt6 { margin-top: var(--ape-space-6);} .tb\:mr6 { margin-right: var(--ape-space-6);} .tb\:mb6 { margin-bottom: var(--ape-space-6);} .tb\:ml6 { margin-left: var(--ape-space-6);} .tb\:mt7 { margin-top: var(--ape-space-7);} .tb\:mr7 { margin-right: var(--ape-space-7);} .tb\:mb7 { margin-bottom: var(--ape-space-7);} .tb\:ml7 { margin-left: var(--ape-space-7);} .tb\:mt8 { margin-top: var(--ape-space-8);} .tb\:mr8 { margin-right: var(--ape-space-8);} .tb\:mb8 { margin-bottom: var(--ape-space-8);} .tb\:ml8 { margin-left: var(--ape-space-8);} .tb\:mt9 { margin-top: var(--ape-space-9);} .tb\:mr9 { margin-right: var(--ape-space-9);} .tb\:mb9 { margin-bottom: var(--ape-space-9);} .tb\:ml9 { margin-left: var(--ape-space-9);} .tb\:mt10 { margin-top: var(--ape-space-10);} .tb\:mr10 { margin-right: var(--ape-space-10);} .tb\:mb10 { margin-bottom: var(--ape-space-10);} .tb\:ml10 { margin-left: var(--ape-space-10);} .tb\:mt11 { margin-top: var(--ape-space-11);} .tb\:mr11 { margin-right: var(--ape-space-11);} .tb\:mb11 { margin-bottom: var(--ape-space-11);} .tb\:ml11 { margin-left: var(--ape-space-11);} .tb\:mt12 { margin-top: var(--ape-space-12);} .tb\:mr12 { margin-right: var(--ape-space-12);} .tb\:mb12 { margin-bottom: var(--ape-space-12);} .tb\:ml12 { margin-left: var(--ape-space-12);} .tb\:mt13 { margin-top: var(--ape-space-13);} .tb\:mr13 { margin-right: var(--ape-space-13);} .tb\:mb13 { margin-bottom: var(--ape-space-13);} .tb\:ml13 { margin-left: var(--ape-space-13);} .tb\:mt14 { margin-top: var(--ape-space-14);} .tb\:mr14 { margin-right: var(--ape-space-14);} .tb\:mb14 { margin-bottom: var(--ape-space-14);} .tb\:ml14 { margin-left: var(--ape-space-14);} .tb\:mt15 { margin-top: var(--ape-space-15);} .tb\:mr15 { margin-right: var(--ape-space-15);} .tb\:mb15 { margin-bottom: var(--ape-space-15);} .tb\:ml15 { margin-left: var(--ape-space-15);} .tb\:mt16 { margin-top: var(--ape-space-16);} .tb\:mr16 { margin-right: var(--ape-space-16);} .tb\:mb16 { margin-bottom: var(--ape-space-16);} .tb\:ml16 { margin-left: var(--ape-space-16);} .tb\:mt17 { margin-top: var(--ape-space-17);} .tb\:mr17 { margin-right: var(--ape-space-17);} .tb\:mb17 { margin-bottom: var(--ape-space-17);} .tb\:ml17 { margin-left: var(--ape-space-17);} .tb\:mt18 { margin-top: var(--ape-space-18);} .tb\:mr18 { margin-right: var(--ape-space-18);} .tb\:mb18 { margin-bottom: var(--ape-space-18);} .tb\:ml18 { margin-left: var(--ape-space-18);} .tb\:mt19 { margin-top: var(--ape-space-19);} .tb\:mr19 { margin-right: var(--ape-space-19);} .tb\:mb19 { margin-bottom: var(--ape-space-19);} .tb\:ml19 { margin-left: var(--ape-space-19);} .tb\:mt20 { margin-top: var(--ape-space-20);} .tb\:mr20 { margin-right: var(--ape-space-20);} .tb\:mb20 { margin-bottom: var(--ape-space-20);} .tb\:ml20 { margin-left: var(--ape-space-20);} .tb\:mt21 { margin-top: var(--ape-space-21);} .tb\:mr21 { margin-right: var(--ape-space-21);} .tb\:mb21 { margin-bottom: var(--ape-space-21);} .tb\:ml21 { margin-left: var(--ape-space-21);} .tb\:mt22 { margin-top: var(--ape-space-22);} .tb\:mr22 { margin-right: var(--ape-space-22);} .tb\:mb22 { margin-bottom: var(--ape-space-22);} .tb\:ml22 { margin-left: var(--ape-space-22);} .tb\:mt23 { margin-top: var(--ape-space-23);} .tb\:mr23 { margin-right: var(--ape-space-23);} .tb\:mb23 { margin-bottom: var(--ape-space-23);} .tb\:ml23 { margin-left: var(--ape-space-23);} .tb\:mt24 { margin-top: var(--ape-space-24);} .tb\:mr24 { margin-right: var(--ape-space-24);} .tb\:mb24 { margin-bottom: var(--ape-space-24);} .tb\:ml24 { margin-left: var(--ape-space-24);} .tb\:mt25 { margin-top: var(--ape-space-25);} .tb\:mr25 { margin-right: var(--ape-space-25);} .tb\:mb25 { margin-bottom: var(--ape-space-25);} .tb\:ml25 { margin-left: var(--ape-space-25);} .tb\:mt26 { margin-top: var(--ape-space-26);} .tb\:mr26 { margin-right: var(--ape-space-26);} .tb\:mb26 { margin-bottom: var(--ape-space-26);} .tb\:ml26 { margin-left: var(--ape-space-26);} .tb\:mt27 { margin-top: var(--ape-space-27);} .tb\:mr27 { margin-right: var(--ape-space-27);} .tb\:mb27 { margin-bottom: var(--ape-space-27);} .tb\:ml27 { margin-left: var(--ape-space-27);} .tb\:mt28 { margin-top: var(--ape-space-28);} .tb\:mr28 { margin-right: var(--ape-space-28);} .tb\:mb28 { margin-bottom: var(--ape-space-28);} .tb\:ml28 { margin-left: var(--ape-space-28);} .tb\:mt29 { margin-top: var(--ape-space-29);} .tb\:mr29 { margin-right: var(--ape-space-29);} .tb\:mb29 { margin-bottom: var(--ape-space-29);} .tb\:ml29 { margin-left: var(--ape-space-29);} .tb\:mt30 { margin-top: var(--ape-space-30);} .tb\:mr30 { margin-right: var(--ape-space-30);} .tb\:mb30 { margin-bottom: var(--ape-space-30);} .tb\:ml30 { margin-left: var(--ape-space-30);} .tb\:mt31 { margin-top: var(--ape-space-31);} .tb\:mr31 { margin-right: var(--ape-space-31);} .tb\:mb31 { margin-bottom: var(--ape-space-31);} .tb\:ml31 { margin-left: var(--ape-space-31);} .tb\:mt32 { margin-top: var(--ape-space-32);} .tb\:mr32 { margin-right: var(--ape-space-32);} .tb\:mb32 { margin-bottom: var(--ape-space-32);} .tb\:ml32 { margin-left: var(--ape-space-32);} .tb\:mt33 { margin-top: var(--ape-space-33);} .tb\:mr33 { margin-right: var(--ape-space-33);} .tb\:mb33 { margin-bottom: var(--ape-space-33);} .tb\:ml33 { margin-left: var(--ape-space-33);} .tb\:mt34 { margin-top: var(--ape-space-34);} .tb\:mr34 { margin-right: var(--ape-space-34);} .tb\:mb34 { margin-bottom: var(--ape-space-34);} .tb\:ml34 { margin-left: var(--ape-space-34);} .tb\:mt35 { margin-top: var(--ape-space-35);} .tb\:mr35 { margin-right: var(--ape-space-35);} .tb\:mb35 { margin-bottom: var(--ape-space-35);} .tb\:ml35 { margin-left: var(--ape-space-35);} .tb\:mt36 { margin-top: var(--ape-space-36);} .tb\:mr36 { margin-right: var(--ape-space-36);} .tb\:mb36 { margin-bottom: var(--ape-space-36);} .tb\:ml36 { margin-left: var(--ape-space-36);} .tb\:mt37 { margin-top: var(--ape-space-37);} .tb\:mr37 { margin-right: var(--ape-space-37);} .tb\:mb37 { margin-bottom: var(--ape-space-37);} .tb\:ml37 { margin-left: var(--ape-space-37);} .tb\:mt38 { margin-top: var(--ape-space-38);} .tb\:mr38 { margin-right: var(--ape-space-38);} .tb\:mb38 { margin-bottom: var(--ape-space-38);} .tb\:ml38 { margin-left: var(--ape-space-38);} .tb\:mt39 { margin-top: var(--ape-space-39);} .tb\:mr39 { margin-right: var(--ape-space-39);} .tb\:mb39 { margin-bottom: var(--ape-space-39);} .tb\:ml39 { margin-left: var(--ape-space-39);} .tb\:mt40 { margin-top: var(--ape-space-40);} .tb\:mr40 { margin-right: var(--ape-space-40);} .tb\:mb40 { margin-bottom: var(--ape-space-40);} .tb\:ml40 { margin-left: var(--ape-space-40);} .tb\:mt41 { margin-top: var(--ape-space-41);} .tb\:mr41 { margin-right: var(--ape-space-41);} .tb\:mb41 { margin-bottom: var(--ape-space-41);} .tb\:ml41 { margin-left: var(--ape-space-41);} .tb\:mt42 { margin-top: var(--ape-space-42);} .tb\:mr42 { margin-right: var(--ape-space-42);} .tb\:mb42 { margin-bottom: var(--ape-space-42);} .tb\:ml42 { margin-left: var(--ape-space-42);} .tb\:mt43 { margin-top: var(--ape-space-43);} .tb\:mr43 { margin-right: var(--ape-space-43);} .tb\:mb43 { margin-bottom: var(--ape-space-43);} .tb\:ml43 { margin-left: var(--ape-space-43);} .tb\:mt44 { margin-top: var(--ape-space-44);} .tb\:mr44 { margin-right: var(--ape-space-44);} .tb\:mb44 { margin-bottom: var(--ape-space-44);} .tb\:ml44 { margin-left: var(--ape-space-44);} .tb\:mt45 { margin-top: var(--ape-space-45);} .tb\:mr45 { margin-right: var(--ape-space-45);} .tb\:mb45 { margin-bottom: var(--ape-space-45);} .tb\:ml45 { margin-left: var(--ape-space-45);} .tb\:mt46 { margin-top: var(--ape-space-46);} .tb\:mr46 { margin-right: var(--ape-space-46);} .tb\:mb46 { margin-bottom: var(--ape-space-46);} .tb\:ml46 { margin-left: var(--ape-space-46);} .tb\:mt47 { margin-top: var(--ape-space-47);} .tb\:mr47 { margin-right: var(--ape-space-47);} .tb\:mb47 { margin-bottom: var(--ape-space-47);} .tb\:ml47 { margin-left: var(--ape-space-47);} .tb\:mt48 { margin-top: var(--ape-space-48);} .tb\:mr48 { margin-right: var(--ape-space-48);} .tb\:mb48 { margin-bottom: var(--ape-space-48);} .tb\:ml48 { margin-left: var(--ape-space-48);} .tb\:mt49 { margin-top: var(--ape-space-49);} .tb\:mr49 { margin-right: var(--ape-space-49);} .tb\:mb49 { margin-bottom: var(--ape-space-49);} .tb\:ml49 { margin-left: var(--ape-space-49);} .tb\:mt50 { margin-top: var(--ape-space-50);} .tb\:mr50 { margin-right: var(--ape-space-50);} .tb\:mb50 { margin-bottom: var(--ape-space-50);} .tb\:ml50 { margin-left: var(--ape-space-50);} .tb\:mt51 { margin-top: var(--ape-space-51);} .tb\:mr51 { margin-right: var(--ape-space-51);} .tb\:mb51 { margin-bottom: var(--ape-space-51);} .tb\:ml51 { margin-left: var(--ape-space-51);} .tb\:mt52 { margin-top: var(--ape-space-52);} .tb\:mr52 { margin-right: var(--ape-space-52);} .tb\:mb52 { margin-bottom: var(--ape-space-52);} .tb\:ml52 { margin-left: var(--ape-space-52);} .tb\:mt53 { margin-top: var(--ape-space-53);} .tb\:mr53 { margin-right: var(--ape-space-53);} .tb\:mb53 { margin-bottom: var(--ape-space-53);} .tb\:ml53 { margin-left: var(--ape-space-53);} .tb\:mt54 { margin-top: var(--ape-space-54);} .tb\:mr54 { margin-right: var(--ape-space-54);} .tb\:mb54 { margin-bottom: var(--ape-space-54);} .tb\:ml54 { margin-left: var(--ape-space-54);} .tb\:mt55 { margin-top: var(--ape-space-55);} .tb\:mr55 { margin-right: var(--ape-space-55);} .tb\:mb55 { margin-bottom: var(--ape-space-55);} .tb\:ml55 { margin-left: var(--ape-space-55);} .tb\:mt56 { margin-top: var(--ape-space-56);} .tb\:mr56 { margin-right: var(--ape-space-56);} .tb\:mb56 { margin-bottom: var(--ape-space-56);} .tb\:ml56 { margin-left: var(--ape-space-56);} .tb\:mt57 { margin-top: var(--ape-space-57);} .tb\:mr57 { margin-right: var(--ape-space-57);} .tb\:mb57 { margin-bottom: var(--ape-space-57);} .tb\:ml57 { margin-left: var(--ape-space-57);} .tb\:mt58 { margin-top: var(--ape-space-58);} .tb\:mr58 { margin-right: var(--ape-space-58);} .tb\:mb58 { margin-bottom: var(--ape-space-58);} .tb\:ml58 { margin-left: var(--ape-space-58);} .tb\:mt59 { margin-top: var(--ape-space-59);} .tb\:mr59 { margin-right: var(--ape-space-59);} .tb\:mb59 { margin-bottom: var(--ape-space-59);} .tb\:ml59 { margin-left: var(--ape-space-59);} .tb\:mt60 { margin-top: var(--ape-space-60);} .tb\:mr60 { margin-right: var(--ape-space-60);} .tb\:mb60 { margin-bottom: var(--ape-space-60);} .tb\:ml60 { margin-left: var(--ape-space-60);} .tb\:mt61 { margin-top: var(--ape-space-61);} .tb\:mr61 { margin-right: var(--ape-space-61);} .tb\:mb61 { margin-bottom: var(--ape-space-61);} .tb\:ml61 { margin-left: var(--ape-space-61);} .tb\:mt62 { margin-top: var(--ape-space-62);} .tb\:mr62 { margin-right: var(--ape-space-62);} .tb\:mb62 { margin-bottom: var(--ape-space-62);} .tb\:ml62 { margin-left: var(--ape-space-62);} .tb\:mt63 { margin-top: var(--ape-space-63);} .tb\:mr63 { margin-right: var(--ape-space-63);} .tb\:mb63 { margin-bottom: var(--ape-space-63);} .tb\:ml63 { margin-left: var(--ape-space-63);} .tb\:mt64 { margin-top: var(--ape-space-64);} .tb\:mr64 { margin-right: var(--ape-space-64);} .tb\:mb64 { margin-bottom: var(--ape-space-64);} .tb\:ml64 { margin-left: var(--ape-space-64);} .tb\:mtauto { margin-top: var(--ape-space-auto);} .tb\:mrauto { margin-right: var(--ape-space-auto);} .tb\:mbauto { margin-bottom: var(--ape-space-auto);} .tb\:mlauto { margin-left: var(--ape-space-auto);} .tb\:mtpx { margin-top: var(--ape-space-px);} .tb\:mrpx { margin-right: var(--ape-space-px);} .tb\:mbpx { margin-bottom: var(--ape-space-px);} .tb\:mlpx { margin-left: var(--ape-space-px);} /**Margin Negative**/ .tb\:-mt1 { margin-top: calc(var(--ape-space-1) * -1);} .tb\:-mr1 { margin-right: calc(var(--ape-space-1) * -1);} .tb\:-mb1 { margin-bottom: calc(var(--ape-space-1) * -1);} .tb\:-ml1 { margin-left: calc(var(--ape-space-1) * -1);} .tb\:-mt2 { margin-top: calc(var(--ape-space-2) * -1);} .tb\:-mr2 { margin-right: calc(var(--ape-space-2) * -1);} .tb\:-mb2 { margin-bottom: calc(var(--ape-space-2) * -1);} .tb\:-ml2 { margin-left: calc(var(--ape-space-2) * -1);} .tb\:-mt3 { margin-top: calc(var(--ape-space-3) * -1);} .tb\:-mr3 { margin-right: calc(var(--ape-space-3) * -1);} .tb\:-mb3 { margin-bottom: calc(var(--ape-space-3) * -1);} .tb\:-ml3 { margin-left: calc(var(--ape-space-3) * -1);} .tb\:-mt4 { margin-top: calc(var(--ape-space-4) * -1);} .tb\:-mr4 { margin-right: calc(var(--ape-space-4) * -1);} .tb\:-mb4 { margin-bottom: calc(var(--ape-space-4) * -1);} .tb\:-ml4 { margin-left: calc(var(--ape-space-4) * -1);} .tb\:-mt5 { margin-top: calc(var(--ape-space-5) * -1);} .tb\:-mr5 { margin-right: calc(var(--ape-space-5) * -1);} .tb\:-mb5 { margin-bottom: calc(var(--ape-space-5) * -1);} .tb\:-ml5 { margin-left: calc(var(--ape-space-5) * -1);} .tb\:-mt6 { margin-top: calc(var(--ape-space-6) * -1);} .tb\:-mr6 { margin-right: calc(var(--ape-space-6) * -1);} .tb\:-mb6 { margin-bottom: calc(var(--ape-space-6) * -1);} .tb\:-ml6 { margin-left: calc(var(--ape-space-6) * -1);} .tb\:-mt7 { margin-top: calc(var(--ape-space-7) * -1);} .tb\:-mr7 { margin-right: calc(var(--ape-space-7) * -1);} .tb\:-mb7 { margin-bottom: calc(var(--ape-space-7) * -1);} .tb\:-ml7 { margin-left: calc(var(--ape-space-7) * -1);} .tb\:-mt8 { margin-top: calc(var(--ape-space-8) * -1);} .tb\:-mr8 { margin-right: calc(var(--ape-space-8) * -1);} .tb\:-mb8 { margin-bottom: calc(var(--ape-space-8) * -1);} .tb\:-ml8 { margin-left: calc(var(--ape-space-8) * -1);} .tb\:-mt9 { margin-top: calc(var(--ape-space-9) * -1);} .tb\:-mr9 { margin-right: calc(var(--ape-space-9) * -1);} .tb\:-mb9 { margin-bottom: calc(var(--ape-space-9) * -1);} .tb\:-ml9 { margin-left: calc(var(--ape-space-9) * -1);} .tb\:-mt10 { margin-top: calc(var(--ape-space-10) * -1);} .tb\:-mr10 { margin-right: calc(var(--ape-space-10) * -1);} .tb\:-mb10 { margin-bottom: calc(var(--ape-space-10) * -1);} .tb\:-ml10 { margin-left: calc(var(--ape-space-10) * -1);} .tb\:-mt11 { margin-top: calc(var(--ape-space-11) * -1);} .tb\:-mr11 { margin-right: calc(var(--ape-space-11) * -1);} .tb\:-mb11 { margin-bottom: calc(var(--ape-space-11) * -1);} .tb\:-ml11 { margin-left: calc(var(--ape-space-11) * -1);} .tb\:-mt12 { margin-top: calc(var(--ape-space-12) * -1);} .tb\:-mr12 { margin-right: calc(var(--ape-space-12) * -1);} .tb\:-mb12 { margin-bottom: calc(var(--ape-space-12) * -1);} .tb\:-ml12 { margin-left: calc(var(--ape-space-12) * -1);} .tb\:-mt13 { margin-top: calc(var(--ape-space-13) * -1);} .tb\:-mr13 { margin-right: calc(var(--ape-space-13) * -1);} .tb\:-mb13 { margin-bottom: calc(var(--ape-space-13) * -1);} .tb\:-ml13 { margin-left: calc(var(--ape-space-13) * -1);} .tb\:-mt14 { margin-top: calc(var(--ape-space-14) * -1);} .tb\:-mr14 { margin-right: calc(var(--ape-space-14) * -1);} .tb\:-mb14 { margin-bottom: calc(var(--ape-space-14) * -1);} .tb\:-ml14 { margin-left: calc(var(--ape-space-14) * -1);} .tb\:-mt15 { margin-top: calc(var(--ape-space-15) * -1);} .tb\:-mr15 { margin-right: calc(var(--ape-space-15) * -1);} .tb\:-mb15 { margin-bottom: calc(var(--ape-space-15) * -1);} .tb\:-ml15 { margin-left: calc(var(--ape-space-15) * -1);} .tb\:-mt16 { margin-top: calc(var(--ape-space-16) * -1);} .tb\:-mr16 { margin-right: calc(var(--ape-space-16) * -1);} .tb\:-mb16 { margin-bottom: calc(var(--ape-space-16) * -1);} .tb\:-ml16 { margin-left: calc(var(--ape-space-16) * -1);} .tb\:-mt17 { margin-top: calc(var(--ape-space-17) * -1);} .tb\:-mr17 { margin-right: calc(var(--ape-space-17) * -1);} .tb\:-mb17 { margin-bottom: calc(var(--ape-space-17) * -1);} .tb\:-ml17 { margin-left: calc(var(--ape-space-17) * -1);} .tb\:-mt18 { margin-top: calc(var(--ape-space-18) * -1);} .tb\:-mr18 { margin-right: calc(var(--ape-space-18) * -1);} .tb\:-mb18 { margin-bottom: calc(var(--ape-space-18) * -1);} .tb\:-ml18 { margin-left: calc(var(--ape-space-18) * -1);} .tb\:-mt19 { margin-top: calc(var(--ape-space-19) * -1);} .tb\:-mr19 { margin-right: calc(var(--ape-space-19) * -1);} .tb\:-mb19 { margin-bottom: calc(var(--ape-space-19) * -1);} .tb\:-ml19 { margin-left: calc(var(--ape-space-19) * -1);} .tb\:-mt20 { margin-top: calc(var(--ape-space-20) * -1);} .tb\:-mr20 { margin-right: calc(var(--ape-space-20) * -1);} .tb\:-mb20 { margin-bottom: calc(var(--ape-space-20) * -1);} .tb\:-ml20 { margin-left: calc(var(--ape-space-20) * -1);} .tb\:-mt21 { margin-top: calc(var(--ape-space-21) * -1);} .tb\:-mr21 { margin-right: calc(var(--ape-space-21) * -1);} .tb\:-mb21 { margin-bottom: calc(var(--ape-space-21) * -1);} .tb\:-ml21 { margin-left: calc(var(--ape-space-21) * -1);} .tb\:-mt22 { margin-top: calc(var(--ape-space-22) * -1);} .tb\:-mr22 { margin-right: calc(var(--ape-space-22) * -1);} .tb\:-mb22 { margin-bottom: calc(var(--ape-space-22) * -1);} .tb\:-ml22 { margin-left: calc(var(--ape-space-22) * -1);} .tb\:-mt23 { margin-top: calc(var(--ape-space-23) * -1);} .tb\:-mr23 { margin-right: calc(var(--ape-space-23) * -1);} .tb\:-mb23 { margin-bottom: calc(var(--ape-space-23) * -1);} .tb\:-ml23 { margin-left: calc(var(--ape-space-23) * -1);} .tb\:-mt24 { margin-top: calc(var(--ape-space-24) * -1);} .tb\:-mr24 { margin-right: calc(var(--ape-space-24) * -1);} .tb\:-mb24 { margin-bottom: calc(var(--ape-space-24) * -1);} .tb\:-ml24 { margin-left: calc(var(--ape-space-24) * -1);} .tb\:-mt25 { margin-top: calc(var(--ape-space-25) * -1);} .tb\:-mr25 { margin-right: calc(var(--ape-space-25) * -1);} .tb\:-mb25 { margin-bottom: calc(var(--ape-space-25) * -1);} .tb\:-ml25 { margin-left: calc(var(--ape-space-25) * -1);} .tb\:-mt26 { margin-top: calc(var(--ape-space-26) * -1);} .tb\:-mr26 { margin-right: calc(var(--ape-space-26) * -1);} .tb\:-mb26 { margin-bottom: calc(var(--ape-space-26) * -1);} .tb\:-ml26 { margin-left: calc(var(--ape-space-26) * -1);} .tb\:-mt27 { margin-top: calc(var(--ape-space-27) * -1);} .tb\:-mr27 { margin-right: calc(var(--ape-space-27) * -1);} .tb\:-mb27 { margin-bottom: calc(var(--ape-space-27) * -1);} .tb\:-ml27 { margin-left: calc(var(--ape-space-27) * -1);} .tb\:-mt28 { margin-top: calc(var(--ape-space-28) * -1);} .tb\:-mr28 { margin-right: calc(var(--ape-space-28) * -1);} .tb\:-mb28 { margin-bottom: calc(var(--ape-space-28) * -1);} .tb\:-ml28 { margin-left: calc(var(--ape-space-28) * -1);} .tb\:-mt29 { margin-top: calc(var(--ape-space-29) * -1);} .tb\:-mr29 { margin-right: calc(var(--ape-space-29) * -1);} .tb\:-mb29 { margin-bottom: calc(var(--ape-space-29) * -1);} .tb\:-ml29 { margin-left: calc(var(--ape-space-29) * -1);} .tb\:-mt30 { margin-top: calc(var(--ape-space-30) * -1);} .tb\:-mr30 { margin-right: calc(var(--ape-space-30) * -1);} .tb\:-mb30 { margin-bottom: calc(var(--ape-space-30) * -1);} .tb\:-ml30 { margin-left: calc(var(--ape-space-30) * -1);} .tb\:-mt31 { margin-top: calc(var(--ape-space-31) * -1);} .tb\:-mr31 { margin-right: calc(var(--ape-space-31) * -1);} .tb\:-mb31 { margin-bottom: calc(var(--ape-space-31) * -1);} .tb\:-ml31 { margin-left: calc(var(--ape-space-31) * -1);} .tb\:-mt32 { margin-top: calc(var(--ape-space-32) * -1);} .tb\:-mr32 { margin-right: calc(var(--ape-space-32) * -1);} .tb\:-mb32 { margin-bottom: calc(var(--ape-space-32) * -1);} .tb\:-ml32 { margin-left: calc(var(--ape-space-32) * -1);} .tb\:-mt33 { margin-top: calc(var(--ape-space-33) * -1);} .tb\:-mr33 { margin-right: calc(var(--ape-space-33) * -1);} .tb\:-mb33 { margin-bottom: calc(var(--ape-space-33) * -1);} .tb\:-ml33 { margin-left: calc(var(--ape-space-33) * -1);} .tb\:-mt34 { margin-top: calc(var(--ape-space-34) * -1);} .tb\:-mr34 { margin-right: calc(var(--ape-space-34) * -1);} .tb\:-mb34 { margin-bottom: calc(var(--ape-space-34) * -1);} .tb\:-ml34 { margin-left: calc(var(--ape-space-34) * -1);} .tb\:-mt35 { margin-top: calc(var(--ape-space-35) * -1);} .tb\:-mr35 { margin-right: calc(var(--ape-space-35) * -1);} .tb\:-mb35 { margin-bottom: calc(var(--ape-space-35) * -1);} .tb\:-ml35 { margin-left: calc(var(--ape-space-35) * -1);} .tb\:-mt36 { margin-top: calc(var(--ape-space-36) * -1);} .tb\:-mr36 { margin-right: calc(var(--ape-space-36) * -1);} .tb\:-mb36 { margin-bottom: calc(var(--ape-space-36) * -1);} .tb\:-ml36 { margin-left: calc(var(--ape-space-36) * -1);} .tb\:-mt37 { margin-top: calc(var(--ape-space-37) * -1);} .tb\:-mr37 { margin-right: calc(var(--ape-space-37) * -1);} .tb\:-mb37 { margin-bottom: calc(var(--ape-space-37) * -1);} .tb\:-ml37 { margin-left: calc(var(--ape-space-37) * -1);} .tb\:-mt38 { margin-top: calc(var(--ape-space-38) * -1);} .tb\:-mr38 { margin-right: calc(var(--ape-space-38) * -1);} .tb\:-mb38 { margin-bottom: calc(var(--ape-space-38) * -1);} .tb\:-ml38 { margin-left: calc(var(--ape-space-38) * -1);} .tb\:-mt39 { margin-top: calc(var(--ape-space-39) * -1);} .tb\:-mr39 { margin-right: calc(var(--ape-space-39) * -1);} .tb\:-mb39 { margin-bottom: calc(var(--ape-space-39) * -1);} .tb\:-ml39 { margin-left: calc(var(--ape-space-39) * -1);} .tb\:-mt40 { margin-top: calc(var(--ape-space-40) * -1);} .tb\:-mr40 { margin-right: calc(var(--ape-space-40) * -1);} .tb\:-mb40 { margin-bottom: calc(var(--ape-space-40) * -1);} .tb\:-ml40 { margin-left: calc(var(--ape-space-40) * -1);} .tb\:-mt41 { margin-top: calc(var(--ape-space-41) * -1);} .tb\:-mr41 { margin-right: calc(var(--ape-space-41) * -1);} .tb\:-mb41 { margin-bottom: calc(var(--ape-space-41) * -1);} .tb\:-ml41 { margin-left: calc(var(--ape-space-41) * -1);} .tb\:-mt42 { margin-top: calc(var(--ape-space-42) * -1);} .tb\:-mr42 { margin-right: calc(var(--ape-space-42) * -1);} .tb\:-mb42 { margin-bottom: calc(var(--ape-space-42) * -1);} .tb\:-ml42 { margin-left: calc(var(--ape-space-42) * -1);} .tb\:-mt43 { margin-top: calc(var(--ape-space-43) * -1);} .tb\:-mr43 { margin-right: calc(var(--ape-space-43) * -1);} .tb\:-mb43 { margin-bottom: calc(var(--ape-space-43) * -1);} .tb\:-ml43 { margin-left: calc(var(--ape-space-43) * -1);} .tb\:-mt44 { margin-top: calc(var(--ape-space-44) * -1);} .tb\:-mr44 { margin-right: calc(var(--ape-space-44) * -1);} .tb\:-mb44 { margin-bottom: calc(var(--ape-space-44) * -1);} .tb\:-ml44 { margin-left: calc(var(--ape-space-44) * -1);} .tb\:-mt45 { margin-top: calc(var(--ape-space-45) * -1);} .tb\:-mr45 { margin-right: calc(var(--ape-space-45) * -1);} .tb\:-mb45 { margin-bottom: calc(var(--ape-space-45) * -1);} .tb\:-ml45 { margin-left: calc(var(--ape-space-45) * -1);} .tb\:-mt46 { margin-top: calc(var(--ape-space-46) * -1);} .tb\:-mr46 { margin-right: calc(var(--ape-space-46) * -1);} .tb\:-mb46 { margin-bottom: calc(var(--ape-space-46) * -1);} .tb\:-ml46 { margin-left: calc(var(--ape-space-46) * -1);} .tb\:-mt47 { margin-top: calc(var(--ape-space-47) * -1);} .tb\:-mr47 { margin-right: calc(var(--ape-space-47) * -1);} .tb\:-mb47 { margin-bottom: calc(var(--ape-space-47) * -1);} .tb\:-ml47 { margin-left: calc(var(--ape-space-47) * -1);} .tb\:-mt48 { margin-top: calc(var(--ape-space-48) * -1);} .tb\:-mr48 { margin-right: calc(var(--ape-space-48) * -1);} .tb\:-mb48 { margin-bottom: calc(var(--ape-space-48) * -1);} .tb\:-ml48 { margin-left: calc(var(--ape-space-48) * -1);} .tb\:-mt49 { margin-top: calc(var(--ape-space-49) * -1);} .tb\:-mr49 { margin-right: calc(var(--ape-space-49) * -1);} .tb\:-mb49 { margin-bottom: calc(var(--ape-space-49) * -1);} .tb\:-ml49 { margin-left: calc(var(--ape-space-49) * -1);} .tb\:-mt50 { margin-top: calc(var(--ape-space-50) * -1);} .tb\:-mr50 { margin-right: calc(var(--ape-space-50) * -1);} .tb\:-mb50 { margin-bottom: calc(var(--ape-space-50) * -1);} .tb\:-ml50 { margin-left: calc(var(--ape-space-50) * -1);} .tb\:-mt51 { margin-top: calc(var(--ape-space-51) * -1);} .tb\:-mr51 { margin-right: calc(var(--ape-space-51) * -1);} .tb\:-mb51 { margin-bottom: calc(var(--ape-space-51) * -1);} .tb\:-ml51 { margin-left: calc(var(--ape-space-51) * -1);} .tb\:-mt52 { margin-top: calc(var(--ape-space-52) * -1);} .tb\:-mr52 { margin-right: calc(var(--ape-space-52) * -1);} .tb\:-mb52 { margin-bottom: calc(var(--ape-space-52) * -1);} .tb\:-ml52 { margin-left: calc(var(--ape-space-52) * -1);} .tb\:-mt53 { margin-top: calc(var(--ape-space-53) * -1);} .tb\:-mr53 { margin-right: calc(var(--ape-space-53) * -1);} .tb\:-mb53 { margin-bottom: calc(var(--ape-space-53) * -1);} .tb\:-ml53 { margin-left: calc(var(--ape-space-53) * -1);} .tb\:-mt54 { margin-top: calc(var(--ape-space-54) * -1);} .tb\:-mr54 { margin-right: calc(var(--ape-space-54) * -1);} .tb\:-mb54 { margin-bottom: calc(var(--ape-space-54) * -1);} .tb\:-ml54 { margin-left: calc(var(--ape-space-54) * -1);} .tb\:-mt55 { margin-top: calc(var(--ape-space-55) * -1);} .tb\:-mr55 { margin-right: calc(var(--ape-space-55) * -1);} .tb\:-mb55 { margin-bottom: calc(var(--ape-space-55) * -1);} .tb\:-ml55 { margin-left: calc(var(--ape-space-55) * -1);} .tb\:-mt56 { margin-top: calc(var(--ape-space-56) * -1);} .tb\:-mr56 { margin-right: calc(var(--ape-space-56) * -1);} .tb\:-mb56 { margin-bottom: calc(var(--ape-space-56) * -1);} .tb\:-ml56 { margin-left: calc(var(--ape-space-56) * -1);} .tb\:-mt57 { margin-top: calc(var(--ape-space-57) * -1);} .tb\:-mr57 { margin-right: calc(var(--ape-space-57) * -1);} .tb\:-mb57 { margin-bottom: calc(var(--ape-space-57) * -1);} .tb\:-ml57 { margin-left: calc(var(--ape-space-57) * -1);} .tb\:-mt58 { margin-top: calc(var(--ape-space-58) * -1);} .tb\:-mr58 { margin-right: calc(var(--ape-space-58) * -1);} .tb\:-mb58 { margin-bottom: calc(var(--ape-space-58) * -1);} .tb\:-ml58 { margin-left: calc(var(--ape-space-58) * -1);} .tb\:-mt59 { margin-top: calc(var(--ape-space-59) * -1);} .tb\:-mr59 { margin-right: calc(var(--ape-space-59) * -1);} .tb\:-mb59 { margin-bottom: calc(var(--ape-space-59) * -1);} .tb\:-ml59 { margin-left: calc(var(--ape-space-59) * -1);} .tb\:-mt60 { margin-top: calc(var(--ape-space-60) * -1);} .tb\:-mr60 { margin-right: calc(var(--ape-space-60) * -1);} .tb\:-mb60 { margin-bottom: calc(var(--ape-space-60) * -1);} .tb\:-ml60 { margin-left: calc(var(--ape-space-60) * -1);} .tb\:-mt61 { margin-top: calc(var(--ape-space-61) * -1);} .tb\:-mr61 { margin-right: calc(var(--ape-space-61) * -1);} .tb\:-mb61 { margin-bottom: calc(var(--ape-space-61) * -1);} .tb\:-ml61 { margin-left: calc(var(--ape-space-61) * -1);} .tb\:-mt62 { margin-top: calc(var(--ape-space-62) * -1);} .tb\:-mr62 { margin-right: calc(var(--ape-space-62) * -1);} .tb\:-mb62 { margin-bottom: calc(var(--ape-space-62) * -1);} .tb\:-ml62 { margin-left: calc(var(--ape-space-62) * -1);} .tb\:-mt63 { margin-top: calc(var(--ape-space-63) * -1);} .tb\:-mr63 { margin-right: calc(var(--ape-space-63) * -1);} .tb\:-mb63 { margin-bottom: calc(var(--ape-space-63) * -1);} .tb\:-ml63 { margin-left: calc(var(--ape-space-63) * -1);} .tb\:-mt64 { margin-top: calc(var(--ape-space-64) * -1);} .tb\:-mr64 { margin-right: calc(var(--ape-space-64) * -1);} .tb\:-mb64 { margin-bottom: calc(var(--ape-space-64) * -1);} .tb\:-ml64 { margin-left: calc(var(--ape-space-64) * -1);} .tb\:-mtpx { margin-top: calc(var(--ape-space-px) * -1);} .tb\:-mrpx { margin-right: calc(var(--ape-space-px) * -1);} .tb\:-mbpx { margin-bottom: calc(var(--ape-space-px) * -1);} .tb\:-mlpx { margin-left: calc(var(--ape-space-px) * -1);} /**Padding**/ .tb\:p0 { padding: var(--ape-space-0);} .tb\:p1 { padding: var(--ape-space-1);} .tb\:p2 { padding: var(--ape-space-2);} .tb\:p3 { padding: var(--ape-space-3);} .tb\:p4 { padding: var(--ape-space-4);} .tb\:p5 { padding: var(--ape-space-5);} .tb\:p6 { padding: var(--ape-space-6);} .tb\:p7 { padding: var(--ape-space-7);} .tb\:p8 { padding: var(--ape-space-8);} .tb\:p9 { padding: var(--ape-space-9);} .tb\:p10 { padding: var(--ape-space-10);} .tb\:p11 { padding: var(--ape-space-11);} .tb\:p12 { padding: var(--ape-space-12);} .tb\:p13 { padding: var(--ape-space-13);} .tb\:p14 { padding: var(--ape-space-14);} .tb\:p15 { padding: var(--ape-space-15);} .tb\:p16 { padding: var(--ape-space-16);} .tb\:p17 { padding: var(--ape-space-17);} .tb\:p18 { padding: var(--ape-space-18);} .tb\:p19 { padding: var(--ape-space-19);} .tb\:p20 { padding: var(--ape-space-20);} .tb\:p21 { padding: var(--ape-space-21);} .tb\:p22 { padding: var(--ape-space-22);} .tb\:p23 { padding: var(--ape-space-23);} .tb\:p24 { padding: var(--ape-space-24);} .tb\:p25 { padding: var(--ape-space-25);} .tb\:p26 { padding: var(--ape-space-26);} .tb\:p27 { padding: var(--ape-space-27);} .tb\:p28 { padding: var(--ape-space-28);} .tb\:p29 { padding: var(--ape-space-29);} .tb\:p30 { padding: var(--ape-space-30);} .tb\:p31 { padding: var(--ape-space-31);} .tb\:p32 { padding: var(--ape-space-32);} .tb\:p33 { padding: var(--ape-space-33);} .tb\:p34 { padding: var(--ape-space-34);} .tb\:p35 { padding: var(--ape-space-35);} .tb\:p36 { padding: var(--ape-space-36);} .tb\:p37 { padding: var(--ape-space-37);} .tb\:p38 { padding: var(--ape-space-38);} .tb\:p39 { padding: var(--ape-space-39);} .tb\:p40 { padding: var(--ape-space-40);} .tb\:p41 { padding: var(--ape-space-41);} .tb\:p42 { padding: var(--ape-space-42);} .tb\:p43 { padding: var(--ape-space-43);} .tb\:p44 { padding: var(--ape-space-44);} .tb\:p45 { padding: var(--ape-space-45);} .tb\:p46 { padding: var(--ape-space-46);} .tb\:p47 { padding: var(--ape-space-47);} .tb\:p48 { padding: var(--ape-space-48);} .tb\:p49 { padding: var(--ape-space-49);} .tb\:p50 { padding: var(--ape-space-50);} .tb\:p51 { padding: var(--ape-space-51);} .tb\:p52 { padding: var(--ape-space-52);} .tb\:p53 { padding: var(--ape-space-53);} .tb\:p54 { padding: var(--ape-space-54);} .tb\:p55 { padding: var(--ape-space-55);} .tb\:p56 { padding: var(--ape-space-56);} .tb\:p57 { padding: var(--ape-space-57);} .tb\:p58 { padding: var(--ape-space-58);} .tb\:p59 { padding: var(--ape-space-59);} .tb\:p60 { padding: var(--ape-space-60);} .tb\:p61 { padding: var(--ape-space-61);} .tb\:p62 { padding: var(--ape-space-62);} .tb\:p63 { padding: var(--ape-space-63);} .tb\:p64 { padding: var(--ape-space-64);} .tb\:ppx { padding: var(--ape-space-px);} /**Padding X & Y**/ .tb\:py0 { padding-top: var(--ape-space-0); padding-bottom: var(--ape-space-0);} .tb\:px0 { padding-left: var(--ape-space-0); padding-right: var(--ape-space-0);} .tb\:py1 { padding-top: var(--ape-space-1); padding-bottom: var(--ape-space-1);} .tb\:px1 { padding-left: var(--ape-space-1); padding-right: var(--ape-space-1);} .tb\:py2 { padding-top: var(--ape-space-2); padding-bottom: var(--ape-space-2);} .tb\:px2 { padding-left: var(--ape-space-2); padding-right: var(--ape-space-2);} .tb\:py3 { padding-top: var(--ape-space-3); padding-bottom: var(--ape-space-3);} .tb\:px3 { padding-left: var(--ape-space-3); padding-right: var(--ape-space-3);} .tb\:py4 { padding-top: var(--ape-space-4); padding-bottom: var(--ape-space-4);} .tb\:px4 { padding-left: var(--ape-space-4); padding-right: var(--ape-space-4);} .tb\:py5 { padding-top: var(--ape-space-5); padding-bottom: var(--ape-space-5);} .tb\:px5 { padding-left: var(--ape-space-5); padding-right: var(--ape-space-5);} .tb\:py6 { padding-top: var(--ape-space-6); padding-bottom: var(--ape-space-6);} .tb\:px6 { padding-left: var(--ape-space-6); padding-right: var(--ape-space-6);} .tb\:py7 { padding-top: var(--ape-space-7); padding-bottom: var(--ape-space-7);} .tb\:px7 { padding-left: var(--ape-space-7); padding-right: var(--ape-space-7);} .tb\:py8 { padding-top: var(--ape-space-8); padding-bottom: var(--ape-space-8);} .tb\:px8 { padding-left: var(--ape-space-8); padding-right: var(--ape-space-8);} .tb\:py9 { padding-top: var(--ape-space-9); padding-bottom: var(--ape-space-9);} .tb\:px9 { padding-left: var(--ape-space-9); padding-right: var(--ape-space-9);} .tb\:py10 { padding-top: var(--ape-space-10); padding-bottom: var(--ape-space-10);} .tb\:px10 { padding-left: var(--ape-space-10); padding-right: var(--ape-space-10);} .tb\:py11 { padding-top: var(--ape-space-11); padding-bottom: var(--ape-space-11);} .tb\:px11 { padding-left: var(--ape-space-11); padding-right: var(--ape-space-11);} .tb\:py12 { padding-top: var(--ape-space-12); padding-bottom: var(--ape-space-12);} .tb\:px12 { padding-left: var(--ape-space-12); padding-right: var(--ape-space-12);} .tb\:py13 { padding-top: var(--ape-space-13); padding-bottom: var(--ape-space-13);} .tb\:px13 { padding-left: var(--ape-space-13); padding-right: var(--ape-space-13);} .tb\:py14 { padding-top: var(--ape-space-14); padding-bottom: var(--ape-space-14);} .tb\:px14 { padding-left: var(--ape-space-14); padding-right: var(--ape-space-14);} .tb\:py15 { padding-top: var(--ape-space-15); padding-bottom: var(--ape-space-15);} .tb\:px15 { padding-left: var(--ape-space-15); padding-right: var(--ape-space-15);} .tb\:py16 { padding-top: var(--ape-space-16); padding-bottom: var(--ape-space-16);} .tb\:px16 { padding-left: var(--ape-space-16); padding-right: var(--ape-space-16);} .tb\:py17 { padding-top: var(--ape-space-17); padding-bottom: var(--ape-space-17);} .tb\:px17 { padding-left: var(--ape-space-17); padding-right: var(--ape-space-17);} .tb\:py18 { padding-top: var(--ape-space-18); padding-bottom: var(--ape-space-18);} .tb\:px18 { padding-left: var(--ape-space-18); padding-right: var(--ape-space-18);} .tb\:py19 { padding-top: var(--ape-space-19); padding-bottom: var(--ape-space-19);} .tb\:px19 { padding-left: var(--ape-space-19); padding-right: var(--ape-space-19);} .tb\:py20 { padding-top: var(--ape-space-20); padding-bottom: var(--ape-space-20);} .tb\:px20 { padding-left: var(--ape-space-20); padding-right: var(--ape-space-20);} .tb\:py21 { padding-top: var(--ape-space-21); padding-bottom: var(--ape-space-21);} .tb\:px21 { padding-left: var(--ape-space-21); padding-right: var(--ape-space-21);} .tb\:py22 { padding-top: var(--ape-space-22); padding-bottom: var(--ape-space-22);} .tb\:px22 { padding-left: var(--ape-space-22); padding-right: var(--ape-space-22);} .tb\:py23 { padding-top: var(--ape-space-23); padding-bottom: var(--ape-space-23);} .tb\:px23 { padding-left: var(--ape-space-23); padding-right: var(--ape-space-23);} .tb\:py24 { padding-top: var(--ape-space-24); padding-bottom: var(--ape-space-24);} .tb\:px24 { padding-left: var(--ape-space-24); padding-right: var(--ape-space-24);} .tb\:py25 { padding-top: var(--ape-space-25); padding-bottom: var(--ape-space-25);} .tb\:px25 { padding-left: var(--ape-space-25); padding-right: var(--ape-space-25);} .tb\:py26 { padding-top: var(--ape-space-26); padding-bottom: var(--ape-space-26);} .tb\:px26 { padding-left: var(--ape-space-26); padding-right: var(--ape-space-26);} .tb\:py27 { padding-top: var(--ape-space-27); padding-bottom: var(--ape-space-27);} .tb\:px27 { padding-left: var(--ape-space-27); padding-right: var(--ape-space-27);} .tb\:py28 { padding-top: var(--ape-space-28); padding-bottom: var(--ape-space-28);} .tb\:px28 { padding-left: var(--ape-space-28); padding-right: var(--ape-space-28);} .tb\:py29 { padding-top: var(--ape-space-29); padding-bottom: var(--ape-space-29);} .tb\:px29 { padding-left: var(--ape-space-29); padding-right: var(--ape-space-29);} .tb\:py30 { padding-top: var(--ape-space-30); padding-bottom: var(--ape-space-30);} .tb\:px30 { padding-left: var(--ape-space-30); padding-right: var(--ape-space-30);} .tb\:py31 { padding-top: var(--ape-space-31); padding-bottom: var(--ape-space-31);} .tb\:px31 { padding-left: var(--ape-space-31); padding-right: var(--ape-space-31);} .tb\:py32 { padding-top: var(--ape-space-32); padding-bottom: var(--ape-space-32);} .tb\:px32 { padding-left: var(--ape-space-32); padding-right: var(--ape-space-32);} .tb\:py33 { padding-top: var(--ape-space-33); padding-bottom: var(--ape-space-33);} .tb\:px33 { padding-left: var(--ape-space-33); padding-right: var(--ape-space-33);} .tb\:py34 { padding-top: var(--ape-space-34); padding-bottom: var(--ape-space-34);} .tb\:px34 { padding-left: var(--ape-space-34); padding-right: var(--ape-space-34);} .tb\:py35 { padding-top: var(--ape-space-35); padding-bottom: var(--ape-space-35);} .tb\:px35 { padding-left: var(--ape-space-35); padding-right: var(--ape-space-35);} .tb\:py36 { padding-top: var(--ape-space-36); padding-bottom: var(--ape-space-36);} .tb\:px36 { padding-left: var(--ape-space-36); padding-right: var(--ape-space-36);} .tb\:py37 { padding-top: var(--ape-space-37); padding-bottom: var(--ape-space-37);} .tb\:px37 { padding-left: var(--ape-space-37); padding-right: var(--ape-space-37);} .tb\:py38 { padding-top: var(--ape-space-38); padding-bottom: var(--ape-space-38);} .tb\:px38 { padding-left: var(--ape-space-38); padding-right: var(--ape-space-38);} .tb\:pypx { padding-top: var(--ape-space-px); padding-bottom: var(--ape-space-px);} .tb\:pxpx { padding-left: var(--ape-space-px); padding-right: var(--ape-space-px);} /**Padding Top, Right, Bottom, Left**/ .tb\:pt0 { padding-top: var(--ape-space-0);} .tb\:pr0 { padding-right: var(--ape-space-0);} .tb\:pb0 { padding-bottom: var(--ape-space-0);} .tb\:pl0 { padding-left: var(--ape-space-0);} .tb\:pt1 { padding-top: var(--ape-space-1);} .tb\:pr1 { padding-right: var(--ape-space-1);} .tb\:pb1 { padding-bottom: var(--ape-space-1);} .tb\:pl1 { padding-left: var(--ape-space-1);} .tb\:pt2 { padding-top: var(--ape-space-2);} .tb\:pr2 { padding-right: var(--ape-space-2);} .tb\:pb2 { padding-bottom: var(--ape-space-2);} .tb\:pl2 { padding-left: var(--ape-space-2);} .tb\:pt3 { padding-top: var(--ape-space-3);} .tb\:pr3 { padding-right: var(--ape-space-3);} .tb\:pb3 { padding-bottom: var(--ape-space-3);} .tb\:pl3 { padding-left: var(--ape-space-3);} .tb\:pt4 { padding-top: var(--ape-space-4);} .tb\:pr4 { padding-right: var(--ape-space-4);} .tb\:pb4 { padding-bottom: var(--ape-space-4);} .tb\:pl4 { padding-left: var(--ape-space-4);} .tb\:pt5 { padding-top: var(--ape-space-5);} .tb\:pr5 { padding-right: var(--ape-space-5);} .tb\:pb5 { padding-bottom: var(--ape-space-5);} .tb\:pl5 { padding-left: var(--ape-space-5);} .tb\:pt6 { padding-top: var(--ape-space-6);} .tb\:pr6 { padding-right: var(--ape-space-6);} .tb\:pb6 { padding-bottom: var(--ape-space-6);} .tb\:pl6 { padding-left: var(--ape-space-6);} .tb\:pt7 { padding-top: var(--ape-space-7);} .tb\:pr7 { padding-right: var(--ape-space-7);} .tb\:pb7 { padding-bottom: var(--ape-space-7);} .tb\:pl7 { padding-left: var(--ape-space-7);} .tb\:pt8 { padding-top: var(--ape-space-8);} .tb\:pr8 { padding-right: var(--ape-space-8);} .tb\:pb8 { padding-bottom: var(--ape-space-8);} .tb\:pl8 { padding-left: var(--ape-space-8);} .tb\:pt9 { padding-top: var(--ape-space-9);} .tb\:pr9 { padding-right: var(--ape-space-9);} .tb\:pb9 { padding-bottom: var(--ape-space-9);} .tb\:pl9 { padding-left: var(--ape-space-9);} .tb\:pt10 { padding-top: var(--ape-space-10);} .tb\:pr10 { padding-right: var(--ape-space-10);} .tb\:pb10 { padding-bottom: var(--ape-space-10);} .tb\:pl10 { padding-left: var(--ape-space-10);} .tb\:pt11 { padding-top: var(--ape-space-11);} .tb\:pr11 { padding-right: var(--ape-space-11);} .tb\:pb11 { padding-bottom: var(--ape-space-11);} .tb\:pl11 { padding-left: var(--ape-space-11);} .tb\:pt12 { padding-top: var(--ape-space-12);} .tb\:pr12 { padding-right: var(--ape-space-12);} .tb\:pb12 { padding-bottom: var(--ape-space-12);} .tb\:pl12 { padding-left: var(--ape-space-12);} .tb\:pt13 { padding-top: var(--ape-space-13);} .tb\:pr13 { padding-right: var(--ape-space-13);} .tb\:pb13 { padding-bottom: var(--ape-space-13);} .tb\:pl13 { padding-left: var(--ape-space-13);} .tb\:pt14 { padding-top: var(--ape-space-14);} .tb\:pr14 { padding-right: var(--ape-space-14);} .tb\:pb14 { padding-bottom: var(--ape-space-14);} .tb\:pl14 { padding-left: var(--ape-space-14);} .tb\:pt15 { padding-top: var(--ape-space-15);} .tb\:pr15 { padding-right: var(--ape-space-15);} .tb\:pb15 { padding-bottom: var(--ape-space-15);} .tb\:pl15 { padding-left: var(--ape-space-15);} .tb\:pt16 { padding-top: var(--ape-space-16);} .tb\:pr16 { padding-right: var(--ape-space-16);} .tb\:pb16 { padding-bottom: var(--ape-space-16);} .tb\:pl16 { padding-left: var(--ape-space-16);} .tb\:pt17 { padding-top: var(--ape-space-17);} .tb\:pr17 { padding-right: var(--ape-space-17);} .tb\:pb17 { padding-bottom: var(--ape-space-17);} .tb\:pl17 { padding-left: var(--ape-space-17);} .tb\:pt18 { padding-top: var(--ape-space-18);} .tb\:pr18 { padding-right: var(--ape-space-18);} .tb\:pb18 { padding-bottom: var(--ape-space-18);} .tb\:pl18 { padding-left: var(--ape-space-18);} .tb\:pt19 { padding-top: var(--ape-space-19);} .tb\:pr19 { padding-right: var(--ape-space-19);} .tb\:pb19 { padding-bottom: var(--ape-space-19);} .tb\:pl19 { padding-left: var(--ape-space-19);} .tb\:pt20 { padding-top: var(--ape-space-20);} .tb\:pr20 { padding-right: var(--ape-space-20);} .tb\:pb20 { padding-bottom: var(--ape-space-20);} .tb\:pl20 { padding-left: var(--ape-space-20);} .tb\:pt21 { padding-top: var(--ape-space-21);} .tb\:pr21 { padding-right: var(--ape-space-21);} .tb\:pb21 { padding-bottom: var(--ape-space-21);} .tb\:pl21 { padding-left: var(--ape-space-21);} .tb\:pt22 { padding-top: var(--ape-space-22);} .tb\:pr22 { padding-right: var(--ape-space-22);} .tb\:pb22 { padding-bottom: var(--ape-space-22);} .tb\:pl22 { padding-left: var(--ape-space-22);} .tb\:pt23 { padding-top: var(--ape-space-23);} .tb\:pr23 { padding-right: var(--ape-space-23);} .tb\:pb23 { padding-bottom: var(--ape-space-23);} .tb\:pl23 { padding-left: var(--ape-space-23);} .tb\:pt24 { padding-top: var(--ape-space-24);} .tb\:pr24 { padding-right: var(--ape-space-24);} .tb\:pb24 { padding-bottom: var(--ape-space-24);} .tb\:pl24 { padding-left: var(--ape-space-24);} .tb\:pt25 { padding-top: var(--ape-space-25);} .tb\:pr25 { padding-right: var(--ape-space-25);} .tb\:pb25 { padding-bottom: var(--ape-space-25);} .tb\:pl25 { padding-left: var(--ape-space-25);} .tb\:pt26 { padding-top: var(--ape-space-26);} .tb\:pr26 { padding-right: var(--ape-space-26);} .tb\:pb26 { padding-bottom: var(--ape-space-26);} .tb\:pl26 { padding-left: var(--ape-space-26);} .tb\:pt27 { padding-top: var(--ape-space-27);} .tb\:pr27 { padding-right: var(--ape-space-27);} .tb\:pb27 { padding-bottom: var(--ape-space-27);} .tb\:pl27 { padding-left: var(--ape-space-27);} .tb\:pt28 { padding-top: var(--ape-space-28);} .tb\:pr28 { padding-right: var(--ape-space-28);} .tb\:pb28 { padding-bottom: var(--ape-space-28);} .tb\:pl28 { padding-left: var(--ape-space-28);} .tb\:pt29 { padding-top: var(--ape-space-29);} .tb\:pr29 { padding-right: var(--ape-space-29);} .tb\:pb29 { padding-bottom: var(--ape-space-29);} .tb\:pl29 { padding-left: var(--ape-space-29);} .tb\:pt30 { padding-top: var(--ape-space-30);} .tb\:pr30 { padding-right: var(--ape-space-30);} .tb\:pb30 { padding-bottom: var(--ape-space-30);} .tb\:pl30 { padding-left: var(--ape-space-30);} .tb\:pt31 { padding-top: var(--ape-space-31);} .tb\:pr31 { padding-right: var(--ape-space-31);} .tb\:pb31 { padding-bottom: var(--ape-space-31);} .tb\:pl31 { padding-left: var(--ape-space-31);} .tb\:pt32 { padding-top: var(--ape-space-32);} .tb\:pr32 { padding-right: var(--ape-space-32);} .tb\:pb32 { padding-bottom: var(--ape-space-32);} .tb\:pl32 { padding-left: var(--ape-space-32);} .tb\:pt33 { padding-top: var(--ape-space-33);} .tb\:pr33 { padding-right: var(--ape-space-33);} .tb\:pb33 { padding-bottom: var(--ape-space-33);} .tb\:pl33 { padding-left: var(--ape-space-33);} .tb\:pt34 { padding-top: var(--ape-space-34);} .tb\:pr34 { padding-right: var(--ape-space-34);} .tb\:pb34 { padding-bottom: var(--ape-space-34);} .tb\:pl34 { padding-left: var(--ape-space-34);} .tb\:pt35 { padding-top: var(--ape-space-35);} .tb\:pr35 { padding-right: var(--ape-space-35);} .tb\:pb35 { padding-bottom: var(--ape-space-35);} .tb\:pl35 { padding-left: var(--ape-space-35);} .tb\:pt36 { padding-top: var(--ape-space-36);} .tb\:pr36 { padding-right: var(--ape-space-36);} .tb\:pb36 { padding-bottom: var(--ape-space-36);} .tb\:pl36 { padding-left: var(--ape-space-36);} .tb\:pt37 { padding-top: var(--ape-space-37);} .tb\:pr37 { padding-right: var(--ape-space-37);} .tb\:pb37 { padding-bottom: var(--ape-space-37);} .tb\:pl37 { padding-left: var(--ape-space-37);} .tb\:pt38 { padding-top: var(--ape-space-38);} .tb\:pr38 { padding-right: var(--ape-space-38);} .tb\:pb38 { padding-bottom: var(--ape-space-38);} .tb\:pl38 { padding-left: var(--ape-space-38);} .tb\:pt39 { padding-top: var(--ape-space-39);} .tb\:pr39 { padding-right: var(--ape-space-39);} .tb\:pb39 { padding-bottom: var(--ape-space-39);} .tb\:pl39 { padding-left: var(--ape-space-39);} .tb\:pt40 { padding-top: var(--ape-space-40);} .tb\:pr40 { padding-right: var(--ape-space-40);} .tb\:pb40 { padding-bottom: var(--ape-space-40);} .tb\:pl40 { padding-left: var(--ape-space-40);} .tb\:pt41 { padding-top: var(--ape-space-41);} .tb\:pr41 { padding-right: var(--ape-space-41);} .tb\:pb41 { padding-bottom: var(--ape-space-41);} .tb\:pl41 { padding-left: var(--ape-space-41);} .tb\:pt42 { padding-top: var(--ape-space-42);} .tb\:pr42 { padding-right: var(--ape-space-42);} .tb\:pb42 { padding-bottom: var(--ape-space-42);} .tb\:pl42 { padding-left: var(--ape-space-42);} .tb\:pt43 { padding-top: var(--ape-space-43);} .tb\:pr43 { padding-right: var(--ape-space-43);} .tb\:pb43 { padding-bottom: var(--ape-space-43);} .tb\:pl43 { padding-left: var(--ape-space-43);} .tb\:pt44 { padding-top: var(--ape-space-44);} .tb\:pr44 { padding-right: var(--ape-space-44);} .tb\:pb44 { padding-bottom: var(--ape-space-44);} .tb\:pl44 { padding-left: var(--ape-space-44);} .tb\:pt45 { padding-top: var(--ape-space-45);} .tb\:pr45 { padding-right: var(--ape-space-45);} .tb\:pb45 { padding-bottom: var(--ape-space-45);} .tb\:pl45 { padding-left: var(--ape-space-45);} .tb\:pt46 { padding-top: var(--ape-space-46);} .tb\:pr46 { padding-right: var(--ape-space-46);} .tb\:pb46 { padding-bottom: var(--ape-space-46);} .tb\:pl46 { padding-left: var(--ape-space-46);} .tb\:pt47 { padding-top: var(--ape-space-47);} .tb\:pr47 { padding-right: var(--ape-space-47);} .tb\:pb47 { padding-bottom: var(--ape-space-47);} .tb\:pl47 { padding-left: var(--ape-space-47);} .tb\:pt48 { padding-top: var(--ape-space-48);} .tb\:pr48 { padding-right: var(--ape-space-48);} .tb\:pb48 { padding-bottom: var(--ape-space-48);} .tb\:pl48 { padding-left: var(--ape-space-48);} .tb\:pt49 { padding-top: var(--ape-space-49);} .tb\:pr49 { padding-right: var(--ape-space-49);} .tb\:pb49 { padding-bottom: var(--ape-space-49);} .tb\:pl49 { padding-left: var(--ape-space-49);} .tb\:pt50 { padding-top: var(--ape-space-50);} .tb\:pr50 { padding-right: var(--ape-space-50);} .tb\:pb50 { padding-bottom: var(--ape-space-50);} .tb\:pl50 { padding-left: var(--ape-space-50);} .tb\:pt51 { padding-top: var(--ape-space-51);} .tb\:pr51 { padding-right: var(--ape-space-51);} .tb\:pb51 { padding-bottom: var(--ape-space-51);} .tb\:pl51 { padding-left: var(--ape-space-51);} .tb\:pt52 { padding-top: var(--ape-space-52);} .tb\:pr52 { padding-right: var(--ape-space-52);} .tb\:pb52 { padding-bottom: var(--ape-space-52);} .tb\:pl52 { padding-left: var(--ape-space-52);} .tb\:pt53 { padding-top: var(--ape-space-53);} .tb\:pr53 { padding-right: var(--ape-space-53);} .tb\:pb53 { padding-bottom: var(--ape-space-53);} .tb\:pl53 { padding-left: var(--ape-space-53);} .tb\:pt54 { padding-top: var(--ape-space-54);} .tb\:pr54 { padding-right: var(--ape-space-54);} .tb\:pb54 { padding-bottom: var(--ape-space-54);} .tb\:pl54 { padding-left: var(--ape-space-54);} .tb\:pt55 { padding-top: var(--ape-space-55);} .tb\:pr55 { padding-right: var(--ape-space-55);} .tb\:pb55 { padding-bottom: var(--ape-space-55);} .tb\:pl55 { padding-left: var(--ape-space-55);} .tb\:pt56 { padding-top: var(--ape-space-56);} .tb\:pr56 { padding-right: var(--ape-space-56);} .tb\:pb56 { padding-bottom: var(--ape-space-56);} .tb\:pl56 { padding-left: var(--ape-space-56);} .tb\:pt57 { padding-top: var(--ape-space-57);} .tb\:pr57 { padding-right: var(--ape-space-57);} .tb\:pb57 { padding-bottom: var(--ape-space-57);} .tb\:pl57 { padding-left: var(--ape-space-57);} .tb\:pt58 { padding-top: var(--ape-space-58);} .tb\:pr58 { padding-right: var(--ape-space-58);} .tb\:pb58 { padding-bottom: var(--ape-space-58);} .tb\:pl58 { padding-left: var(--ape-space-58);} .tb\:pt59 { padding-top: var(--ape-space-59);} .tb\:pr59 { padding-right: var(--ape-space-59);} .tb\:pb59 { padding-bottom: var(--ape-space-59);} .tb\:pl59 { padding-left: var(--ape-space-59);} .tb\:pt60 { padding-top: var(--ape-space-60);} .tb\:pr60 { padding-right: var(--ape-space-60);} .tb\:pb60 { padding-bottom: var(--ape-space-60);} .tb\:pl60 { padding-left: var(--ape-space-60);} .tb\:pt61 { padding-top: var(--ape-space-61);} .tb\:pr61 { padding-right: var(--ape-space-61);} .tb\:pb61 { padding-bottom: var(--ape-space-61);} .tb\:pl61 { padding-left: var(--ape-space-61);} .tb\:pt62 { padding-top: var(--ape-space-62);} .tb\:pr62 { padding-right: var(--ape-space-62);} .tb\:pb62 { padding-bottom: var(--ape-space-62);} .tb\:pl62 { padding-left: var(--ape-space-62);} .tb\:pt63 { padding-top: var(--ape-space-63);} .tb\:pr63 { padding-right: var(--ape-space-63);} .tb\:pb63 { padding-bottom: var(--ape-space-63);} .tb\:pl63 { padding-left: var(--ape-space-63);} .tb\:pt64 { padding-top: var(--ape-space-64);} .tb\:pr64 { padding-right: var(--ape-space-64);} .tb\:pb64 { padding-bottom: var(--ape-space-64);} .tb\:pl64 { padding-left: var(--ape-space-64);} .tb\:ptpx { padding-top: var(--ape-space-px);} .tb\:prpx { padding-right: var(--ape-space-px);} .tb\:pbpx { padding-bottom: var(--ape-space-px);} .tb\:plpx { padding-left: var(--ape-space-px);} /**Columns**/ /* Column Count (Auto Multi-Column Layout) */ .tb\:columns1 { columns: 1; } .tb\:columns2 { columns: 2; } .tb\:columns3 { columns: 3; } .tb\:columns4 { columns: 4; } .tb\:columns5 { columns: 5; } .tb\:columns6 { columns: 6; } .tb\:columns7 { columns: 7; } .tb\:columns8 { columns: 8; } .tb\:columns9 { columns: 9; } .tb\:columns10 { columns: 10; } .tb\:columns11 { columns: 11; } .tb\:columns12 { columns: 12; } .tb\:columnsauto { columns: auto; } /* Column Width (Pixel-Based Multi-Column Layout) */ .tb\:columns3xs { columns: 16rem; /* 256px */ } .tb\:columns2xs { columns: 18rem; /* 288px */ } .tb\:columnsxs { columns: 20rem; /* 320px */ } .tb\:columnssm { columns: 24rem; /* 384px */ } .tb\:columnsmd { columns: 28rem; /* 448px */ } .tb\:columnslg { columns: 32rem; /* 512px */ } .tb\:columnsxl { columns: 36rem; /* 576px */ } .tb\:columns2xl { columns: 42rem; /* 672px */ } .tb\:columns3xl { columns: 48rem; /* 768px */ } .tb\:columns4xl { columns: 56rem; /* 896px */ } .tb\:columns5xl { columns: 64rem; /* 1024px */ } .tb\:columns6xl { columns: 72rem; /* 1152px */ } .tb\:columns7xl { columns: 80rem; /* 1280px */ } /**Box Decoration**/ .tb\:boxclone {box-decoration-break: clone;} .tb\:boxslice {box-decoration-break: slice;} /**Box sizing**/ .tb\:boxborder {box-sizing: border-box;} .tb\:boxcontent {box-sizing: content-box;} /**Object**/ /** Object Fit **/ .tb\:objectcontain { object-fit: contain; } .tb\:objectcover { object-fit: cover; } .tb\:objectfill { object-fit: fill; } .tb\:objectnone { object-fit: none; } .tb\:objectscale-down { object-fit: scale-down; } /** Object Position **/ .tb\:objectbottom { object-position: bottom; } .tb\:objectcenter { object-position: center; } .tb\:objectleft { object-position: left; } .tb\:objectleftbottom { object-position: left bottom; } .tb\:objectlefttop { object-position: left top; } .tb\:objectright { object-position: right; } .tb\:objectrightbottom { object-position: right bottom; } .tb\:objectrighttop { object-position: right top; } .tb\:objecttop { object-position: top; } /**Opacity**/ .tb\:opacity0 { opacity: 0; } .tb\:opacity5 { opacity: 0.05; } .tb\:opacity10 { opacity: 0.1; } .tb\:opacity15 { opacity: 0.15; } .tb\:opacity20 { opacity: 0.2; } .tb\:opacity25 { opacity: 0.25; } .tb\:opacity30 { opacity: 0.3; } .tb\:opacity35 { opacity: 0.35; } .tb\:opacity40 { opacity: 0.4; } .tb\:opacity45 { opacity: 0.45; } .tb\:opacity50 { opacity: 0.5; } .tb\:opacity55 { opacity: 0.55; } .tb\:opacity60 { opacity: 0.6; } .tb\:opacity65 { opacity: 0.65; } .tb\:opacity70 { opacity: 0.7; } .tb\:opacity75 { opacity: 0.75; } .tb\:opacity80 { opacity: 0.8; } .tb\:opacity85 { opacity: 0.85; } .tb\:opacity90 { opacity: 0.9; } .tb\:opacity95 { opacity: 0.95; } .tb\:opacity100 { opacity: 1; } .tb\:hover\:opacity0:hover { opacity: 0; } .tb\:hover\:opacity25:hover { opacity: 0.25; } .tb\:hover\:opacity50:hover { opacity: 0.5; } .tb\:hover\:opacity75:hover { opacity: 0.75; } .tb\:hover\:opacity100:hover { opacity: 1; } .tb\:focus\:opacity0:focus { opacity: 0; } .tb\:focus\:opacity25:focus { opacity: 0.25; } .tb\:focus\:opacity50:focus { opacity: 0.5; } .tb\:focus\:opacity75:focus { opacity: 0.75; } .tb\:focus\:opacity100:focus { opacity: 1; } /** Outline **/ .tb\:outlinenone { outline: none !important; } .tb\:focus\:outlinenone:focus { outline: none !important; } /** Overflow **/ .tb\:overflowauto { overflow: auto; } .tb\:overflowhidden { overflow: hidden; } .tb\:overflowvisible { overflow: visible; } .tb\:overflowscroll { overflow: scroll; } .tb\:overflowx { overflow-x: auto; } .tb\:overflowy { overflow-y: auto; } .tb\:overflowxhidden { overflow-x: hidden; } .tb\:overflowyhidden { overflow-y: hidden; } .tb\:overflowxscroll { overflow-x: scroll; } .tb\:overflowyscroll { overflow-y: scroll; } .tb\:scrollauto { scroll-behavior: auto; } .tb\:scrollsmooth { scroll-behavior: smooth; } /**Pointer Events **/ .tb\:pointernone { pointer-events: none; } .tb\:pointerauto { pointer-events: auto; } /**Overscroll Behavior **/ .tb\:overscrollauto { overscroll-behavior: auto; } .tb\:overscrollcontain { overscroll-behavior: contain; } .tb\:overscrollnone { overscroll-behavior: none; } .tb\:overscrollx { overscroll-behavior-x: auto; } .tb\:overscrolly { overscroll-behavior-y: auto; } /** Position **/ .tb\:static { position: static; } .tb\:fixed { position: fixed; } .tb\:absolute { position: absolute; } .tb\:relative { position: relative; } .tb\:sticky { position: sticky; } /** Z Index **/ .tb\:z0 { z-index: 0; } .tb\:z10 { z-index: 10; } .tb\:z20 { z-index: 20; } .tb\:z30 { z-index: 30; } .tb\:z40 { z-index: 40; } .tb\:z50 { z-index: 50; } .tb\:z100 { z-index: 100; } .tb\:z999 { z-index: 999; } .tb\:zauto { z-index: auto; } /** Inset **/ .tb\:inset0 { inset: 0; } .tb\:insetauto { inset: auto; } .tb\:insetx { left: 0; right: 0; } .tb\:insety { top: 0; bottom: 0; } /** Resize **/ .tb\:resizenone { resize: none; } .tb\:resizeboth { resize: both; } /**shadows**/ .tb\:shadow1 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .tb\:shadow2 { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .tb\:shadow3 { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .tb\:shadow4 { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .tb\:shadow5 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .tb\:shadowinner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .tb\:shadowoutline { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} .tb\:shadownone { box-shadow: none;} .tb\:hover\:shadow1:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .tb\:hover\:shadow2:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .tb\:hover\:shadow3:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .tb\:hover\:shadow4:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .tb\:hover\:shadow5:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .tb\:hover\:shadowinner:hover { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .tb\:hover\:shadowoutline:hover { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} /**Mix Blend Modes**/ .tb\:mixblendnormal { mix-blend-mode: normal; } .tb\:mixblendmultiply { mix-blend-mode: multiply; } .tb\:mixblendscreen { mix-blend-mode: screen; } .tb\:mixblendoverlay { mix-blend-mode: overlay; } .tb\:mixblenddarken { mix-blend-mode: darken; } .tb\:mixblendlighten { mix-blend-mode: lighten; } .tb\:mixblendcolordodge { mix-blend-mode: color-dodge; } .tb\:mixblendcolorburn { mix-blend-mode: color-burn; } .tb\:mixblendhardlight { mix-blend-mode: hard-light; } .tb\:mixblendsoftlight { mix-blend-mode: soft-light; } /**Appearance**/ .tb\:visible { visibility: visible; } .tb\:invisible { visibility: hidden; } .tb\:appearancenone { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*-------------------------------------------------------------- # Backgrounds --------------------------------------------------------------*/ .tb\:bgtransparent { background-color: transparent;} .tb\:hover\:bgtransparent:hover { background-color: transparent;} .tb\:focus\:bgtransparent:focus { background-color: transparent;} .tb\:bgfixed { background-attachment: fixed;} .tb\:bglocal { background-attachment: local;} .tb\:bgscroll { background-attachment: scroll;} .tb\:bgbottom { background-position: bottom;} .tb\:bgcenter { background-position: center;} .tb\:bgleft { background-position: left;} .tb\:bgleftbottom { background-position: left bottom;} .tb\:bglefttop { background-position: left top;} .tb\:bgright { background-position: right;} .tb\:bgrightbottom { background-position: right bottom;} .tb\:bgrighttop { background-position: right top;} .tb\:bgtop { background-position: top;} .tb\:bgrepeat { background-repeat: repeat;} .tb\:bgnorepeat { background-repeat: no-repeat;} .tb\:bgrepeatx { background-repeat: repeat-x;} .tb\:bgrepeaty { background-repeat: repeat-y;} .tb\:bgrepeatround { background-repeat: round;} .tb\:bgrepeatspace { background-repeat: space;} .tb\:bgauto { background-size: auto;} .tb\:bgcover { background-size: cover;} .tb\:bgcontain { background-size: contain;} .tb\:bgclipborder {background-clip: border-box;} .tb\:bgclippadding {background-clip: padding-box;} .tb\:bgclipcontent {background-clip: content-box;} .tb\:bgcliptext {background-clip: text;} .tb\:bgoriginborder {background-origin: border-box;} .tb\:bgoriginpadding {background-origin: padding-box;} .tb\:bgorigincontent {background-origin: content-box;} /**Background Mix Blend Modes**/ .tb\:bgblendnormal {background-blend-mode: normal;} .tb\:bgblendmultiply {background-blend-mode: multiply;} .tb\:bgblendscreen {background-blend-mode: screen;} .tb\:bgblendoverlay {background-blend-mode: overlay;} .tb\:bgblenddarken {background-blend-mode: darken;} .tb\:bgblendlighten {background-blend-mode: lighten;} .tb\:bgblendcolordodge {background-blend-mode: color-dodge;} .tb\:bgblendcolorburn {background-blend-mode: color-burn;} .tb\:bgblendhardlight {background-blend-mode: hard-light;} .tb\:bgblendsoftlight {background-blend-mode: soft-light;} .tb\:bgblenddifference {background-blend-mode: difference;} .tb\:bgblendexclusion {background-blend-mode: exclusion;} .tb\:bgblendhue {background-blend-mode: hue;} .tb\:bgblendsaturation {background-blend-mode: saturation;} .tb\:bgblendcolor {background-blend-mode: color;} .tb\:bgblendluminosity {background-blend-mode: luminosity;} /*-------------------------------------------------------------- Borders --------------------------------------------------------------*/ .tb\:bordercollapse { border-collapse: collapse;} .tb\:borderseparate { border-collapse: separate;} .tb\:bordertransparent { border-color: transparent;} .tb\:borderradius0 { border-radius: 0;} .tb\:borderradius1 { border-radius: 0.125rem;} .tb\:borderradius2 { border-radius: 0.25rem;} .tb\:borderradius3 { border-radius: 0.5rem;} .tb\:borderradius4 { border-radius: 1rem;} .tb\:borderradius5 { border-radius: 1.5rem;} .tb\:borderradius6 { border-radius: 2rem;} .tb\:borderradius7 { border-radius: 2.5rem;} .tb\:borderradius8 { border-radius: 3rem;} .tb\:borderradius9 { border-radius: 3.5rem;} .tb\:borderradius10 { border-radius: 4rem;} .tb\:borderradiusfull { border-radius: 9999px;} .tb\:borderradiustl0 { border-top-left-radius: 0;} .tb\:borderradiustr0 { border-top-right-radius: 0;} .tb\:borderradiusbr0 { border-bottom-right-radius: 0;} .tb\:borderradiusbl0 { border-bottom-left-radius: 0;} .tb\:borderradiustl1 { border-top-left-radius: 0.125rem;} .tb\:borderradiustr1 { border-top-right-radius: 0.125rem;} .tb\:borderradiusbr1 { border-bottom-right-radius: 0.125rem;} .tb\:borderradiusbl1 { border-bottom-left-radius: 0.125rem;} .tb\:borderradiustl2 { border-top-left-radius: 0.25rem;} .tb\:borderradiustr2 { border-top-right-radius: 0.25rem;} .tb\:borderradiusbr2 { border-bottom-right-radius: 0.25rem;} .tb\:borderradiusbl2 { border-bottom-left-radius: 0.25rem;} .tb\:borderradiustl3 { border-top-left-radius: 0.5rem;} .tb\:borderradiustr3 { border-top-right-radius: 0.5rem;} .tb\:borderradiusbr3 { border-bottom-right-radius: 0.5rem;} .tb\:borderradiusbl3 { border-bottom-left-radius: 0.5rem;} .tb\:borderradiustl4 { border-top-left-radius: 1rem;} .tb\:borderradiustr4 { border-top-right-radius: 1rem;} .tb\:borderradiusbr4 { border-bottom-right-radius: 1rem;} .tb\:borderradiusbl4 { border-bottom-left-radius: 1rem;} .tb\:borderradiustl5 { border-top-left-radius: 1.5rem;} .tb\:borderradiustr5 { border-top-right-radius: 1.5rem;} .tb\:borderradiusbr5 { border-bottom-right-radius: 1.5rem;} .tb\:borderradiusbl5 { border-bottom-left-radius: 1.5rem;} .tb\:borderradiustl6 { border-top-left-radius: 2rem;} .tb\:borderradiustr6 { border-top-right-radius: 2rem;} .tb\:borderradiusbr6 { border-bottom-right-radius: 2rem;} .tb\:borderradiusbl6 { border-bottom-left-radius: 2rem;} .tb\:borderradiustl7 { border-top-left-radius: 2.5rem;} .tb\:borderradiustr7 { border-top-right-radius: 2.5rem;} .tb\:borderradiusbr7 { border-bottom-right-radius: 2.5rem;} .tb\:borderradiusbl7 { border-bottom-left-radius: 2.5rem;} .tb\:borderradiustl8 { border-top-left-radius: 3rem;} .tb\:borderradiustr8 { border-top-right-radius: 3rem;} .tb\:borderradiusbr8 { border-bottom-right-radius: 3rem;} .tb\:borderradiusbl8 { border-bottom-left-radius: 3rem;} .tb\:borderradiustl9 { border-top-left-radius: 3.5rem;} .tb\:borderradiustr9 { border-top-right-radius: 3.5rem;} .tb\:borderradiusbr9 { border-bottom-right-radius: 3.5rem;} .tb\:borderradiusbl9 { border-bottom-left-radius: 3.5rem;} .tb\:borderradiustl10 { border-top-left-radius: 4rem;} .tb\:borderradiustr10 { border-top-right-radius: 4rem;} .tb\:borderradiusbr10 { border-bottom-right-radius: 4rem;} .tb\:borderradiusbl10 { border-bottom-left-radius: 4rem;} .tb\:bordersolid { border-style: solid;} .tb\:borderdashed { border-style: dashed;} .tb\:borderdotted { border-style: dotted;} .tb\:borderdouble { border-style: double;} .tb\:borderhidden {border-style: hidden;} .tb\:bordernone { border-style: none;} .tb\:borderw0 { border-width: 0;} .tb\:borderw1 { border-width: 1px;} .tb\:borderw2 { border-width: 2px;} .tb\:borderw4 { border-width: 4px;} .tb\:borderw8 { border-width: 8px;} .tb\:borderwt0 { border-top-width: 0;} .tb\:borderwr0 { border-right-width: 0;} .tb\:borderwb0 { border-bottom-width: 0;} .tb\:borderwl0 { border-left-width: 0;} .tb\:borderwt1 { border-top-width: 1px;} .tb\:borderwr1 { border-right-width: 1px;} .tb\:borderwb1 { border-bottom-width: 1px;} .tb\:borderwl1 { border-left-width: 1px;} .tb\:borderwt2 { border-top-width: 2px;} .tb\:borderwr2 { border-right-width: 2px;} .tb\:borderwb2 { border-bottom-width: 2px;} .tb\:borderwl2 { border-left-width: 2px;} .tb\:borderwt4 { border-top-width: 4px;} .tb\:borderwr4 { border-right-width: 4px;} .tb\:borderwb4 { border-bottom-width: 4px;} .tb\:borderwl4 { border-left-width: 4px;} .tb\:borderwt8 { border-top-width: 8px;} .tb\:borderwr8 { border-right-width: 8px;} .tb\:borderwb8 { border-bottom-width: 8px;} .tb\:borderwl8 { border-left-width: 8px;} .tb\:outline0 {outline-width: 0px;} .tb\:outline1 {outline-width: 1px;} .tb\:outline2 {outline-width: 2px;} .tb\:outline4 {outline-width: 4px;} .tb\:outline8 {outline-width: 8px;} .tb\:outline {outline-style: solid;} .tb\:outlinedashed {outline-style: dashed;} .tb\:outlinedotted {outline-style: dotted;} .tb\:outlinedouble {outline-style: double;} .tb\:outlineoffset0 {outline-offset: 0px;} .tb\:outlineoffset1 {outline-offset: 1px;} .tb\:outlineoffset2 {outline-offset: 2px;} .tb\:outlineoffset4 {outline-offset: 4px;} .tb\:outlineoffset8 {outline-offset: 8px;} .tb\:borderopacity0 { --ape-border-opacity: 0; } .tb\:borderopacity10 { --ape-border-opacity: 0.1; } .tb\:borderopacity20 { --ape-border-opacity: 0.2; } .tb\:borderopacity30 { --ape-border-opacity: 0.3; } .tb\:borderopacity40 { --ape-border-opacity: 0.4; } .tb\:borderopacity50 { --ape-border-opacity: 0.5; } .tb\:borderopacity60 { --ape-border-opacity: 0.6; } .tb\:borderopacity70 { --ape-border-opacity: 0.7; } .tb\:borderopacity80 { --ape-border-opacity: 0.8; } .tb\:borderopacity90 { --ape-border-opacity: 0.9; } .tb\:borderopacity100 { --ape-border-opacity: 1; } /**Unique Black & White**/ .tb\:borderblack6, .tb\:hover\:borderblack6:hover, .tb\:focus\:borderblack6:focus { border-color: rgba(var(--black-6-rgb), var(--ape-border-opacity));} .tb\:borderblack7, .tb\:hover\:borderblack7:hover, .tb\:focus\:borderblack7:focus { border-color: rgba(var(--black-7-rgb), var(--ape-border-opacity));} .tb\:borderblack8, .tb\:hover\:borderblack8:hover, .tb\:focus\:borderblack8:focus { border-color: rgba(var(--black-8-rgb), var(--ape-border-opacity));} .tb\:borderblack9, .tb\:hover\:borderblack9:hover, .tb\:focus\:borderblack9:focus { border-color: rgba(var(--black-9-rgb), var(--ape-border-opacity));} .tb\:borderwhite6, .tb\:hover\:borderwhite6:hover, .tb\:focus\:borderwhite6:focus { border-color: rgba(var(--white-6-rgb), var(--ape-border-opacity));} .tb\:borderwhite7, .tb\:hover\:borderwhite7:hover, .tb\:focus\:borderwhite7:focus { border-color: rgba(var(--white-7-rgb), var(--ape-border-opacity));} .tb\:borderwhite8, .tb\:hover\:borderwhite8:hover, .tb\:focus\:borderwhite8:focus { border-color: rgba(var(--white-8-rgb), var(--ape-border-opacity));} .tb\:borderwhite9, .tb\:hover\:borderwhite9:hover, .tb\:focus\:borderwhite9:focus { border-color: rgba(var(--white-9-rgb), var(--ape-border-opacity));} /**Black**/ .tb\:borderblack, .tb\:hover\:borderblack:hover, .tb\:focus\:borderblack:focus { border-color: rgba(var(--black-rgb), var(--ape-border-opacity)); } .tb\:borderblack1, .tb\:hover\:borderblack1:hover, .tb\:focus\:borderblack1:focus { border-color: rgba(var(--black-1-rgb), var(--ape-border-opacity)); } .tb\:borderblack2, .tb\:hover\:borderblack2:hover, .tb\:focus\:borderblack2:focus { border-color: rgba(var(--black-2-rgb), var(--ape-border-opacity)); } .tb\:borderblack3, .tb\:hover\:borderblack3:hover, .tb\:focus\:borderblack3:focus { border-color: rgba(var(--black-3-rgb), var(--ape-border-opacity)); } .tb\:borderblack4, .tb\:hover\:borderblack4:hover, .tb\:focus\:borderblack4:focus { border-color: rgba(var(--black-4-rgb), var(--ape-border-opacity)); } .tb\:borderblack5, .tb\:hover\:borderblack5:hover, .tb\:focus\:borderblack5:focus { border-color: rgba(var(--black-5-rgb), var(--ape-border-opacity)); } /**White**/ .tb\:borderwhite, .tb\:hover\:borderwhite:hover, .tb\:focus\:borderwhite:focus { border-color: rgba(var(--white-rgb), var(--ape-border-opacity)); } .tb\:borderwhite1, .tb\:hover\:borderwhite1:hover, .tb\:focus\:borderwhite1:focus { border-color: rgba(var(--white-1-rgb), var(--ape-border-opacity)); } .tb\:borderwhite2, .tb\:hover\:borderwhite2:hover, .tb\:focus\:borderwhite2:focus { border-color: rgba(var(--white-2-rgb), var(--ape-border-opacity)); } .tb\:borderwhite3, .tb\:hover\:borderwhite3:hover, .tb\:focus\:borderwhite3:focus { border-color: rgba(var(--white-3-rgb), var(--ape-border-opacity)); } .tb\:borderwhite4, .tb\:hover\:borderwhite4:hover, .tb\:focus\:borderwhite4:focus { border-color: rgba(var(--white-4-rgb), var(--ape-border-opacity)); } .tb\:borderwhite5, .tb\:hover\:borderwhite5:hover, .tb\:focus\:borderwhite5:focus { border-color: rgba(var(--white-5-rgb), var(--ape-border-opacity)); } /**Gray**/ .tb\:bordergray1, .tb\:hover\:bordergray1:hover, .tb\:focus\:bordergray1:focus { border-color: rgba(var(--gray-1-rgb), var(--ape-border-opacity)); } .tb\:bordergray2, .tb\:hover\:bordergray2:hover, .tb\:focus\:bordergray2:focus { border-color: rgba(var(--gray-2-rgb), var(--ape-border-opacity)); } .tb\:bordergray3, .tb\:hover\:bordergray3:hover, .tb\:focus\:bordergray3:focus { border-color: rgba(var(--gray-3-rgb), var(--ape-border-opacity)); } .tb\:bordergray4, .tb\:hover\:bordergray4:hover, .tb\:focus\:bordergray4:focus { border-color: rgba(var(--gray-4-rgb), var(--ape-border-opacity)); } .tb\:bordergray5, .tb\:hover\:bordergray5:hover, .tb\:focus\:bordergray5:focus { border-color: rgba(var(--gray-5-rgb), var(--ape-border-opacity)); } /**Red**/ .tb\:borderred1, .tb\:hover\:borderred1:hover, .tb\:focus\:borderred1:focus { border-color: rgba(var(--red-1-rgb), var(--ape-border-opacity)); } .tb\:borderred2, .tb\:hover\:borderred2:hover, .tb\:focus\:borderred2:focus { border-color: rgba(var(--red-2-rgb), var(--ape-border-opacity)); } .tb\:borderred3, .tb\:hover\:borderred3:hover, .tb\:focus\:borderred3:focus { border-color: rgba(var(--red-3-rgb), var(--ape-border-opacity)); } .tb\:borderred4, .tb\:hover\:borderred4:hover, .tb\:focus\:borderred4:focus { border-color: rgba(var(--red-4-rgb), var(--ape-border-opacity)); } .tb\:borderred5, .tb\:hover\:borderred5:hover, .tb\:focus\:borderred5:focus { border-color: rgba(var(--red-5-rgb), var(--ape-border-opacity)); } /**Orange**/ .tb\:borderamber1, .tb\:hover\:borderamber1:hover, .tb\:focus\:borderamber1:focus { border-color: rgba(var(--amber-1-rgb), var(--ape-border-opacity)); } .tb\:borderamber2, .tb\:hover\:borderamber2:hover, .tb\:focus\:borderamber2:focus { border-color: rgba(var(--amber-2-rgb), var(--ape-border-opacity)); } .tb\:borderamber3, .tb\:hover\:borderamber3:hover, .tb\:focus\:borderamber3:focus { border-color: rgba(var(--amber-3-rgb), var(--ape-border-opacity)); } .tb\:borderamber4, .tb\:hover\:borderamber4:hover, .tb\:focus\:borderamber4:focus { border-color: rgba(var(--amber-4-rgb), var(--ape-border-opacity)); } .tb\:borderamber5, .tb\:hover\:borderamber5:hover, .tb\:focus\:borderamber5:focus { border-color: rgba(var(--amber-5-rgb), var(--ape-border-opacity)); } /**Yellow**/ .tb\:borderyellow1, .tb\:hover\:borderyellow1:hover, .tb\:focus\:borderyellow1:focus { border-color: rgba(var(--yellow-1-rgb), var(--ape-border-opacity)); } .tb\:borderyellow2, .tb\:hover\:borderyellow2:hover, .tb\:focus\:borderyellow2:focus { border-color: rgba(var(--yellow-2-rgb), var(--ape-border-opacity)); } .tb\:borderyellow3, .tb\:hover\:borderyellow3:hover, .tb\:focus\:borderyellow3:focus { border-color: rgba(var(--yellow-3-rgb), var(--ape-border-opacity)); } .tb\:borderyellow4, .tb\:hover\:borderyellow4:hover, .tb\:focus\:borderyellow4:focus { border-color: rgba(var(--yellow-4-rgb), var(--ape-border-opacity)); } .tb\:borderyellow5, .tb\:hover\:borderyellow5:hover, .tb\:focus\:borderyellow5:focus { border-color: rgba(var(--yellow-5-rgb), var(--ape-border-opacity)); } /**Green**/ .tb\:bordergreen1, .tb\:hover\:bordergreen1:hover, .tb\:focus\:bordergreen1:focus { border-color: rgba(var(--green-1-rgb), var(--ape-border-opacity)); } .tb\:bordergreen2, .tb\:hover\:bordergreen2:hover, .tb\:focus\:bordergreen2:focus { border-color: rgba(var(--green-2-rgb), var(--ape-border-opacity)); } .tb\:bordergreen3, .tb\:hover\:bordergreen3:hover, .tb\:focus\:bordergreen3:focus { border-color: rgba(var(--green-3-rgb), var(--ape-border-opacity)); } .tb\:bordergreen4, .tb\:hover\:bordergreen4:hover, .tb\:focus\:bordergreen4:focus { border-color: rgba(var(--green-4-rgb), var(--ape-border-opacity)); } .tb\:bordergreen5, .tb\:hover\:bordergreen5:hover, .tb\:focus\:bordergreen5:focus { border-color: rgba(var(--green-5-rgb), var(--ape-border-opacity)); } /**Teal**/ .tb\:borderteal1, .tb\:hover\:borderteal1:hover, .tb\:focus\:borderteal1:focus { border-color: rgba(var(--teal-1-rgb), var(--ape-border-opacity)); } .tb\:borderteal2, .tb\:hover\:borderteal2:hover, .tb\:focus\:borderteal2:focus { border-color: rgba(var(--teal-2-rgb), var(--ape-border-opacity)); } .tb\:borderteal3, .tb\:hover\:borderteal3:hover, .tb\:focus\:borderteal3:focus { border-color: rgba(var(--teal-3-rgb), var(--ape-border-opacity)); } .tb\:borderteal4, .tb\:hover\:borderteal4:hover, .tb\:focus\:borderteal4:focus { border-color: rgba(var(--teal-4-rgb), var(--ape-border-opacity)); } .tb\:borderteal5, .tb\:hover\:borderteal5:hover, .tb\:focus\:borderteal5:focus { border-color: rgba(var(--teal-5-rgb), var(--ape-border-opacity)); } /**Blue**/ .tb\:borderblue1, .tb\:hover\:borderblue1:hover, .tb\:focus\:borderblue1:focus { border-color: rgba(var(--blue-1-rgb), var(--ape-border-opacity)); } .tb\:borderblue2, .tb\:hover\:borderblue2:hover, .tb\:focus\:borderblue2:focus { border-color: rgba(var(--blue-2-rgb), var(--ape-border-opacity)); } .tb\:borderblue3, .tb\:hover\:borderblue3:hover, .tb\:focus\:borderblue3:focus { border-color: rgba(var(--blue-3-rgb), var(--ape-border-opacity)); } .tb\:borderblue4, .tb\:hover\:borderblue4:hover, .tb\:focus\:borderblue4:focus { border-color: rgba(var(--blue-4-rgb), var(--ape-border-opacity)); } .tb\:borderblue5, .tb\:hover\:borderblue5:hover, .tb\:focus\:borderblue5:focus { border-color: rgba(var(--blue-5-rgb), var(--ape-border-opacity)); } /**Indigo**/ .tb\:borderindigo1, .tb\:hover\:borderindigo1:hover, .tb\:focus\:borderindigo1:focus { border-color: rgba(var(--indigo-1-rgb), var(--ape-border-opacity)); } .tb\:borderindigo2, .tb\:hover\:borderindigo2:hover, .tb\:focus\:borderindigo2:focus { border-color: rgba(var(--indigo-2-rgb), var(--ape-border-opacity)); } .tb\:borderindigo3, .tb\:hover\:borderindigo3:hover, .tb\:focus\:borderindigo3:focus { border-color: rgba(var(--indigo-3-rgb), var(--ape-border-opacity)); } .tb\:borderindigo4, .tb\:hover\:borderindigo4:hover, .tb\:focus\:borderindigo4:focus { border-color: rgba(var(--indigo-4-rgb), var(--ape-border-opacity)); } .tb\:borderindigo5, .tb\:hover\:borderindigo5:hover, .tb\:focus\:borderindigo5:focus { border-color: rgba(var(--indigo-5-rgb), var(--ape-border-opacity)); } /**Purple**/ .tb\:borderpurple1, .tb\:hover\:borderpurple1:hover, .tb\:focus\:borderpurple1:focus { border-color: rgba(var(--purple-1-rgb), var(--ape-border-opacity)); } .tb\:borderpurple2, .tb\:hover\:borderpurple2:hover, .tb\:focus\:borderpurple2:focus { border-color: rgba(var(--purple-2-rgb), var(--ape-border-opacity)); } .tb\:borderpurple3, .tb\:hover\:borderpurple3:hover, .tb\:focus\:borderpurple3:focus { border-color: rgba(var(--purple-3-rgb), var(--ape-border-opacity)); } .tb\:borderpurple4, .tb\:hover\:borderpurple4:hover, .tb\:focus\:borderpurple4:focus { border-color: rgba(var(--purple-4-rgb), var(--ape-border-opacity)); } .tb\:borderpurple5, .tb\:hover\:borderpurple5:hover, .tb\:focus\:borderpurple5:focus { border-color: rgba(var(--purple-5-rgb), var(--ape-border-opacity)); } .tb\:borderpurple6, .tb\:hover\:borderpurple6:hover, .tb\:focus\:borderpurple6:focus { border-color: rgba(var(--purple-6-rgb), var(--ape-border-opacity)); } /**Pink**/ .tb\:borderpink1, .tb\:hover\:borderpink1:hover, .tb\:focus\:borderpink1:focus { border-color: rgba(var(--pink-1-rgb), var(--ape-border-opacity)); } .tb\:borderpink2, .tb\:hover\:borderpink2:hover, .tb\:focus\:borderpink2:focus { border-color: rgba(var(--pink-2-rgb), var(--ape-border-opacity)); } .tb\:borderpink3, .tb\:hover\:borderpink3:hover, .tb\:focus\:borderpink3:focus { border-color: rgba(var(--pink-3-rgb), var(--ape-border-opacity)); } .tb\:borderpink4, .tb\:hover\:borderpink4:hover, .tb\:focus\:borderpink4:focus { border-color: rgba(var(--pink-4-rgb), var(--ape-border-opacity)); } .tb\:borderpink5, .tb\:hover\:borderpink5:hover, .tb\:focus\:borderpink5:focus { border-color: rgba(var(--pink-5-rgb), var(--ape-border-opacity)); } /*-------------------------------------------------------------- Filters --------------------------------------------------------------*/ /**blur**/ .tb\:blur0 {filter: blur(0);} .tb\:blur1 {filter: blur(4px);} .tb\:blur2 {filter: blur(8px);} .tb\:blur3 {filter: blur(12px);} .tb\:blur4 {filter: blur(16px);} .tb\:blur5 {filter: blur(20px);} .tb\:blur6 {filter: blur(24px);} .tb\:blur7 {filter: blur(28px);} .tb\:blur8 {filter: blur(32px);} .tb\:blur9 {filter: blur(36px);} .tb\:blur10 {filter: blur(40px);} /**Brightness**/ .tb\:-brightness5 {filter: brightness(0);} .tb\:-brightness4 {filter: brightness(.2);} .tb\:-brightness3 {filter: brightness(.4);} .tb\:-brightness2 {filter: brightness(.6);} .tb\:-brightness1 {filter: brightness(.8);} .tb\:brightness1 {filter: brightness(1.2);} .tb\:brightness2 {filter: brightness(1.4);} .tb\:brightness3 {filter: brightness(1.6);} .tb\:brightness4 {filter: brightness(1.8);} .tb\:brightness5 {filter: brightness(2);} /**contrast**/ .tb\:contrast0 {filter: contrast(0);} .tb\:-contrast5 {filter: contrast(.2);} .tb\:-contrast4 {filter: contrast(.4);} .tb\:-contrast3 {filter: contrast(.6);} .tb\:-contrast2 {filter: contrast(.8);} .tb\:contrast1 {filter: contrast(1.2);} .tb\:contrast2 {filter: contrast(1.4);} .tb\:contrast3 {filter: contrast(1.6);} .tb\:contrast4 {filter: contrast(1.8);} .tb\:contrast5 {filter: contrast(2);} /**drop-shadow**/ .tb\:dropshadow0 {filter: drop-shadow(0 0 #0000);} .tb\:dropshadow1 {filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));} .tb\:dropshadow2 {filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));} .tb\:dropshadow3 {filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));} .tb\:dropshadow4 {filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));} .tb\:dropshadow5 {filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));} .tb\:dropshadow6 {filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));} /**grayscale**/ .tb\:grayscale1 {filter: grayscale(20%);} .tb\:grayscale2 {filter: grayscale(40%);} .tb\:grayscale3 {filter: grayscale(60%);} .tb\:grayscale4 {filter: grayscale(80%);} .tb\:grayscale5 {filter: grayscale(100%);} /**invert**/ .tb\:invert1 {filter: invert(20%);} .tb\:invert2 {filter: invert(40%);} .tb\:invert3 {filter: invert(60%);} .tb\:invert4 {filter: invert(80%);} .tb\:invert5 {filter: invert(100%);} /**saturate**/ .tb\:-saturate5 {filter: saturate(0);} .tb\:-saturate4 {filter: saturate(.2);} .tb\:-saturate3 {filter: saturate(.4);} .tb\:-saturate2 {filter: saturate(.6);} .tb\:-saturate1 {filter: saturate(.8);} .tb\:saturate1 {filter: saturate(2);} .tb\:saturate2 {filter: saturate(4);} .tb\:saturate3 {filter: saturate(6);} .tb\:saturate4 {filter: saturate(8);} .tb\:saturate5 {filter: saturate(10);} /**sepia**/ .tb\:sepia1 {filter: sepia(20%);} .tb\:sepia2 {filter: sepia(40%);} .tb\:sepia3 {filter: sepia(60%);} .tb\:sepia4 {filter: sepia(80%);} .tb\:sepia5 {filter: sepia(100%);} /*-------------------------------------------------------------- Transition, Transform, Animation --------------------------------------------------------------*/ /**Transition Propertys**/ .tb\:transitionnone {transition-property: none;} .tb\:transitionall {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .tb\:transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .tb\:transitioncolors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .tb\:transitionopacity {transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .tb\:transitionshadow {transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .tb\:transitiontransform {transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} /**Transition Duration**/ .tb\:duration100 {transition-duration: 100ms;} .tb\:duration200 {transition-duration: 200ms;} .tb\:duration300 {transition-duration: 300ms;} .tb\:duration400 {transition-duration: 400ms;} .tb\:duration500 {transition-duration: 500ms;} .tb\:duration750 {transition-duration: 750ms;} .tb\:duration1000 {transition-duration: 1000ms;} .tb\:duration1250 {transition-duration: 1250ms;} .tb\:duration1500 {transition-duration: 1500ms;} .tb\:duration1750 {transition-duration: 1750ms;} .tb\:duration2000 {transition-duration: 2000ms;} /**Transition Delay**/ .tb\:delay100 {transition-delay: 100ms;} .tb\:delay200 {transition-delay: 200ms;} .tb\:delay300 {transition-delay: 300ms;} .tb\:delay400 {transition-delay: 400ms;} .tb\:delay500 {transition-delay: 500ms;} .tb\:delay750 {transition-delay: 750ms;} .tb\:delay1000 {transition-delay: 1000ms;} .tb\:delay1250 {transition-delay: 1250ms;} .tb\:delay1500 {transition-delay: 1500ms;} .tb\:delay1750 {transition-delay: 1750ms;} .tb\:delay2000 {transition-delay: 2000ms;} /**Transition Timing Function**/ .tb\:easelinear {transition-timing-function: linear;} .tb\:easein {transition-timing-function: cubic-bezier(0.4, 0, 1, 1);} .tb\:easeout {transition-timing-function: cubic-bezier(0, 0, 0.2, 1);} .tb\:easeinout {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} /**Transform**/ .tb\:scale50 {transform: scale(.5);} .tb\:scale75 {transform: scale(.75);} .tb\:scale90 {transform: scale(.9);} .tb\:scale100 {transform: scale(1);} .tb\:scale110 {transform: scale(1.1);} .tb\:scale125 {transform: scale(1.25);} .tb\:scale150 {transform: scale(1.5);} .tb\:scale200 {transform: scale(2);} .tb\:scale300 {transform: scale(3);} .tb\:scalex050 {transform: scaleX(.5);} .tb\:scalex075 {transform: scaleX(.75);} .tb\:scalex100 {transform: scaleX(1);} .tb\:scalex110 {transform: scaleX(1.1);} .tb\:scalex125 {transform: scaleX(1.25);} .tb\:scalex150 {transform: scaleX(1.5);} .tb\:scalex200 {transform: scaleX(2);} .tb\:scalex300 {transform: scaleX(3);} .tb\:scaley050 {transform: scaleY(.5);} .tb\:scaley075 {transform: scaleY(.75);} .tb\:scaley100 {transform: scaleY(1);} .tb\:scaley110 {transform: scaleY(1.1);} .tb\:scaley125 {transform: scaleY(1.25);} .tb\:scaley150 {transform: scaleY(1.5);} .tb\:scaley200 {transform: scaleY(2);} .tb\:scaley300 {transform: scaleY(3);} .tb\:-rotate180 {transform: rotate(-180deg);} .tb\:-rotate135 {transform: rotate(-135deg);} .tb\:-rotate90 {transform: rotate(-90deg);} .tb\:-rotate45 {transform: rotate(-45deg);} .tb\:-rotate36 {transform: rotate(-36deg);} .tb\:-rotate27 {transform: rotate(-27deg);} .tb\:-rotate18 {transform: rotate(-18deg);} .tb\:-rotate12 {transform: rotate(-12deg);} .tb\:-rotate6 {transform: rotate(-6deg);} .tb\:-rotate3 {transform: rotate(-3deg);} .tb\:-rotate2 {transform: rotate(-2deg);} .tb\:-rotate1 {transform: rotate(-1deg);} .tb\:rotate0 {transform: rotate(0deg);} .tb\:rotate1 {transform: rotate(1deg);} .tb\:rotate2 {transform: rotate(2deg);} .tb\:rotate3 {transform: rotate(3deg);} .tb\:rotate6 {transform: rotate(6deg);} .tb\:rotate12 {transform: rotate(12deg);} .tb\:rotate18 {transform: rotate(18deg);} .tb\:rotate27 {transform: rotate(27deg);} .tb\:rotate36 {transform: rotate(36deg);} .tb\:rotate45 {transform: rotate(45deg);} .tb\:rotate90 {transform: rotate(90deg);} .tb\:rotate135 {transform: rotate(135deg);} .tb\:rotate180 {transform: rotate(180deg);} .tb\:rotate270 {transform: rotate(270deg);} .tb\:translatex0125 {transform: translateX(0.125rem);} .tb\:translatex025 {transform: translateX(0.25rem);} .tb\:translatex050 {transform: translateX(0.5rem);} .tb\:translatex075 {transform: translateX(0.75rem);} .tb\:translatex1 {transform: translateX(1rem);} .tb\:translatex125 {transform: translateX(1.25rem);} .tb\:translatex150 {transform: translateX(1.5rem);} .tb\:translatex175 {transform: translateX(1.75rem);} .tb\:translatex2 {transform: translateX(2rem);} .tb\:translatex3 {transform: translateX(3rem);} .tb\:translatex4 {transform: translateX(4rem);} .tb\:translatex5 {transform: translateX(5rem);} .tb\:translatex6 {transform: translateX(6rem);} .tb\:translatex7 {transform: translateX(7rem);} .tb\:translatex8 {transform: translateX(8rem);} .tb\:translatex9 {transform: translateX(9rem);} .tb\:translatex10 {transform: translateX(10rem);} .tb\:-translatex0125 {transform: translateX(-0.125rem);} .tb\:-translatex025 {transform: translateX(-0.25rem);} .tb\:-translatex050 {transform: translateX(-0.5rem);} .tb\:-translatex075 {transform: translateX(-0.75rem);} .tb\:-translatex1 {transform: translateX(-1rem);} .tb\:-translatex125 {transform: translateX(-1.25rem);} .tb\:-translatex150 {transform: translateX(-1.5rem);} .tb\:-translatex175 {transform: translateX(-1.75rem);} .tb\:-translatex2 {transform: translateX(-2rem);} .tb\:-translatex3 {transform: translateX(-3rem);} .tb\:-translatex4 {transform: translateX(-4rem);} .tb\:-translatex5 {transform: translateX(-5rem);} .tb\:-translatex6 {transform: translateX(-6rem);} .tb\:-translatex7 {transform: translateX(-7rem);} .tb\:-translatex8 {transform: translateX(-8rem);} .tb\:-translatex9 {transform: translateX(-9rem);} .tb\:-translatex10 {transform: translateX(-10rem);} .tb\:translatey0125 {transform: translateY(0.125rem);} .tb\:translatey025 {transform: translateY(0.25rem);} .tb\:translatey050 {transform: translateY(0.5rem);} .tb\:translatey075 {transform: translateY(0.75rem);} .tb\:translatey1 {transform: translateY(1rem);} .tb\:translatey125 {transform: translateY(1.25rem);} .tb\:translatey150 {transform: translateY(1.5rem);} .tb\:translatey175 {transform: translateY(1.75rem);} .tb\:translatey2 {transform: translateY(2rem);} .tb\:translatey3 {transform: translateY(3rem);} .tb\:translatey4 {transform: translateY(4rem);} .tb\:translatey5 {transform: translateY(5rem);} .tb\:translatey6 {transform: translateY(6rem);} .tb\:translatey7 {transform: translateY(7rem);} .tb\:translatey8 {transform: translateY(8rem);} .tb\:translatey9 {transform: translateY(9rem);} .tb\:translatey10 {transform: translateY(10rem);} .tb\:-translatey0125 {transform: translateY(-0.125rem);} .tb\:-translatey025 {transform: translateY(-0.25rem);} .tb\:-translatey050 {transform: translateY(-0.5rem);} .tb\:-translatey075 {transform: translateY(-0.75rem);} .tb\:-translatey1 {transform: translateY(-1rem);} .tb\:-translatey125 {transform: translateY(-1.25rem);} .tb\:-translatey150 {transform: translateY(-1.5rem);} .tb\:-translatey175 {transform: translateY(-1.75rem);} .tb\:-translatey2 {transform: translateY(-2rem);} .tb\:-translatey3 {transform: translateY(-3rem);} .tb\:-translatey4 {transform: translateY(-4rem);} .tb\:-translatey5 {transform: translateY(-5rem);} .tb\:-translatey6 {transform: translateY(-6rem);} .tb\:-translatey7 {transform: translateY(-7rem);} .tb\:-translatey8 {transform: translateY(-8rem);} .tb\:-translatey9 {transform: translateY(-9rem);} .tb\:-translatey10 {transform: translateY(-10rem);} .tb\:translatex50p {transform: translateX(50%);} .tb\:translatex33p {transform: translateX(33.333333%);} .tb\:translatex66p {transform: translateX(66.666667%);} .tb\:translatex25p {transform: translateX(25%);} .tb\:translatex75p {transform: translateX(75%);} .tb\:translatex100p {transform: translateX(100%);} .tb\:translatey33p {transform: translateY(33.333333%);} .tb\:translatey66p {transform: translateY(66.666667%);} .tb\:translatey25p {transform: translateY(25%);} .tb\:translatey50p {transform: translateY(50%);} .tb\:translatey75p {transform: translateY(75%);} .tb\:translatey100p {transform: translateY(100%);} .tb\:skewx0 {transform: skewX(0deg);} .tb\:skewy0 {transform: skewY(0deg);} .tb\:skewx1 {transform: skewX(1deg);} .tb\:skewy1 {transform: skewY(1deg);} .tb\:skewx2 {transform: skewX(2deg);} .tb\:skewy2 {transform: skewY(2deg);} .tb\:skewx3 {transform: skewX(3deg);} .tb\:skewy3 {transform: skewY(3deg);} .tb\:skewx6 {transform: skewX(6deg);} .tb\:skewy6 {transform: skewY(6deg);} .tb\:skewx12 {transform: skewX(12deg);} .tb\:skewy12 {transform: skewY(12deg);} .tb\:origincenter {transform-origin: center;} .tb\:origintop {transform-origin: top;} .tb\:originright {transform-origin: right;} .tb\:originbottom {transform-origin: bottom;} .tb\:originleft {transform-origin: left;} .tb\:origintopleft {transform-origin: top left;} .tb\:origintopright {transform-origin: top right;} .tb\:originbottomleft {transform-origin: bottom left;} .tb\:originbottomright {transform-origin: bottom right;} /**cursor**/ .tb\:cursorpointer { cursor: pointer;} .tb\:cursortext { cursor: text;} .tb\:cursornotallowed { cursor: not-allowed;} /**Touch Action**/ .tb\:touchauto { touch-action: auto; } .tb\:touchnone { touch-action: none; } .tb\:touchpanx { touch-action: pan-x; } .tb\:touchpany { touch-action: pan-y; } .tb\:touchpanxy { touch-action: pan-x pan-y; } .tb\:touchmanipulation { touch-action: manipulation; } } /* MB (Mobile) - max-width: 768px */ @media (max-width: 768px) { /**Grid Column**/ .mb\:gridcols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .mb\:gridcols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .mb\:gridcols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .mb\:gridcols4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .mb\:gridcols5 {grid-template-columns: repeat(5, minmax(0, 1fr));} .mb\:gridcols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} .mb\:gridcols7 {grid-template-columns: repeat(7, minmax(0, 1fr));} .mb\:gridcols8 {grid-template-columns: repeat(8, minmax(0, 1fr));} .mb\:gridcols9 {grid-template-columns: repeat(9, minmax(0, 1fr));} .mb\:gridcols10 {grid-template-columns: repeat(10, minmax(0, 1fr));} .mb\:gridcols11 {grid-template-columns: repeat(11, minmax(0, 1fr));} .mb\:gridcols12 {grid-template-columns: repeat(12, minmax(0, 1fr));} .mb\:gridcolsauto {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));} .mb\:gridcolsnone {grid-template-columns: none;} .mb\:gridcolssubgrid {grid-template-columns: subgrid;} /**Grid Column Start/end**/ .mb\:colauto { grid-column: auto; } .mb\:colspan1 { grid-column: span 1 / span 1; } .mb\:colspan2 { grid-column: span 2 / span 2; } .mb\:colspan3 { grid-column: span 3 / span 3; } .mb\:colspan4 { grid-column: span 4 / span 4; } .mb\:colspan5 { grid-column: span 5 / span 5; } .mb\:colspan6 { grid-column: span 6 / span 6; } .mb\:colspan7 { grid-column: span 7 / span 7; } .mb\:colspan8 { grid-column: span 8 / span 8; } .mb\:colspan9 { grid-column: span 9 / span 9; } .mb\:colspan10 { grid-column: span 10 / span 10; } .mb\:colspan11 { grid-column: span 11 / span 11; } .mb\:colspan12 { grid-column: span 12 / span 12; } .mb\:colspanfull { grid-column: 1 / -1; } .mb\:colstart1 {grid-column-start: 1;} .mb\:colstart2 {grid-column-start: 2;} .mb\:colstart3 {grid-column-start: 3;} .mb\:colstart4 {grid-column-start: 4;} .mb\:colstart5 {grid-column-start: 5;} .mb\:colstart6 {grid-column-start: 6;} .mb\:colstart7 {grid-column-start: 7;} .mb\:colstart8 {grid-column-start: 8;} .mb\:colstart9 {grid-column-start: 9;} .mb\:colstart10 {grid-column-start: 10;} .mb\:colstart11 {grid-column-start: 11;} .mb\:colstart12 {grid-column-start: 12;} .mb\:colstart13 {grid-column-start: 13;} .mb\:colstartauto {grid-column-start: auto;} .mb\:colend1 {grid-column-end: 1;} .mb\:colend2 {grid-column-end: 2;} .mb\:colend3 {grid-column-end: 3;} .mb\:colend4 {grid-column-end: 4;} .mb\:colend5 {grid-column-end: 5;} .mb\:colend6 {grid-column-end: 6;} .mb\:colend7 {grid-column-end: 7;} .mb\:colend8 {grid-column-end: 8;} .mb\:colend9 {grid-column-end: 9;} .mb\:colend10 {grid-column-end: 10;} .mb\:colend11 {grid-column-end: 11;} .mb\:colend12 {grid-column-end: 12;} .mb\:colend13 {grid-column-end: 13;} .mb\:colendauto {grid-column-end: auto;} /**Gap**/ /** Gap Both **/ .mb\:gap0 {gap: var(--ape-space-0) !important;} .mb\:gap1 {gap: var(--ape-space-1) !important;} .mb\:gap2 {gap: var(--ape-space-2) !important;} .mb\:gap3 {gap: var(--ape-space-3) !important;} .mb\:gap4 {gap: var(--ape-space-4) !important;} .mb\:gap5 {gap: var(--ape-space-5) !important;} .mb\:gap6 {gap: var(--ape-space-6) !important;} .mb\:gap7 {gap: var(--ape-space-7) !important;} .mb\:gap8 {gap: var(--ape-space-8) !important;} .mb\:gap9 {gap: var(--ape-space-9) !important;} .mb\:gap10 {gap: var(--ape-space-10) !important;} .mb\:gap11 {gap: var(--ape-space-11) !important;} .mb\:gap12 {gap: var(--ape-space-12) !important;} .mb\:gap13 {gap: var(--ape-space-13) !important;} .mb\:gap14 {gap: var(--ape-space-14) !important;} .mb\:gap15 {gap: var(--ape-space-15) !important;} .mb\:gap16 {gap: var(--ape-space-16) !important;} .mb\:gap17 {gap: var(--ape-space-17) !important;} .mb\:gap18 {gap: var(--ape-space-18) !important;} .mb\:gap19 {gap: var(--ape-space-19) !important;} .mb\:gap20 {gap: var(--ape-space-20) !important;} /** Row Gap **/ .mb\:gapy0 {row-gap: var(--ape-space-0) !important;} .mb\:gapy1 {row-gap: var(--ape-space-1) !important;} .mb\:gapy2 {row-gap: var(--ape-space-2) !important;} .mb\:gapy3 {row-gap: var(--ape-space-3) !important;} .mb\:gapy4 {row-gap: var(--ape-space-4) !important;} .mb\:gapy5 {row-gap: var(--ape-space-5) !important;} .mb\:gapy6 {row-gap: var(--ape-space-6) !important;} .mb\:gapy7 {row-gap: var(--ape-space-7) !important;} .mb\:gapy8 {row-gap: var(--ape-space-8) !important;} .mb\:gapy9 {row-gap: var(--ape-space-9) !important;} .mb\:gapy10 {row-gap: var(--ape-space-10) !important;} .mb\:gapy11 {row-gap: var(--ape-space-11) !important;} .mb\:gapy12 {row-gap: var(--ape-space-12) !important;} .mb\:gapy13 {row-gap: var(--ape-space-13) !important;} .mb\:gapy14 {row-gap: var(--ape-space-14) !important;} .mb\:gapy15 {row-gap: var(--ape-space-15) !important;} .mb\:gapy16 {row-gap: var(--ape-space-16) !important;} .mb\:gapy17 {row-gap: var(--ape-space-17) !important;} .mb\:gapy18 {row-gap: var(--ape-space-18) !important;} .mb\:gapy19 {row-gap: var(--ape-space-19) !important;} .mb\:gapy20 {row-gap: var(--ape-space-20) !important;} /** Column Gap **/ .mb\:gapx0 {column-gap: var(--ape-space-0) !important;} .mb\:gapx1 {column-gap: var(--ape-space-1) !important;} .mb\:gapx2 {column-gap: var(--ape-space-2) !important;} .mb\:gapx3 {column-gap: var(--ape-space-3) !important;} .mb\:gapx4 {column-gap: var(--ape-space-4) !important;} .mb\:gapx5 {column-gap: var(--ape-space-5) !important;} .mb\:gapx6 {column-gap: var(--ape-space-6) !important;} .mb\:gapx7 {column-gap: var(--ape-space-7) !important;} .mb\:gapx8 {column-gap: var(--ape-space-8) !important;} .mb\:gapx9 {column-gap: var(--ape-space-9) !important;} .mb\:gapx10 {column-gap: var(--ape-space-10) !important;} .mb\:gapx11 {column-gap: var(--ape-space-11) !important;} .mb\:gapx12 {column-gap: var(--ape-space-12) !important;} .mb\:gapx13 {column-gap: var(--ape-space-13) !important;} .mb\:gapx14 {column-gap: var(--ape-space-14) !important;} .mb\:gapx15 {column-gap: var(--ape-space-15) !important;} .mb\:gapx16 {column-gap: var(--ape-space-16) !important;} .mb\:gapx17 {column-gap: var(--ape-space-17) !important;} .mb\:gapx18 {column-gap: var(--ape-space-18) !important;} .mb\:gapx19 {column-gap: var(--ape-space-19) !important;} .mb\:gapx20 {column-gap: var(--ape-space-20) !important;} /**Grid Row Template**/ .mb\:gridrows1 {grid-template-rows: repeat(1, minmax(0, 1fr));} .mb\:gridrows2 {grid-template-rows: repeat(2, minmax(0, 1fr));} .mb\:gridrows3 {grid-template-rows: repeat(3, minmax(0, 1fr));} .mb\:gridrows4 {grid-template-rows: repeat(4, minmax(0, 1fr));} .mb\:gridrows5 {grid-template-rows: repeat(5, minmax(0, 1fr));} .mb\:gridrows6 {grid-template-rows: repeat(6, minmax(0, 1fr));} .mb\:gridrows7 {grid-template-rows: repeat(7, minmax(0, 1fr));} .mb\:gridrows8 {grid-template-rows: repeat(8, minmax(0, 1fr));} .mb\:gridrows9 {grid-template-rows: repeat(9, minmax(0, 1fr));} .mb\:gridrows10 {grid-template-rows: repeat(10, minmax(0, 1fr));} .mb\:gridrows11 {grid-template-rows: repeat(11, minmax(0, 1fr));} .mb\:gridrows12 {grid-template-rows: repeat(12, minmax(0, 1fr));} .mb\:gridrowsnone {grid-template-rows: none;} .mb\:gridrowssubgrid {grid-template-rows: subgrid;} /**Grid Row Start/End**/ .mb\:rowauto {grid-row: auto;} .mb\:rowspan1 {grid-row: span 1 / span 1;} .mb\:rowspan2 {grid-row: span 2 / span 2;} .mb\:rowspan3 {grid-row: span 3 / span 3;} .mb\:rowspan4 {grid-row: span 4 / span 4;} .mb\:rowspan5 {grid-row: span 5 / span 5;} .mb\:rowspan6 {grid-row: span 6 / span 6;} .mb\:rowspan7 {grid-row: span 7 / span 7;} .mb\:rowspan8 {grid-row: span 8 / span 8;} .mb\:rowspan9 {grid-row: span 9 / span 9;} .mb\:rowspan10 {grid-row: span 10 / span 10;} .mb\:rowspan11 {grid-row: span 11 / span 11;} .mb\:rowspan12 {grid-row: span 12 / span 12;} .mb\:rowspanfull {grid-row: 1 / -1;} .mb\:rowstart1 {grid-row-start: 1;} .mb\:rowstart2 {grid-row-start: 2;} .mb\:rowstart3 {grid-row-start: 3;} .mb\:rowstart4 {grid-row-start: 4;} .mb\:rowstart5 {grid-row-start: 5;} .mb\:rowstart6 {grid-row-start: 6;} .mb\:rowstart7 {grid-row-start: 7;} .mb\:rowstart8 {grid-row-start: 8;} .mb\:rowstart9 {grid-row-start: 9;} .mb\:rowstart10 {grid-row-start: 10;} .mb\:rowstart11 {grid-row-start: 11;} .mb\:rowstart12 {grid-row-start: 12;} .mb\:rowstart13 {grid-row-start: 13;} .mb\:rowstartauto {grid-row-start: auto;} .mb\:rowend1 {grid-row-end: 1;} .mb\:rowend2 {grid-row-end: 2;} .mb\:rowend3 {grid-row-end: 3;} .mb\:rowend4 {grid-row-end: 4;} .mb\:rowend5 {grid-row-end: 5;} .mb\:rowend6 {grid-row-end: 6;} .mb\:rowend7 {grid-row-end: 7;} .mb\:rowend8 {grid-row-end: 8;} .mb\:rowend9 {grid-row-end: 9;} .mb\:rowend10 {grid-row-end: 10;} .mb\:rowend11 {grid-row-end: 11;} .mb\:rowend12 {grid-row-end: 12;} .mb\:rowend13 {grid-row-end: 13;} .mb\:rowendauto {grid-row-end: auto;} /**Grid auto Flow**/ .mb\:gridflowrow {grid-auto-flow: row;} .mb\:gridflowcol {grid-auto-flow: column;} .mb\:gridflowdense {grid-auto-flow: dense;} .mb\:gridflowrowdense {grid-auto-flow: row dense;} .mb\:gridflowcoldense {grid-auto-flow: column dense;} /**Grid Auto Columns**/ .mb\:autocolsauto {grid-auto-columns: auto;} .mb\:autocolsmin {grid-auto-columns: min-content;} .mb\:autocolsmax {grid-auto-columns: max-content;} .mb\:autocolsfr {grid-auto-columns: minmax(0, 1fr);} /**Grid Auto Rows**/ .mb\:autorowsauto {grid-auto-rows: auto;} .mb\:autorowsmin {grid-auto-rows: min-content;} .mb\:autorowsmax {grid-auto-rows: max-content;} .mb\:autorowsfr {grid-auto-rows: minmax(0, 1fr);} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /* Headers */ .mb\:h1 { font-size: calc(var(--grid-vw) * var(--ape-h1-mobile)); line-height: 1; } .mb\:h2 { font-size: calc(var(--grid-vw) * var(--ape-h2-mobile)); line-height: 1; } .mb\:h3 { font-size: calc(var(--grid-vw) * var(--ape-h3-mobile)); line-height: 1; } .mb\:h4 { font-size: calc(var(--grid-vw) * var(--ape-h4-mobile)); line-height: 1; } .mb\:h5 { font-size: calc(var(--grid-vw) * var(--ape-h5-mobile)); line-height: 1; } .mb\:h6 { font-size: calc(var(--grid-vw) * var(--ape-h6-mobile)); line-height: 1; } /* For Larger Headers */ .mb\:bigheader1 { font-size: calc(var(--grid-vw) * var(--ape-bigheader1-mobile)); letter-spacing: 0.05em; } .mb\:bigheader2 { font-size: calc(var(--grid-vw) * var(--ape-bigheader2-mobile)); letter-spacing: 0.05em; } .mb\:bigheader3 { font-size: calc(var(--grid-vw) * var(--ape-bigheader3-mobile)); letter-spacing: 0.05em; } .mb\:bigheader4 { font-size: calc(var(--grid-vw) * var(--ape-bigheader4-mobile)); letter-spacing: 0.05em; } .mb\:bigheader5 { font-size: calc(var(--grid-vw) * var(--ape-bigheader5-mobile)); letter-spacing: 0.05em; } .mb\:bigheader6 { font-size: calc(var(--grid-vw) * var(--ape-bigheader6-mobile)); letter-spacing: 0.05em; } .mb\:bigheader7 { font-size: calc(var(--grid-vw) * var(--ape-bigheader7-mobile)); letter-spacing: 0.05em; } .mb\:bigheader8 { font-size: calc(var(--grid-vw) * var(--ape-bigheader8-mobile)); letter-spacing: 0.05em; } .mb\:bigheader9 { font-size: calc(var(--grid-vw) * var(--ape-bigheader9-mobile)); letter-spacing: 0.05em; } .mb\:bigheader10 { font-size: calc(var(--grid-vw) * var(--ape-bigheader10-mobile)); letter-spacing: 0.05em; } /**Font Weight**/ /* Thin */ .mb\:font1 { font-weight: 100;} .mb\:font2 { font-weight: 200;} .mb\:font3 { font-weight: 300;} /* Regular*/ .mb\:font4 { font-weight: 400;} .mb\:font5 { font-weight: 500;} .mb\:font6 { font-weight: 600;} /* Bold */ .mb\:font7 { font-weight: 700;} .mb\:font8 { font-weight: 800;} .mb\:font9 { font-weight: 900;} /**Text Sizing**/ .mb\:text1 { font-size: calc(var(--grid-vw) * var(--ape-t1-mobile)); line-height: 1.5; } .mb\:text2 { font-size: calc(var(--grid-vw) * var(--ape-t2-mobile)); line-height: 1.5; } .mb\:text3 { font-size: calc(var(--grid-vw) * var(--ape-t3-mobile)); line-height: 1.5; } .mb\:text4 { font-size: calc(var(--grid-vw) * var(--ape-t4-mobile)); line-height: 1.5; } .mb\:text5 { font-size: calc(var(--grid-vw) * var(--ape-t5-mobile)); line-height: 1.4; } .mb\:text6 { font-size: calc(var(--grid-vw) * var(--ape-t6-mobile)); line-height: 1.3; } .mb\:text7 { font-size: calc(var(--grid-vw) * var(--ape-t7-mobile)); line-height: 1.3; } .mb\:text8 { font-size: calc(var(--grid-vw) * var(--ape-t8-mobile)); line-height: 1.2; } .mb\:text9 { font-size: calc(var(--grid-vw) * var(--ape-t9-mobile)); line-height: 1.2; } .mb\:text10 { font-size: calc(var(--grid-vw) * var(--ape-t10-mobile)); line-height: 1.1; } .mb\:text11 { font-size: calc(var(--grid-vw) * var(--ape-t11-mobile)); line-height: 1.1; } .mb\:text12 { font-size: calc(var(--grid-vw) * var(--ape-t12-mobile)); line-height: 1.1; } .mb\:text13 { font-size: calc(var(--grid-vw) * var(--ape-t13-mobile)); line-height: 1.1; } .mb\:text14 { font-size: calc(var(--grid-vw) * var(--ape-t14-mobile)); line-height: 1.1; } .mb\:text15 { font-size: calc(var(--grid-vw) * var(--ape-t15-mobile)); line-height: 1.1; } /**Text Spacing**/ .mb\:spacing1 { letter-spacing: 0.025rem; } .mb\:spacing2 { letter-spacing: 0.05rem; } .mb\:spacing3 { letter-spacing: 0.075rem; } .mb\:spacing4 { letter-spacing: 0.1rem; } .mb\:spacing5 { letter-spacing: 0.125rem; } .mb\:spacing6 { letter-spacing: 0.15rem; } .mb\:spacing7 { letter-spacing: 0.175rem; } .mb\:spacing8 { letter-spacing: 0.2rem; } .mb\:spacing9 { letter-spacing: 0.225rem; } .mb\:spacing10 { letter-spacing: 0.25rem; } .mb\:-spacing1 { letter-spacing: -0.025rem; } .mb\:-spacing2 { letter-spacing: -0.05rem; } .mb\:-spacing3 { letter-spacing: -0.075rem; } .mb\:-spacing4 { letter-spacing: -0.1rem; } .mb\:-spacing5 { letter-spacing: -0.125rem; } .mb\:-spacing6 { letter-spacing: -0.15rem; } .mb\:-spacing7 { letter-spacing: -0.175rem; } .mb\:-spacing8 { letter-spacing: -0.2rem; } .mb\:-spacing9 { letter-spacing: -0.225rem; } .mb\:-spacing10 { letter-spacing: -0.25rem; } /**Text Decoration**/ .mb\:italic { font-style: italic;} .mb\:nonitalic { font-style: normal;} .mb\:uppercase { text-transform: uppercase;} .mb\:lowercase { text-transform: lowercase;} .mb\:capitalize { text-transform: capitalize;} .mb\:normalcase { text-transform: none;} .mb\:underline { text-decoration: underline;} .mb\:linethrough { text-decoration: line-through;} .mb\:nounderline { text-decoration: none;} .mb\:selectnone { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .mb\:selecttext { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} .mb\:selectall { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;} .mb\:selectauto { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .mb\:alignbaseline { vertical-align: baseline;} .mb\:aligntop { vertical-align: top;} .mb\:alignmiddle { vertical-align: middle;} .mb\:alignbottom { vertical-align: bottom;} .mb\:aligntexttop { vertical-align: text-top;} .mb\:aligntextbottom { vertical-align: text-bottom;} .mb\:alignsub {vertical-align: sub;} .mb\:alignsuper {vertical-align: super;} .mb\:whitespacenormal { white-space: normal;} .mb\:whitespacenowrap { white-space: nowrap;} .mb\:whitespacepre { white-space: pre;} .mb\:whitespacepreline { white-space: pre-line;} .mb\:whitespaceprewrap { white-space: pre-wrap;} .mb\:whitespacebreakspaces {white-space: break-spaces;} .mb\:breaknormal { overflow-wrap: normal; word-break: normal;} .mb\:breakwords { overflow-wrap: break-word;} .mb\:breakall { word-break: break-all;} .mb\:nonbreak { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mb\:decorationsolid {text-decoration-style: solid;} .mb\:decorationdouble {text-decoration-style: double;} .mb\:decorationdotted {text-decoration-style: dotted;} .mb\:decorationdashed {text-decoration-style: dashed;} .mb\:decorationwavy {text-decoration-style: wavy;} .mb\:decorationauto {text-decoration-thickness: auto;} .mb\:decorationfromfont {text-decoration-thickness: from-font;} .mb\:decoration0 {text-decoration-thickness: 0rem;} .mb\:decoration1 {text-decoration-thickness: 0.0625rem;} .mb\:decoration2 {text-decoration-thickness: 0.125rem;} .mb\:decoration4 {text-decoration-thickness: 0.25rem;} .mb\:underlineoffsetauto {text-underline-offset: auto;} .mb\:underlineoffset0 {text-underline-offset: 0rem;} .mb\:underlineoffset1 {text-underline-offset: 0.0625rem;} .mb\:underlineoffset2 {text-underline-offset: 0.125rem;} .mb\:underlineoffset4 {text-underline-offset: 0.25rem;} .mb\:textwrap {text-wrap: wrap;} .mb\:textnowrap {text-wrap: nowrap;} .mb\:textbalance {text-wrap: balance;} .mb\:textpretty {text-wrap: pretty;} .mb\:hyphensnone {hyphens: none;} .mb\:hyphensmanual {hyphens: manual;} .mb\:hyphensauto {hyphens: auto;} .mb\:content-none {content: none;} /**Font Smoothing**/ .mb\:antialiased { font-smooth: always; } /**Line Height**/ .mb\:lineheight0 { line-height: 0; } .mb\:lineheight1 { line-height: 1; } .mb\:lineheight2 { line-height: 1.25; } .mb\:lineheight3 { line-height: 1.375; } .mb\:lineheight4 { line-height: 1.5; } .mb\:lineheight5 { line-height: 1.625; } .mb\:lineheight6 { line-height: 2; } /**List Style**/ .mb\:listinside { list-style-position: inside;} .mb\:listoutside { list-style-position: outside;} .mb\:listnone { list-style-type: none;} .mb\:listdisc { list-style-type: disc;} .mb\:listdecimal { list-style-type: decimal;} .mb\:fillcurrent { fill: currentColor;} .mb\:strokecurrent { stroke: currentColor;} .mb\:tableauto { table-layout: auto;} .mb\:tablefixed { table-layout: fixed;} .mb\:captiontop {caption-side: top;} .mb\:captionbottom {caption-side: bottom;} .mb\:bordercollapse {border-collapse: collapse;} .mb\:borderseparate {border-collapse: separate;} .mb\:textleft { text-align: left;} .mb\:textcenter { text-align: center;} .mb\:textright { text-align: right;} .mb\:textjustify { text-align: justify;} .mb\:textstart {text-align: start;} .mb\:textend {text-align: end;} /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /**Text Colors **/ .mb\:texttransparent { color: transparent;} .mb\:textcustom { color: var(--custom-color); } .mb\:hover\:textcustom:hover { color: var(--custom-hover); } .mb\:focus\:textcustom:focus { color: var(--custom-focus); } /* Text Opacity */ .mb\:textopacity0 { --ape-text-opacity: 0; } .mb\:textopacity10 { --ape-text-opacity: 0.1; } .mb\:textopacity20 { --ape-text-opacity: 0.2; } .mb\:textopacity30 { --ape-text-opacity: 0.3; } .mb\:textopacity40 { --ape-text-opacity: 0.4; } .mb\:textopacity50 { --ape-text-opacity: 0.5; } .mb\:textopacity60 { --ape-text-opacity: 0.6; } .mb\:textopacity70 { --ape-text-opacity: 0.7; } .mb\:textopacity80 { --ape-text-opacity: 0.8; } .mb\:textopacity90 { --ape-text-opacity: 0.9; } .mb\:textopacity100 { --ape-text-opacity: 1; } /*-------------------------------------------------------------- # Black Shades --------------------------------------------------------------*/ .mb\:textblack, .mb\:hover\:textblack:hover, .mb\:focus\:textblack:focus { color: rgba(var(--black-rgb), var(--ape-text-opacity)); } .mb\:textblack1, .mb\:hover\:textblack1:hover, .mb\:focus\:textblack1:focus { color: rgba(var(--black-1-rgb), var(--ape-text-opacity)); } .mb\:textblack2, .mb\:hover\:textblack2:hover, .mb\:focus\:textblack2:focus { color: rgba(var(--black-2-rgb), var(--ape-text-opacity)); } .mb\:textblack3, .mb\:hover\:textblack3:hover, .mb\:focus\:textblack3:focus { color: rgba(var(--black-3-rgb), var(--ape-text-opacity)); } .mb\:textblack4, .mb\:hover\:textblack4:hover, .mb\:focus\:textblack4:focus { color: rgba(var(--black-4-rgb), var(--ape-text-opacity)); } .mb\:textblack5, .mb\:hover\:textblack5:hover, .mb\:focus\:textblack5:focus { color: rgba(var(--black-5-rgb), var(--ape-text-opacity)); } .mb\:textblack6, .mb\:hover\:textblack6:hover, .mb\:focus\:textblack6:focus { color: rgba(var(--black-6-rgb), var(--ape-text-opacity)); } .mb\:textblack7, .mb\:hover\:textblack7:hover, .mb\:focus\:textblack7:focus { color: rgba(var(--black-7-rgb), var(--ape-text-opacity)); } .mb\:textblack8, .mb\:hover\:textblack8:hover, .mb\:focus\:textblack8:focus { color: rgba(var(--black-8-rgb), var(--ape-text-opacity)); } .mb\:textblack9, .mb\:hover\:textblack9:hover, .mb\:focus\:textblack9:focus { color: rgba(var(--black-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # White Shades --------------------------------------------------------------*/ /* White Text Colors */ .mb\:textwhite, .mb\:hover\:textwhite:hover, .mb\:focus\:textwhite:focus { color: rgba(var(--white-rgb), var(--ape-text-opacity)); } .mb\:textwhite1, .mb\:hover\:textwhite1:hover, .mb\:focus\:textwhite1:focus { color: rgba(var(--white-1-rgb), var(--ape-text-opacity)); } .mb\:textwhite2, .mb\:hover\:textwhite2:hover, .mb\:focus\:textwhite2:focus { color: rgba(var(--white-2-rgb), var(--ape-text-opacity)); } .mb\:textwhite3, .mb\:hover\:textwhite3:hover, .mb\:focus\:textwhite3:focus { color: rgba(var(--white-3-rgb), var(--ape-text-opacity)); } .mb\:textwhite4, .mb\:hover\:textwhite4:hover, .mb\:focus\:textwhite4:focus { color: rgba(var(--white-4-rgb), var(--ape-text-opacity)); } .mb\:textwhite5, .mb\:hover\:textwhite5:hover, .mb\:focus\:textwhite5:focus { color: rgba(var(--white-5-rgb), var(--ape-text-opacity)); } .mb\:textwhite6, .mb\:hover\:textwhite6:hover, .mb\:focus\:textwhite6:focus { color: rgba(var(--white-6-rgb), var(--ape-text-opacity)); } .mb\:textwhite7, .mb\:hover\:textwhite7:hover, .mb\:focus\:textwhite7:focus { color: rgba(var(--white-7-rgb), var(--ape-text-opacity)); } .mb\:textwhite8, .mb\:hover\:textwhite8:hover, .mb\:focus\:textwhite8:focus { color: rgba(var(--white-8-rgb), var(--ape-text-opacity)); } .mb\:textwhite9, .mb\:hover\:textwhite9:hover, .mb\:focus\:textwhite9:focus { color: rgba(var(--white-9-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Gray Shades --------------------------------------------------------------*/ .mb\:textgray1, .mb\:hover\:textgray1:hover, .mb\:focus\:textgray1:focus { color: rgba(var(--gray-1-rgb), var(--ape-text-opacity)); } .mb\:textgray2, .mb\:hover\:textgray2:hover, .mb\:focus\:textgray2:focus { color: rgba(var(--gray-2-rgb), var(--ape-text-opacity)); } .mb\:textgray3, .mb\:hover\:textgray3:hover, .mb\:focus\:textgray3:focus { color: rgba(var(--gray-3-rgb), var(--ape-text-opacity)); } .mb\:textgray4, .mb\:hover\:textgray4:hover, .mb\:focus\:textgray4:focus { color: rgba(var(--gray-4-rgb), var(--ape-text-opacity)); } .mb\:textgray5, .mb\:hover\:textgray5:hover, .mb\:focus\:textgray5:focus { color: rgba(var(--gray-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Red Shades --------------------------------------------------------------*/ .mb\:textred1, .mb\:hover\:textred1:hover, .mb\:focus\:textred1:focus { color: rgba(var(--red-1-rgb), var(--ape-text-opacity)); } .mb\:textred2, .mb\:hover\:textred2:hover, .mb\:focus\:textred2:focus { color: rgba(var(--red-2-rgb), var(--ape-text-opacity)); } .mb\:textred3, .mb\:hover\:textred3:hover, .mb\:focus\:textred3:focus { color: rgba(var(--red-3-rgb), var(--ape-text-opacity)); } .mb\:textred4, .mb\:hover\:textred4:hover, .mb\:focus\:textred4:focus { color: rgba(var(--red-4-rgb), var(--ape-text-opacity)); } .mb\:textred5, .mb\:hover\:textred5:hover, .mb\:focus\:textred5:focus { color: rgba(var(--red-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Amber Shades --------------------------------------------------------------*/ .mb\:textamber1, .mb\:hover\:textamber1:hover, .mb\:focus\:textamber1:focus { color: rgba(var(--amber-1-rgb), var(--ape-text-opacity)); } .mb\:textamber2, .mb\:hover\:textamber2:hover, .mb\:focus\:textamber2:focus { color: rgba(var(--amber-2-rgb), var(--ape-text-opacity)); } .mb\:textamber3, .mb\:hover\:textamber3:hover, .mb\:focus\:textamber3:focus { color: rgba(var(--amber-3-rgb), var(--ape-text-opacity)); } .mb\:textamber4, .mb\:hover\:textamber4:hover, .mb\:focus\:textamber4:focus { color: rgba(var(--amber-4-rgb), var(--ape-text-opacity)); } .mb\:textamber5, .mb\:hover\:textamber5:hover, .mb\:focus\:textamber5:focus { color: rgba(var(--amber-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Yellow Shades --------------------------------------------------------------*/ .mb\:textyellow1, .mb\:hover\:textyellow1:hover, .mb\:focus\:textyellow1:focus { color: rgba(var(--yellow-1-rgb), var(--ape-text-opacity)); } .mb\:textyellow2, .mb\:hover\:textyellow2:hover, .mb\:focus\:textyellow2:focus { color: rgba(var(--yellow-2-rgb), var(--ape-text-opacity)); } .mb\:textyellow3, .mb\:hover\:textyellow3:hover, .mb\:focus\:textyellow3:focus { color: rgba(var(--yellow-3-rgb), var(--ape-text-opacity)); } .mb\:textyellow4, .mb\:hover\:textyellow4:hover, .mb\:focus\:textyellow4:focus { color: rgba(var(--yellow-4-rgb), var(--ape-text-opacity)); } .mb\:textyellow5, .mb\:hover\:textyellow5:hover, .mb\:focus\:textyellow5:focus { color: rgba(var(--yellow-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Green Shades --------------------------------------------------------------*/ .mb\:textgreen1, .mb\:hover\:textgreen1:hover, .mb\:focus\:textgreen1:focus { color: rgba(var(--green-1-rgb), var(--ape-text-opacity)); } .mb\:textgreen2, .mb\:hover\:textgreen2:hover, .mb\:focus\:textgreen2:focus { color: rgba(var(--green-2-rgb), var(--ape-text-opacity)); } .mb\:textgreen3, .mb\:hover\:textgreen3:hover, .mb\:focus\:textgreen3:focus { color: rgba(var(--green-3-rgb), var(--ape-text-opacity)); } .mb\:textgreen4, .mb\:hover\:textgreen4:hover, .mb\:focus\:textgreen4:focus { color: rgba(var(--green-4-rgb), var(--ape-text-opacity)); } .mb\:textgreen5, .mb\:hover\:textgreen5:hover, .mb\:focus\:textgreen5:focus { color: rgba(var(--green-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Teal Shades --------------------------------------------------------------*/ .mb\:textteal1, .mb\:hover\:textteal1:hover, .mb\:focus\:textteal1:focus { color: rgba(var(--teal-1-rgb), var(--ape-text-opacity)); } .mb\:textteal2, .mb\:hover\:textteal2:hover, .mb\:focus\:textteal2:focus { color: rgba(var(--teal-2-rgb), var(--ape-text-opacity)); } .mb\:textteal3, .mb\:hover\:textteal3:hover, .mb\:focus\:textteal3:focus { color: rgba(var(--teal-3-rgb), var(--ape-text-opacity)); } .mb\:textteal4, .mb\:hover\:textteal4:hover, .mb\:focus\:textteal4:focus { color: rgba(var(--teal-4-rgb), var(--ape-text-opacity)); } .mb\:textteal5, .mb\:hover\:textteal5:hover, .mb\:focus\:textteal5:focus { color: rgba(var(--teal-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Blue Shades --------------------------------------------------------------*/ .mb\:textblue1, .mb\:hover\:textblue1:hover, .mb\:focus\:textblue1:focus { color: rgba(var(--blue-1-rgb), var(--ape-text-opacity)); } .mb\:textblue2, .mb\:hover\:textblue2:hover, .mb\:focus\:textblue2:focus { color: rgba(var(--blue-2-rgb), var(--ape-text-opacity)); } .mb\:textblue3, .mb\:hover\:textblue3:hover, .mb\:focus\:textblue3:focus { color: rgba(var(--blue-3-rgb), var(--ape-text-opacity)); } .mb\:textblue4, .mb\:hover\:textblue4:hover, .mb\:focus\:textblue4:focus { color: rgba(var(--blue-4-rgb), var(--ape-text-opacity)); } .mb\:textblue5, .mb\:hover\:textblue5:hover, .mb\:focus\:textblue5:focus { color: rgba(var(--blue-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Indigo Shades --------------------------------------------------------------*/ .mb\:textindigo1, .mb\:hover\:textindigo1:hover, .mb\:focus\:textindigo1:focus { color: rgba(var(--indigo-1-rgb), var(--ape-text-opacity)); } .mb\:textindigo2, .mb\:hover\:textindigo2:hover, .mb\:focus\:textindigo2:focus { color: rgba(var(--indigo-2-rgb), var(--ape-text-opacity)); } .mb\:textindigo3, .mb\:hover\:textindigo3:hover, .mb\:focus\:textindigo3:focus { color: rgba(var(--indigo-3-rgb), var(--ape-text-opacity)); } .mb\:textindigo4, .mb\:hover\:textindigo4:hover, .mb\:focus\:textindigo4:focus { color: rgba(var(--indigo-4-rgb), var(--ape-text-opacity)); } .mb\:textindigo5, .mb\:hover\:textindigo5:hover, .mb\:focus\:textindigo5:focus { color: rgba(var(--indigo-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Purple Shades --------------------------------------------------------------*/ .mb\:textpurple1, .mb\:hover\:textpurple1:hover, .mb\:focus\:textpurple1:focus { color: rgba(var(--purple-1-rgb), var(--ape-text-opacity)); } .mb\:textpurple2, .mb\:hover\:textpurple2:hover, .mb\:focus\:textpurple2:focus { color: rgba(var(--purple-2-rgb), var(--ape-text-opacity)); } .mb\:textpurple3, .mb\:hover\:textpurple3:hover, .mb\:focus\:textpurple3:focus { color: rgba(var(--purple-3-rgb), var(--ape-text-opacity)); } .mb\:textpurple4, .mb\:hover\:textpurple4:hover, .mb\:focus\:textpurple4:focus { color: rgba(var(--purple-4-rgb), var(--ape-text-opacity)); } .mb\:textpurple5, .mb\:hover\:textpurple5:hover, .mb\:focus\:textpurple5:focus { color: rgba(var(--purple-5-rgb), var(--ape-text-opacity)); } .mb\:textpurple6, .mb\:hover\:textpurple6:hover, .mb\:focus\:textpurple6:focus { color: rgba(var(--purple-6-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Pink Shades --------------------------------------------------------------*/ .mb\:textpink1, .mb\:hover\:textpink1:hover, .mb\:focus\:textpink1:focus { color: rgba(var(--pink-1-rgb), var(--ape-text-opacity)); } .mb\:textpink2, .mb\:hover\:textpink2:hover, .mb\:focus\:textpink2:focus { color: rgba(var(--pink-2-rgb), var(--ape-text-opacity)); } .mb\:textpink3, .mb\:hover\:textpink3:hover, .mb\:focus\:textpink3:focus { color: rgba(var(--pink-3-rgb), var(--ape-text-opacity)); } .mb\:textpink4, .mb\:hover\:textpink4:hover, .mb\:focus\:textpink4:focus { color: rgba(var(--pink-4-rgb), var(--ape-text-opacity)); } .mb\:textpink5, .mb\:hover\:textpink5:hover, .mb\:focus\:textpink5:focus { color: rgba(var(--pink-5-rgb), var(--ape-text-opacity)); } /*-------------------------------------------------------------- # Background Colors --------------------------------------------------------------*/ /* Background Opacity */ .mb\:bgopacity0 { --ape-bg-opacity: 0; } .mb\:bgopacity10 { --ape-bg-opacity: 0.1; } .mb\:bgopacity20 { --ape-bg-opacity: 0.2; } .mb\:bgopacity30 { --ape-bg-opacity: 0.3; } .mb\:bgopacity40 { --ape-bg-opacity: 0.4; } .mb\:bgopacity50 { --ape-bg-opacity: 0.5; } .mb\:bgopacity60 { --ape-bg-opacity: 0.6; } .mb\:bgopacity70 { --ape-bg-opacity: 0.7; } .mb\:bgopacity80 { --ape-bg-opacity: 0.8; } .mb\:bgopacity90 { --ape-bg-opacity: 0.9; } .mb\:bgopacity100 { --ape-bg-opacity: 1; } /**Unique Black & White**/ .mb\:bgblack6, .mb\:hover\:bgblack6:hover, .mb\:focus\:bgblack6:focus { background-color: rgba(var(--black-6-rgb), var(--ape-bg-opacity)); } .mb\:bgblack7, .mb\:hover\:bgblack7:hover, .mb\:focus\:bgblack7:focus { background-color: rgba(var(--black-7-rgb), var(--ape-bg-opacity)); } .mb\:bgblack8, .mb\:hover\:bgblack8:hover, .mb\:focus\:bgblack8:focus { background-color: rgba(var(--black-8-rgb), var(--ape-bg-opacity)); } .mb\:bgblack9, .mb\:hover\:bgblack9:hover, .mb\:focus\:bgblack9:focus { background-color: rgba(var(--black-9-rgb), var(--ape-bg-opacity)); } .mb\:bgwhite6, .mb\:hover\:bgwhite6:hover, .mb\:focus\:bgwhite6:focus { background-color: rgba(var(--white-6-rgb), var(--ape-bg-opacity)); } .mb\:bgwhite7, .mb\:hover\:bgwhite7:hover, .mb\:focus\:bgwhite7:focus { background-color: rgba(var(--white-7-rgb), var(--ape-bg-opacity)); } .mb\:bgwhite8, .mb\:hover\:bgwhite8:hover, .mb\:focus\:bgwhite8:focus { background-color: rgba(var(--white-8-rgb), var(--ape-bg-opacity)); } .mb\:bgwhite9, .mb\:hover\:bgwhite9:hover, .mb\:focus\:bgwhite9:focus { background-color: rgba(var(--white-9-rgb), var(--ape-bg-opacity)); } /**Black**/ .mb\:bgblack, .mb\:hover\:bgblack:hover, .mb\:focus\:bgblack:focus { background-color: rgba(var(--black-rgb), var(--ape-bg-opacity));} .mb\:bgblack1, .mb\:hover\:bgblack1:hover, .mb\:focus\:bgblack1:focus { background-color: rgba(var(--black-1-rgb), var(--ape-bg-opacity));} .mb\:bgblack2, .mb\:hover\:bgblack2:hover, .mb\:focus\:bgblack2:focus { background-color: rgba(var(--black-2-rgb), var(--ape-bg-opacity));} .mb\:bgblack3, .mb\:hover\:bgblack3:hover, .mb\:focus\:bgblack3:focus { background-color: rgba(var(--black-3-rgb), var(--ape-bg-opacity));} .mb\:bgblack4, .mb\:hover\:bgblack4:hover, .mb\:focus\:bgblack4:focus { background-color: rgba(var(--black-4-rgb), var(--ape-bg-opacity));} .mb\:bgblack5, .mb\:hover\:bgblack5:hover, .mb\:focus\:bgblack5:focus { background-color: rgba(var(--black-5-rgb), var(--ape-bg-opacity));} /** White**/ .mb\:bgwhite, .mb\:hover\:bgwhite:hover, .mb\:focus\:bgwhite:focus { background-color: rgba(var(--white-rgb), var(--ape-bg-opacity));} .mb\:bgwhite1, .mb\:hover\:bgwhite1:hover, .mb\:focus\:bgwhite1:focus { background-color: rgba(var(--white-1-rgb), var(--ape-bg-opacity));} .mb\:bgwhite2, .mb\:hover\:bgwhite2:hover, .mb\:focus\:bgwhite2:focus { background-color: rgba(var(--white-2-rgb), var(--ape-bg-opacity));} .mb\:bgwhite3, .mb\:hover\:bgwhite3:hover, .mb\:focus\:bgwhite3:focus { background-color: rgba(var(--white-3-rgb), var(--ape-bg-opacity));} .mb\:bgwhite4, .mb\:hover\:bgwhite4:hover, .mb\:focus\:bgwhite4:focus { background-color: rgba(var(--white-4-rgb), var(--ape-bg-opacity));} .mb\:bgwhite5, .mb\:hover\:bgwhite5:hover, .mb\:focus\:bgwhite5:focus { background-color: rgba(var(--white-5-rgb), var(--ape-bg-opacity));} /**Gray**/ .mb\:bggray1, .mb\:hover\:bggray1:hover, .mb\:focus\:bggray1:focus { background-color: rgba(var(--gray-1-rgb), var(--ape-bg-opacity));} .mb\:bggray2, .mb\:hover\:bggray2:hover, .mb\:focus\:bggray2:focus { background-color: rgba(var(--gray-2-rgb), var(--ape-bg-opacity));} .mb\:bggray3, .mb\:hover\:bggray3:hover, .mb\:focus\:bggray3:focus { background-color: rgba(var(--gray-3-rgb), var(--ape-bg-opacity));} .mb\:bggray4, .mb\:hover\:bggray4:hover, .mb\:focus\:bggray4:focus { background-color: rgba(var(--gray-4-rgb), var(--ape-bg-opacity));} .mb\:bggray5, .mb\:hover\:bggray5:hover, .mb\:focus\:bggray5:focus { background-color: rgba(var(--gray-5-rgb), var(--ape-bg-opacity));} /**Red**/ .mb\:bgred1, .mb\:hover\:bgred1:hover, .mb\:focus\:bgred1:focus { background-color: rgba(var(--red-1-rgb), var(--ape-bg-opacity));} .mb\:bgred2, .mb\:hover\:bgred2:hover, .mb\:focus\:bgred2:focus { background-color: rgba(var(--red-2-rgb), var(--ape-bg-opacity));} .mb\:bgred3, .mb\:hover\:bgred3:hover, .mb\:focus\:bgred3:focus { background-color: rgba(var(--red-3-rgb), var(--ape-bg-opacity));} .mb\:bgred4, .mb\:hover\:bgred4:hover, .mb\:focus\:bgred4:focus { background-color: rgba(var(--red-4-rgb), var(--ape-bg-opacity));} .mb\:bgred5, .mb\:hover\:bgred5:hover, .mb\:focus\:bgred5:focus { background-color: rgba(var(--red-5-rgb), var(--ape-bg-opacity));} /**Orange**/ .mb\:bgamber1, .mb\:hover\:bgamber1:hover, .mb\:focus\:bgamber1:focus { background-color: rgba(var(--amber-1-rgb), var(--ape-bg-opacity));} .mb\:bgamber2, .mb\:hover\:bgamber2:hover, .mb\:focus\:bgamber2:focus { background-color: rgba(var(--amber-2-rgb), var(--ape-bg-opacity));} .mb\:bgamber3, .mb\:hover\:bgamber3:hover, .mb\:focus\:bgamber3:focus { background-color: rgba(var(--amber-3-rgb), var(--ape-bg-opacity));} .mb\:bgamber4, .mb\:hover\:bgamber4:hover, .mb\:focus\:bgamber4:focus { background-color: rgba(var(--amber-4-rgb), var(--ape-bg-opacity));} .mb\:bgamber5, .mb\:hover\:bgamber5:hover, .mb\:focus\:bgamber5:focus { background-color: rgba(var(--amber-5-rgb), var(--ape-bg-opacity));} /**Yellow**/ .mb\:bgyellow1, .mb\:hover\:bgyellow1:hover, .mb\:focus\:bgyellow1:focus { background-color: rgba(var(--yellow-1-rgb), var(--ape-bg-opacity));} .mb\:bgyellow2, .mb\:hover\:bgyellow2:hover, .mb\:focus\:bgyellow2:focus { background-color: rgba(var(--yellow-2-rgb), var(--ape-bg-opacity));} .mb\:bgyellow3, .mb\:hover\:bgyellow3:hover, .mb\:focus\:bgyellow3:focus { background-color: rgba(var(--yellow-3-rgb), var(--ape-bg-opacity));} .mb\:bgyellow4, .mb\:hover\:bgyellow4:hover, .mb\:focus\:bgyellow4:focus { background-color: rgba(var(--yellow-4-rgb), var(--ape-bg-opacity));} .mb\:bgyellow5, .mb\:hover\:bgyellow5:hover, .mb\:focus\:bgyellow5:focus { background-color: rgba(var(--yellow-5-rgb), var(--ape-bg-opacity));} /**Green**/ .mb\:bggreen1, .mb\:hover\:bggreen1:hover, .mb\:focus\:bggreen1:focus { background-color: rgba(var(--green-1-rgb), var(--ape-bg-opacity));} .mb\:bggreen2, .mb\:hover\:bggreen2:hover, .mb\:focus\:bggreen2:focus { background-color: rgba(var(--green-2-rgb), var(--ape-bg-opacity));} .mb\:bggreen3, .mb\:hover\:bggreen3:hover, .mb\:focus\:bggreen3:focus { background-color: rgba(var(--green-3-rgb), var(--ape-bg-opacity));} .mb\:bggreen4, .mb\:hover\:bggreen4:hover, .mb\:focus\:bggreen4:focus { background-color: rgba(var(--green-4-rgb), var(--ape-bg-opacity));} .mb\:bggreen5, .mb\:hover\:bggreen5:hover, .mb\:focus\:bggreen5:focus { background-color: rgba(var(--green-5-rgb), var(--ape-bg-opacity));} /**Teal**/ .mb\:bgteal1, .mb\:hover\:bgteal1:hover, .mb\:focus\:bgteal1:focus { background-color: rgba(var(--teal-1-rgb), var(--ape-bg-opacity));} .mb\:bgteal2, .mb\:hover\:bgteal2:hover, .mb\:focus\:bgteal2:focus { background-color: rgba(var(--teal-2-rgb), var(--ape-bg-opacity));} .mb\:bgteal3, .mb\:hover\:bgteal3:hover, .mb\:focus\:bgteal3:focus { background-color: rgba(var(--teal-3-rgb), var(--ape-bg-opacity));} .mb\:bgteal4, .mb\:hover\:bgteal4:hover, .mb\:focus\:bgteal4:focus { background-color: rgba(var(--teal-4-rgb), var(--ape-bg-opacity));} .mb\:bgteal5, .mb\:hover\:bgteal5:hover, .mb\:focus\:bgteal5:focus { background-color: rgba(var(--teal-5-rgb), var(--ape-bg-opacity));} /**Blue**/ .mb\:bgblue1, .mb\:hover\:bgblue1:hover, .mb\:focus\:bgblue1:focus { background-color: rgba(var(--blue-1-rgb), var(--ape-bg-opacity));} .mb\:bgblue2, .mb\:hover\:bgblue2:hover, .mb\:focus\:bgblue2:focus { background-color: rgba(var(--blue-2-rgb), var(--ape-bg-opacity));} .mb\:bgblue3, .mb\:hover\:bgblue3:hover, .mb\:focus\:bgblue3:focus { background-color: rgba(var(--blue-3-rgb), var(--ape-bg-opacity));} .mb\:bgblue4, .mb\:hover\:bgblue4:hover, .mb\:focus\:bgblue4:focus { background-color: rgba(var(--blue-4-rgb), var(--ape-bg-opacity));} .mb\:bgblue5, .mb\:hover\:bgblue5:hover, .mb\:focus\:bgblue5:focus { background-color: rgba(var(--blue-5-rgb), var(--ape-bg-opacity));} /**Indigo**/ .mb\:bgindigo1, .mb\:hover\:bgindigo1:hover, .mb\:focus\:bgindigo1:focus { background-color: rgba(var(--indigo-1-rgb), var(--ape-bg-opacity));} .mb\:bgindigo2, .mb\:hover\:bgindigo2:hover, .mb\:focus\:bgindigo2:focus { background-color: rgba(var(--indigo-2-rgb), var(--ape-bg-opacity));} .mb\:bgindigo3, .mb\:hover\:bgindigo3:hover, .mb\:focus\:bgindigo3:focus { background-color: rgba(var(--indigo-3-rgb), var(--ape-bg-opacity));} .mb\:bgindigo4, .mb\:hover\:bgindigo4:hover, .mb\:focus\:bgindigo4:focus { background-color: rgba(var(--indigo-4-rgb), var(--ape-bg-opacity));} .mb\:bgindigo5, .mb\:hover\:bgindigo5:hover, .mb\:focus\:bgindigo5:focus { background-color: rgba(var(--indigo-5-rgb), var(--ape-bg-opacity));} /**Purple**/ .mb\:bgpurple1, .mb\:hover\:bgpurple1:hover, .mb\:focus\:bgpurple1:focus { background-color: rgba(var(--purple-1-rgb), var(--ape-bg-opacity));} .mb\:bgpurple2, .mb\:hover\:bgpurple2:hover, .mb\:focus\:bgpurple2:focus { background-color: rgba(var(--purple-2-rgb), var(--ape-bg-opacity));} .mb\:bgpurple3, .mb\:hover\:bgpurple3:hover, .mb\:focus\:bgpurple3:focus { background-color: rgba(var(--purple-3-rgb), var(--ape-bg-opacity));} .mb\:bgpurple4, .mb\:hover\:bgpurple4:hover, .mb\:focus\:bgpurple4:focus { background-color: rgba(var(--purple-4-rgb), var(--ape-bg-opacity));} .mb\:bgpurple5, .mb\:hover\:bgpurple5:hover, .mb\:focus\:bgpurple5:focus { background-color: rgba(var(--purple-5-rgb), var(--ape-bg-opacity));} .mb\:bgpurple6, .mb\:hover\:bgpurple6:hover, .mb\:focus\:bgpurple6:focus { background-color: rgba(var(--purple-6-rgb), var(--ape-bg-opacity));} /**Pink**/ .mb\:bgpink1, .mb\:hover\:bgpink1:hover, .mb\:focus\:bgpink1:focus { background-color: rgba(var(--pink-1-rgb), var(--ape-bg-opacity));} .mb\:bgpink2, .mb\:hover\:bgpink2:hover, .mb\:focus\:bgpink2:focus { background-color: rgba(var(--pink-2-rgb), var(--ape-bg-opacity));} .mb\:bgpink3, .mb\:hover\:bgpink3:hover, .mb\:focus\:bgpink3:focus { background-color: rgba(var(--pink-3-rgb), var(--ape-bg-opacity));} .mb\:bgpink4, .mb\:hover\:bgpink4:hover, .mb\:focus\:bgpink4:focus { background-color: rgba(var(--pink-4-rgb), var(--ape-bg-opacity));} .mb\:bgpink5, .mb\:hover\:bgpink5:hover, .mb\:focus\:bgpink5:focus { background-color: rgba(var(--pink-5-rgb), var(--ape-bg-opacity));} /*-------------------------------------------------------------- Display, Flex, Container, Row, Column --------------------------------------------------------------*/ /**Display**/ .mb\:block { display: block; } .mb\:inlineblock { display: inline-block; } .mb\:inline { display: inline; } .mb\:flex { display: flex; } .mb\:inlineflex { display: inline-flex; } .mb\:grid { display: grid; } .mb\:inlinegrid { display: inline-grid; } .mb\:table { display: table; } .mb\:inlinetable { display: inline-table; } .mb\:tablerow { display: table-row; } .mb\:tablecell { display: table-cell; } .mb\:listitem { display: list-item; } .mb\:flowroot { display: flow-root; } .mb\:contents { display: contents; } .mb\:hidden { display: none; } /**clear**/ .mb\:clearstart {clear: inline-start;} .mb\:clearend {clear: inline-end;} .mb\:clearleft {clear: left;} .mb\:clearright {clear: right;} .mb\:clearboth {clear: both;} .mb\:clearnone {clear: none;} .mb\:clearfix:after { content: ""; display: table; clear: both;} /**flex**/ .mb\:flexrow { flex-direction: row; } .mb\:flexrowreverse { flex-direction: row-reverse; } .mb\:flexcol { flex-direction: column; } .mb\:flexcolreverse { flex-direction: column-reverse; } .mb\:flexwrap { flex-wrap: wrap; } .mb\:flexwrapreverse { flex-wrap: wrap-reverse; } .mb\:flexnowrap { flex-wrap: nowrap; } .mb\:flex1 {flex: 1 1 0%;} .mb\:flexauto {flex: 1 1 auto;} .mb\:flexinitial {flex: 0 1 auto;} .mb\:flexnone {flex: none;} .mb\:itemsstart { -webkit-box-align: start; align-items: flex-start;} .mb\:itemsend { -webkit-box-align: end; align-items: flex-end;} .mb\:itemscenter { -webkit-box-align: center; align-items: center;} .mb\:itemsbaseline { -webkit-box-align: baseline; align-items: baseline;} .mb\:itemsstretch { -webkit-box-align: stretch; align-items: stretch;} .mb\:selfauto { align-self: auto;} .mb\:selfstart { align-self: flex-start;} .mb\:selfcenter { align-self: center;} .mb\:selfstretch { align-self: stretch;} .mb\:selfend { align-self: flex-end;} .mb\:selfbaseline {align-self: baseline;} .mb\:justifystart { -webkit-box-pack: start; justify-content: flex-start;} .mb\:justifyend { -webkit-box-pack: end; justify-content: flex-end;} .mb\:justifycenter { -webkit-box-pack: center; justify-content: center;} .mb\:justifybetween { -webkit-box-pack: justify; justify-content: space-between;} .mb\:justifyaround { justify-content: space-around;} .mb\:justifyevenly {justify-content: space-evenly;} .mb\:justifystretch { justify-content: stretch;} .mb\:justifyselfauto {justify-self: auto;} .mb\:justifyselfstart {justify-self: start;} .mb\:justifyselfend {justify-self: end;} .mb\:justifyselfcenter {justify-self: center;} .mb\:justifyselfstretch {justify-self: stretch;} .mb\:justifyitemsstart {justify-items: start;} .mb\:justifyitemsend {justify-items: end;} .mb\:justifyitemscenter {justify-items: center;} .mb\:justifyitemsstretch {justify-items: stretch;} .mb\:contentnormal {align-content: normal;} .mb\:contentcenter {align-content: center;} .mb\:contentstart {align-content: flex-start;} .mb\:contentend {align-content: flex-end;} .mb\:contentbetween {align-content: space-between;} .mb\:contentaround {align-content: space-around;} .mb\:contentevenly {align-content: space-evenly;} .mb\:contentbaseline {align-content: baseline;} .mb\:contentstretch {align-content: stretch;} .mb\:placecontentcenter {place-content: center;} .mb\:placecontentstart {place-content: start;} .mb\:placecontentend {place-content: end;} .mb\:placecontentbetween {place-content: space-between;} .mb\:placecontentaround {place-content: space-around;} .mb\:placecontentevenly {place-content: space-evenly;} .mb\:placeitemsstart {place-items: start;} .mb\:placeitemsend {place-items: end;} .mb\:placeitemscenter {place-items: center;} .mb\:placeitemsbaseline {place-items: baseline;} .mb\:placeitemsstretch {place-items: stretch;} .mb\:placeselfauto {place-self: auto;} .mb\:placeselfstart {place-self: start;} .mb\:placeselfend {place-self: end;} .mb\:placeselfcenter {place-self: center;} .mb\:placeselfstretch {place-self: stretch;} /**Flex Basis**/ .mb\:basis8 {flex-basis: 8.333333%;} .mb\:basis16 {flex-basis: 16.666667%;} .mb\:basis20 {flex-basis: 20%;} .mb\:basis25 {flex-basis: 25%;} .mb\:basis33 {flex-basis: 33.333333%;} .mb\:basis40 {flex-basis: 40%;} .mb\:basis41 {flex-basis: 41.666667%;} .mb\:basis50 {flex-basis: 50%;} .mb\:basis58 {flex-basis: 58.333333%;} .mb\:basis60 {flex-basis: 60%;} .mb\:basis66 {flex-basis: 66.666667%;} .mb\:basis75 {flex-basis: 75%;} .mb\:basis80 {flex-basis: 80%;} .mb\:basis83 {flex-basis: 83.333333%;} .mb\:basis91 {flex-basis: 91.666667%;} .mb\:basis100 {flex-basis: 100%;} /**Gap**/ /** Gap Both **/ .mb\:gap0 {gap: var(--ape-space-0);} .mb\:gap1 {gap: var(--ape-space-1);} .mb\:gap2 {gap: var(--ape-space-2);} .mb\:gap3 {gap: var(--ape-space-3);} .mb\:gap4 {gap: var(--ape-space-4);} .mb\:gap5 {gap: var(--ape-space-5);} .mb\:gap6 {gap: var(--ape-space-6);} .mb\:gap7 {gap: var(--ape-space-7);} .mb\:gap8 {gap: var(--ape-space-8);} .mb\:gap9 {gap: var(--ape-space-9);} .mb\:gap10 {gap: var(--ape-space-10);} .mb\:gap11 {gap: var(--ape-space-11);} .mb\:gap12 {gap: var(--ape-space-12);} .mb\:gap13 {gap: var(--ape-space-13);} .mb\:gap14 {gap: var(--ape-space-14);} .mb\:gap15 {gap: var(--ape-space-15);} .mb\:gap16 {gap: var(--ape-space-16);} .mb\:gap17 {gap: var(--ape-space-17);} .mb\:gap18 {gap: var(--ape-space-18);} .mb\:gap19 {gap: var(--ape-space-19);} .mb\:gap20 {gap: var(--ape-space-20);} /** Row Gap **/ .mb\:gapy0 {row-gap: var(--ape-space-0);} .mb\:gapy1 {row-gap: var(--ape-space-1);} .mb\:gapy2 {row-gap: var(--ape-space-2);} .mb\:gapy3 {row-gap: var(--ape-space-3);} .mb\:gapy4 {row-gap: var(--ape-space-4);} .mb\:gapy5 {row-gap: var(--ape-space-5);} .mb\:gapy6 {row-gap: var(--ape-space-6);} .mb\:gapy7 {row-gap: var(--ape-space-7);} .mb\:gapy8 {row-gap: var(--ape-space-8);} .mb\:gapy9 {row-gap: var(--ape-space-9);} .mb\:gapy10 {row-gap: var(--ape-space-10);} .mb\:gapy11 {row-gap: var(--ape-space-11);} .mb\:gapy12 {row-gap: var(--ape-space-12);} .mb\:gapy13 {row-gap: var(--ape-space-13);} .mb\:gapy14 {row-gap: var(--ape-space-14);} .mb\:gapy15 {row-gap: var(--ape-space-15);} .mb\:gapy16 {row-gap: var(--ape-space-16);} .mb\:gapy17 {row-gap: var(--ape-space-17);} .mb\:gapy18 {row-gap: var(--ape-space-18);} .mb\:gapy19 {row-gap: var(--ape-space-19);} .mb\:gapy20 {row-gap: var(--ape-space-20);} /** Column Gap **/ .mb\:gapx0 {column-gap: var(--ape-space-0);} .mb\:gapx1 {column-gap: var(--ape-space-1);} .mb\:gapx2 {column-gap: var(--ape-space-2);} .mb\:gapx3 {column-gap: var(--ape-space-3);} .mb\:gapx4 {column-gap: var(--ape-space-4);} .mb\:gapx5 {column-gap: var(--ape-space-5);} .mb\:gapx6 {column-gap: var(--ape-space-6);} .mb\:gapx7 {column-gap: var(--ape-space-7);} .mb\:gapx8 {column-gap: var(--ape-space-8);} .mb\:gapx9 {column-gap: var(--ape-space-9);} .mb\:gapx10 {column-gap: var(--ape-space-10);} .mb\:gapx11 {column-gap: var(--ape-space-11);} .mb\:gapx12 {column-gap: var(--ape-space-12);} .mb\:gapx13 {column-gap: var(--ape-space-13);} .mb\:gapx14 {column-gap: var(--ape-space-14);} .mb\:gapx15 {column-gap: var(--ape-space-15);} .mb\:gapx16 {column-gap: var(--ape-space-16);} .mb\:gapx17 {column-gap: var(--ape-space-17);} .mb\:gapx18 {column-gap: var(--ape-space-18);} .mb\:gapx19 {column-gap: var(--ape-space-19);} .mb\:gapx20 {column-gap: var(--ape-space-20);} /**Order**/ .mb\:order1 { order: 1; } .mb\:order2 { order: 2; } .mb\:order3 { order: 3; } .mb\:order4 { order: 4; } .mb\:order5 { order: 5; } .mb\:order6 { order: 6; } .mb\:order7 { order: 7; } .mb\:order8 { order: 8; } .mb\:order9 { order: 9; } .mb\:order10 { order: 10; } .mb\:order11 { order: 11; } .mb\:order12 { order: 12; } .mb\:orderfirst { order: -9999; } .mb\:orderlast { order: 9999; } .mb\:ordernone { order: 0; } .mb\:floatright { float: right;} .mb\:floatleft { float: left;} .mb\:floatnone { float: none;} /*-------------------------------------------------------------- Height, Margin, Padding --------------------------------------------------------------*/ /**Left**/ .mb\:l0 {left: var(--ape-space-0);} .mb\:l1 {left: var(--ape-space-1);} .mb\:l2 {left: var(--ape-space-2);} .mb\:l3 {left: var(--ape-space-3);} .mb\:l4 {left: var(--ape-space-4);} .mb\:l5 {left: var(--ape-space-5);} .mb\:l6 {left: var(--ape-space-6);} .mb\:l7 {left: var(--ape-space-7);} .mb\:l8 {left: var(--ape-space-8);} .mb\:l9 {left: var(--ape-space-9);} .mb\:l10 {left: var(--ape-space-10);} .mb\:l11 {left: var(--ape-space-11);} .mb\:l12 {left: var(--ape-space-12);} .mb\:l13 {left: var(--ape-space-13);} .mb\:l14 {left: var(--ape-space-14);} .mb\:l15 {left: var(--ape-space-15);} .mb\:l16 {left: var(--ape-space-16);} .mb\:l17 {left: var(--ape-space-17);} .mb\:l18 {left: var(--ape-space-18);} .mb\:l19 {left: var(--ape-space-19);} .mb\:l20 {left: var(--ape-space-20);} .mb\:l21 {left: var(--ape-space-21);} .mb\:l22 {left: var(--ape-space-22);} .mb\:l23 {left: var(--ape-space-23);} .mb\:l24 {left: var(--ape-space-24);} .mb\:l25 {left: var(--ape-space-25);} .mb\:l26 {left: var(--ape-space-26);} .mb\:l27 {left: var(--ape-space-27);} .mb\:l28 {left: var(--ape-space-28);} .mb\:l29 {left: var(--ape-space-29);} .mb\:l30 {left: var(--ape-space-30);} .mb\:l31 {left: var(--ape-space-31);} .mb\:l32 {left: var(--ape-space-32);} .mb\:l33 {left: var(--ape-space-33);} .mb\:l34 {left: var(--ape-space-34);} .mb\:l35 {left: var(--ape-space-35);} .mb\:l36 {left: var(--ape-space-36);} .mb\:l37 {left: var(--ape-space-37);} .mb\:l38 {left: var(--ape-space-38);} .mb\:l39 {left: var(--ape-space-39);} .mb\:l40 {left: var(--ape-space-40);} .mb\:l41 {left: var(--ape-space-41);} .mb\:l42 {left: var(--ape-space-42);} .mb\:l43 {left: var(--ape-space-43);} .mb\:l44 {left: var(--ape-space-44);} .mb\:l45 {left: var(--ape-space-45);} .mb\:l46 {left: var(--ape-space-46);} .mb\:l47 {left: var(--ape-space-47);} .mb\:l48 {left: var(--ape-space-48);} .mb\:l49 {left: var(--ape-space-49);} .mb\:l50 {left: var(--ape-space-50);} .mb\:l51 {left: var(--ape-space-51);} .mb\:l52 {left: var(--ape-space-52);} .mb\:l53 {left: var(--ape-space-53);} .mb\:l54 {left: var(--ape-space-54);} .mb\:l55 {left: var(--ape-space-55);} .mb\:l56 {left: var(--ape-space-56);} .mb\:l57 {left: var(--ape-space-57);} .mb\:l58 {left: var(--ape-space-58);} .mb\:l59 {left: var(--ape-space-59);} .mb\:l60 {left: var(--ape-space-60);} .mb\:l61 {left: var(--ape-space-61);} .mb\:l62 {left: var(--ape-space-62);} .mb\:l63 {left: var(--ape-space-63);} .mb\:l64 {left: var(--ape-space-64);} /**Right**/ .mb\:r0 {right: var(--ape-space-0);} .mb\:r1 {right: var(--ape-space-1);} .mb\:r2 {right: var(--ape-space-2);} .mb\:r3 {right: var(--ape-space-3);} .mb\:r4 {right: var(--ape-space-4);} .mb\:r5 {right: var(--ape-space-5);} .mb\:r6 {right: var(--ape-space-6);} .mb\:r7 {right: var(--ape-space-7);} .mb\:r8 {right: var(--ape-space-8);} .mb\:r9 {right: var(--ape-space-9);} .mb\:r10 {right: var(--ape-space-10);} .mb\:r11 {right: var(--ape-space-11);} .mb\:r12 {right: var(--ape-space-12);} .mb\:r13 {right: var(--ape-space-13);} .mb\:r14 {right: var(--ape-space-14);} .mb\:r15 {right: var(--ape-space-15);} .mb\:r16 {right: var(--ape-space-16);} .mb\:r17 {right: var(--ape-space-17);} .mb\:r18 {right: var(--ape-space-18);} .mb\:r19 {right: var(--ape-space-19);} .mb\:r20 {right: var(--ape-space-20);} .mb\:r21 {right: var(--ape-space-21);} .mb\:r22 {right: var(--ape-space-22);} .mb\:r23 {right: var(--ape-space-23);} .mb\:r24 {right: var(--ape-space-24);} .mb\:r25 {right: var(--ape-space-25);} .mb\:r26 {right: var(--ape-space-26);} .mb\:r27 {right: var(--ape-space-27);} .mb\:r28 {right: var(--ape-space-28);} .mb\:r29 {right: var(--ape-space-29);} .mb\:r30 {right: var(--ape-space-30);} .mb\:r31 {right: var(--ape-space-31);} .mb\:r32 {right: var(--ape-space-32);} .mb\:r33 {right: var(--ape-space-33);} .mb\:r34 {right: var(--ape-space-34);} .mb\:r35 {right: var(--ape-space-35);} .mb\:r36 {right: var(--ape-space-36);} .mb\:r37 {right: var(--ape-space-37);} .mb\:r38 {right: var(--ape-space-38);} .mb\:r39 {right: var(--ape-space-39);} .mb\:r40 {right: var(--ape-space-40);} .mb\:r41 {right: var(--ape-space-41);} .mb\:r42 {right: var(--ape-space-42);} .mb\:r43 {right: var(--ape-space-43);} .mb\:r44 {right: var(--ape-space-44);} .mb\:r45 {right: var(--ape-space-45);} .mb\:r46 {right: var(--ape-space-46);} .mb\:r47 {right: var(--ape-space-47);} .mb\:r48 {right: var(--ape-space-48);} .mb\:r49 {right: var(--ape-space-49);} .mb\:r50 {right: var(--ape-space-50);} .mb\:r51 {right: var(--ape-space-51);} .mb\:r52 {right: var(--ape-space-52);} .mb\:r53 {right: var(--ape-space-53);} .mb\:r54 {right: var(--ape-space-54);} .mb\:r55 {right: var(--ape-space-55);} .mb\:r56 {right: var(--ape-space-56);} .mb\:r57 {right: var(--ape-space-57);} .mb\:r58 {right: var(--ape-space-58);} .mb\:r59 {right: var(--ape-space-59);} .mb\:r60 {right: var(--ape-space-60);} .mb\:r61 {right: var(--ape-space-61);} .mb\:r62 {right: var(--ape-space-62);} .mb\:r63 {right: var(--ape-space-63);} .mb\:r64 {right: var(--ape-space-64);} /**Top**/ .mb\:t0 { top: var(--ape-space-0);} .mb\:t1 { top: var(--ape-space-1);} .mb\:t2 { top: var(--ape-space-2);} .mb\:t3 { top: var(--ape-space-3);} .mb\:t4 { top: var(--ape-space-4);} .mb\:t5 { top: var(--ape-space-5);} .mb\:t6 { top: var(--ape-space-6);} .mb\:t7 { top: var(--ape-space-7);} .mb\:t8 { top: var(--ape-space-8);} .mb\:t9 { top: var(--ape-space-9);} .mb\:t10 { top: var(--ape-space-10);} .mb\:t11 { top: var(--ape-space-11);} .mb\:t12 { top: var(--ape-space-12);} .mb\:t13 { top: var(--ape-space-13);} .mb\:t14 { top: var(--ape-space-14);} .mb\:t15 { top: var(--ape-space-15);} .mb\:t16 { top: var(--ape-space-16);} .mb\:t17 { top: var(--ape-space-17);} .mb\:t18 { top: var(--ape-space-18);} .mb\:t19 { top: var(--ape-space-19);} .mb\:t20 { top: var(--ape-space-20);} .mb\:t21 { top: var(--ape-space-21);} .mb\:t22 { top: var(--ape-space-22);} .mb\:t23 { top: var(--ape-space-23);} .mb\:t24 { top: var(--ape-space-24);} .mb\:t25 { top: var(--ape-space-25);} .mb\:t26 { top: var(--ape-space-26);} .mb\:t27 { top: var(--ape-space-27);} .mb\:t28 { top: var(--ape-space-28);} .mb\:t29 { top: var(--ape-space-29);} .mb\:t30 { top: var(--ape-space-30);} .mb\:t31 { top: var(--ape-space-31);} .mb\:t32 { top: var(--ape-space-32);} .mb\:t33 { top: var(--ape-space-33);} .mb\:t34 { top: var(--ape-space-34);} .mb\:t35 { top: var(--ape-space-35);} .mb\:t36 { top: var(--ape-space-36);} .mb\:t37 { top: var(--ape-space-37);} .mb\:t38 { top: var(--ape-space-38);} .mb\:t39 { top: var(--ape-space-39);} .mb\:t40 { top: var(--ape-space-40);} .mb\:t41 { top: var(--ape-space-41);} .mb\:t42 { top: var(--ape-space-42);} .mb\:t43 { top: var(--ape-space-43);} .mb\:t44 { top: var(--ape-space-44);} .mb\:t45 { top: var(--ape-space-45);} .mb\:t46 { top: var(--ape-space-46);} .mb\:t47 { top: var(--ape-space-47);} .mb\:t48 { top: var(--ape-space-48);} .mb\:t49 { top: var(--ape-space-49);} .mb\:t50 { top: var(--ape-space-50);} .mb\:t51 { top: var(--ape-space-51);} .mb\:t52 { top: var(--ape-space-52);} .mb\:t53 { top: var(--ape-space-53);} .mb\:t54 { top: var(--ape-space-54);} .mb\:t55 { top: var(--ape-space-55);} .mb\:t56 { top: var(--ape-space-56);} .mb\:t57 { top: var(--ape-space-57);} .mb\:t58 { top: var(--ape-space-58);} .mb\:t59 { top: var(--ape-space-59);} .mb\:t60 { top: var(--ape-space-60);} .mb\:t61 { top: var(--ape-space-61);} .mb\:t62 { top: var(--ape-space-62);} .mb\:t63 { top: var(--ape-space-63);} .mb\:t64 { top: var(--ape-space-64);} /**Bottom**/ .mb\:b0 { bottom: var(--ape-space-0);} .mb\:b1 { bottom: var(--ape-space-1);} .mb\:b2 { bottom: var(--ape-space-2);} .mb\:b3 { bottom: var(--ape-space-3);} .mb\:b4 { bottom: var(--ape-space-4);} .mb\:b5 { bottom: var(--ape-space-5);} .mb\:b6 { bottom: var(--ape-space-6);} .mb\:b7 { bottom: var(--ape-space-7);} .mb\:b8 { bottom: var(--ape-space-8);} .mb\:b9 { bottom: var(--ape-space-9);} .mb\:b10 { bottom: var(--ape-space-10);} .mb\:b11 { bottom: var(--ape-space-11);} .mb\:b12 { bottom: var(--ape-space-12);} .mb\:b13 { bottom: var(--ape-space-13);} .mb\:b14 { bottom: var(--ape-space-14);} .mb\:b15 { bottom: var(--ape-space-15);} .mb\:b16 { bottom: var(--ape-space-16);} .mb\:b17 { bottom: var(--ape-space-17);} .mb\:b18 { bottom: var(--ape-space-18);} .mb\:b19 { bottom: var(--ape-space-19);} .mb\:b20 { bottom: var(--ape-space-20);} .mb\:b21 { bottom: var(--ape-space-21);} .mb\:b22 { bottom: var(--ape-space-22);} .mb\:b23 { bottom: var(--ape-space-23);} .mb\:b24 { bottom: var(--ape-space-24);} .mb\:b25 { bottom: var(--ape-space-25);} .mb\:b26 { bottom: var(--ape-space-26);} .mb\:b27 { bottom: var(--ape-space-27);} .mb\:b28 { bottom: var(--ape-space-28);} .mb\:b29 { bottom: var(--ape-space-29);} .mb\:b30 { bottom: var(--ape-space-30);} .mb\:b31 { bottom: var(--ape-space-31);} .mb\:b32 { bottom: var(--ape-space-32);} .mb\:b33 { bottom: var(--ape-space-33);} .mb\:b34 { bottom: var(--ape-space-34);} .mb\:b35 { bottom: var(--ape-space-35);} .mb\:b36 { bottom: var(--ape-space-36);} .mb\:b37 { bottom: var(--ape-space-37);} .mb\:b38 { bottom: var(--ape-space-38);} .mb\:b39 { bottom: var(--ape-space-39);} .mb\:b40 { bottom: var(--ape-space-40);} .mb\:b41 { bottom: var(--ape-space-41);} .mb\:b42 { bottom: var(--ape-space-42);} .mb\:b43 { bottom: var(--ape-space-44);} .mb\:b44 { bottom: var(--ape-space-44);} .mb\:b45 { bottom: var(--ape-space-45);} .mb\:b46 { bottom: var(--ape-space-46);} .mb\:b47 { bottom: var(--ape-space-47);} .mb\:b48 { bottom: var(--ape-space-48);} .mb\:b49 { bottom: var(--ape-space-49);} .mb\:b50 { bottom: var(--ape-space-50);} .mb\:b51 { bottom: var(--ape-space-51);} .mb\:b52 { bottom: var(--ape-space-52);} .mb\:b53 { bottom: var(--ape-space-53);} .mb\:b54 { bottom: var(--ape-space-54);} .mb\:b55 { bottom: var(--ape-space-55);} .mb\:b56 { bottom: var(--ape-space-56);} .mb\:b57 { bottom: var(--ape-space-57);} .mb\:b58 { bottom: var(--ape-space-58);} .mb\:b59 { bottom: var(--ape-space-59);} .mb\:b60 { bottom: var(--ape-space-60);} .mb\:b61 { bottom: var(--ape-space-61);} .mb\:b62 { bottom: var(--ape-space-62);} .mb\:b63 { bottom: var(--ape-space-63);} .mb\:b64 { bottom: var(--ape-space-64);} /**Height**/ .mb\:h0 { height: var(--ape-space-0);} .mb\:h1 { height: var(--ape-space-1);} .mb\:h2 { height: var(--ape-space-2);} .mb\:h3 { height: var(--ape-space-3);} .mb\:h4 { height: var(--ape-space-4);} .mb\:h5 { height: var(--ape-space-5);} .mb\:h6 { height: var(--ape-space-6);} .mb\:h7 { height: var(--ape-space-7);} .mb\:h8 { height: var(--ape-space-8);} .mb\:h9 { height: var(--ape-space-9);} .mb\:h10 { height: var(--ape-space-10);} .mb\:h11 { height: var(--ape-space-11);} .mb\:h12 { height: var(--ape-space-12);} .mb\:h13 { height: var(--ape-space-13);} .mb\:h14 { height: var(--ape-space-14);} .mb\:h15 { height: var(--ape-space-15);} .mb\:h16 { height: var(--ape-space-16);} .mb\:h17 { height: var(--ape-space-17);} .mb\:h18 { height: var(--ape-space-18);} .mb\:h19 { height: var(--ape-space-19);} .mb\:h20 { height: var(--ape-space-20);} .mb\:h21 { height: var(--ape-space-21);} .mb\:h22 { height: var(--ape-space-22);} .mb\:h23 { height: var(--ape-space-23);} .mb\:h24 { height: var(--ape-space-24);} .mb\:h25 { height: var(--ape-space-25);} .mb\:h26 { height: var(--ape-space-26);} .mb\:h27 { height: var(--ape-space-27);} .mb\:h28 { height: var(--ape-space-28);} .mb\:h29 { height: var(--ape-space-29);} .mb\:h30 { height: var(--ape-space-30);} .mb\:h31 { height: var(--ape-space-31);} .mb\:h32 { height: var(--ape-space-32);} .mb\:h33 { height: var(--ape-space-33);} .mb\:h34 { height: var(--ape-space-34);} .mb\:h35 { height: var(--ape-space-35);} .mb\:h36 { height: var(--ape-space-36);} .mb\:h37 { height: var(--ape-space-37);} .mb\:h38 { height: var(--ape-space-38);} .mb\:h39 { height: var(--ape-space-39);} .mb\:h40 { height: var(--ape-space-40);} .mb\:h41 { height: var(--ape-space-41);} .mb\:h42 { height: var(--ape-space-42);} .mb\:h43 { height: var(--ape-space-43);} .mb\:h44 { height: var(--ape-space-44);} .mb\:h45 { height: var(--ape-space-45);} .mb\:h46 { height: var(--ape-space-46);} .mb\:h47 { height: var(--ape-space-47);} .mb\:h48 { height: var(--ape-space-48);} .mb\:h49 { height: var(--ape-space-49);} .mb\:h50 { height: var(--ape-space-50);} .mb\:h51 { height: var(--ape-space-51);} .mb\:h52 { height: var(--ape-space-52);} .mb\:h53 { height: var(--ape-space-53);} .mb\:h54 { height: var(--ape-space-54);} .mb\:h55 { height: var(--ape-space-55);} .mb\:h56 { height: var(--ape-space-56);} .mb\:h57 { height: var(--ape-space-57);} .mb\:h58 { height: var(--ape-space-58);} .mb\:h59 { height: var(--ape-space-59);} .mb\:h60 { height: var(--ape-space-60);} .mb\:h61 { height: var(--ape-space-61);} .mb\:h62 { height: var(--ape-space-62);} .mb\:h63 { height: var(--ape-space-63);} .mb\:h64 { height: var(--ape-space-64);} .mb\:hauto { height: auto;} .mb\:hpx { height: var(--ape-space-px);} .mb\:h100p { height: var(--ape-space-full);} .mb\:h10vh { height: var(--ape-space-10vh);} .mb\:h15vh { height: var(--ape-space-15vh);} .mb\:h20vh { height: var(--ape-space-20vh);} .mb\:h25vh { height: var(--ape-space-25vh);} .mb\:h30vh { height: var(--ape-space-30vh);} .mb\:h35vh { height: var(--ape-space-35vh);} .mb\:h40vh { height: var(--ape-space-40vh);} .mb\:h45vh { height: var(--ape-space-45vh);} .mb\:h50vh { height: var(--ape-space-50vh);} .mb\:h55vh { height: var(--ape-space-55vh);} .mb\:h60vh { height: var(--ape-space-60vh);} .mb\:h65vh { height: var(--ape-space-65vh);} .mb\:h70vh { height: var(--ape-space-70vh);} .mb\:h75vh { height: var(--ape-space-75vh);} .mb\:h80vh { height: var(--ape-space-80vh);} .mb\:h85vh { height: var(--ape-space-85vh);} .mb\:h90vh { height: var(--ape-space-90vh);} .mb\:h95vh { height: var(--ape-space-95vh);} .mb\:h100vh { height: var(--ape-space-100vh);} .mb\:minh10vh { min-height: var(--ape-space-10vh);} .mb\:minh15vh { min-height: var(--ape-space-15vh);} .mb\:minh20vh { min-height: var(--ape-space-20vh);} .mb\:minh25vh { min-height: var(--ape-space-25vh);} .mb\:minh30vh { min-height: var(--ape-space-30vh);} .mb\:minh35vh { min-height: var(--ape-space-35vh);} .mb\:minh40vh { min-height: var(--ape-space-40vh);} .mb\:minh45vh { min-height: var(--ape-space-45vh);} .mb\:minh50vh { min-height: var(--ape-space-50vh);} .mb\:minh55vh { min-height: var(--ape-space-55vh);} .mb\:minh60vh { min-height: var(--ape-space-60vh);} .mb\:minh65vh { min-height: var(--ape-space-65vh);} .mb\:minh70vh { min-height: var(--ape-space-70vh);} .mb\:minh75vh { min-height: var(--ape-space-75vh);} .mb\:minh80vh { min-height: var(--ape-space-80vh);} .mb\:minh85vh { min-height: var(--ape-space-85vh);} .mb\:minh90vh { min-height: var(--ape-space-90vh);} .mb\:minh95vh { min-height: var(--ape-space-95vh);} .mb\:minh100vh { min-height: var(--ape-space-100vh);} .mb\:minhauto { min-height: auto;} .mb\:minhnone { min-height: none;} .mb\:maxh10vh { max-height: var(--ape-space-10vh);} .mb\:maxh15vh { max-height: var(--ape-space-15vh);} .mb\:maxh20vh { max-height: var(--ape-space-20vh);} .mb\:maxh25vh { max-height: var(--ape-space-25vh);} .mb\:maxh30vh { max-height: var(--ape-space-30vh);} .mb\:maxh35vh { max-height: var(--ape-space-35vh);} .mb\:maxh40vh { max-height: var(--ape-space-40vh);} .mb\:maxh45vh { max-height: var(--ape-space-45vh);} .mb\:maxh50vh { max-height: var(--ape-space-50vh);} .mb\:maxh55vh { max-height: var(--ape-space-55vh);} .mb\:maxh60vh { max-height: var(--ape-space-60vh);} .mb\:maxh65vh { max-height: var(--ape-space-65vh);} .mb\:maxh70vh { max-height: var(--ape-space-70vh);} .mb\:maxh75vh { max-height: var(--ape-space-75vh);} .mb\:maxh80vh { max-height: var(--ape-space-80vh);} .mb\:maxh85vh { max-height: var(--ape-space-85vh);} .mb\:maxh90vh { max-height: var(--ape-space-90vh);} .mb\:maxh95vh { max-height: var(--ape-space-95vh);} .mb\:maxh100vh { max-height: var(--ape-space-100vh);} /**Max Height**/ .mb\:maxh0 { max-height: var(--ape-space-0);} .mb\:maxh1 { max-height: var(--ape-space-1);} .mb\:maxh2 { max-height: var(--ape-space-2);} .mb\:maxh3 { max-height: var(--ape-space-3);} .mb\:maxh4 { max-height: var(--ape-space-4);} .mb\:maxh5 { max-height: var(--ape-space-5);} .mb\:maxh6 { max-height: var(--ape-space-6);} .mb\:maxh7 { max-height: var(--ape-space-7);} .mb\:maxh8 { max-height: var(--ape-space-8);} .mb\:maxh9 { max-height: var(--ape-space-9);} .mb\:maxh10 { max-height: var(--ape-space-10);} .mb\:maxh11 { max-height: var(--ape-space-11);} .mb\:maxh12 { max-height: var(--ape-space-12);} .mb\:maxh13 { max-height: var(--ape-space-13);} .mb\:maxh14 { max-height: var(--ape-space-14);} .mb\:maxh15 { max-height: var(--ape-space-15);} .mb\:maxh16 { max-height: var(--ape-space-16);} .mb\:maxh17 { max-height: var(--ape-space-17);} .mb\:maxh18 { max-height: var(--ape-space-18);} .mb\:maxh19 { max-height: var(--ape-space-19);} .mb\:maxh20 { max-height: var(--ape-space-20);} .mb\:maxh21 { max-height: var(--ape-space-21);} .mb\:maxh22 { max-height: var(--ape-space-22);} .mb\:maxh23 { max-height: var(--ape-space-23);} .mb\:maxh24 { max-height: var(--ape-space-24);} .mb\:maxh25 { max-height: var(--ape-space-25);} .mb\:maxh26 { max-height: var(--ape-space-26);} .mb\:maxh27 { max-height: var(--ape-space-27);} .mb\:maxh28 { max-height: var(--ape-space-28);} .mb\:maxh29 { max-height: var(--ape-space-29);} .mb\:maxh30 { max-height: var(--ape-space-30);} .mb\:maxh31 { max-height: var(--ape-space-31);} .mb\:maxh32 { max-height: var(--ape-space-32);} .mb\:maxh33 { max-height: var(--ape-space-33);} .mb\:maxh34 { max-height: var(--ape-space-34);} .mb\:maxh35 { max-height: var(--ape-space-35);} .mb\:maxh36 { max-height: var(--ape-space-36);} .mb\:maxh37 { max-height: var(--ape-space-37);} .mb\:maxh38 { max-height: var(--ape-space-38);} .mb\:maxh39 { max-height: var(--ape-space-39);} .mb\:maxh40 { max-height: var(--ape-space-40);} .mb\:maxh41 { max-height: var(--ape-space-41);} .mb\:maxh42 { max-height: var(--ape-space-42);} .mb\:maxh43 { max-height: var(--ape-space-43);} .mb\:maxh44 { max-height: var(--ape-space-44);} .mb\:maxh45 { max-height: var(--ape-space-45);} .mb\:maxh46 { max-height: var(--ape-space-46);} .mb\:maxh47 { max-height: var(--ape-space-47);} .mb\:maxh48 { max-height: var(--ape-space-48);} .mb\:maxh49 { max-height: var(--ape-space-49);} .mb\:maxh50 { max-height: var(--ape-space-50);} .mb\:maxh51 { max-height: var(--ape-space-51);} .mb\:maxh52 { max-height: var(--ape-space-52);} .mb\:maxh53 { max-height: var(--ape-space-53);} .mb\:maxh54 { max-height: var(--ape-space-54);} .mb\:maxh55 { max-height: var(--ape-space-55);} .mb\:maxh56 { max-height: var(--ape-space-56);} .mb\:maxh57 { max-height: var(--ape-space-57);} .mb\:maxh58 { max-height: var(--ape-space-58);} .mb\:maxh59 { max-height: var(--ape-space-59);} .mb\:maxh60 { max-height: var(--ape-space-60);} .mb\:maxh61 { max-height: var(--ape-space-61);} .mb\:maxh62 { max-height: var(--ape-space-62);} .mb\:maxh63 { max-height: var(--ape-space-63);} .mb\:maxh64 { max-height: var(--ape-space-64);} .mb\:maxhfull { max-height: var(--ape-space-full);} .mb\:maxh100vh { max-height: var(--ape-space-100vh);} .mb\:maxhauto { max-height: auto;} .mb\:maxhnone { max-height: none;} /**Min Height**/ .mb\:minh0 { min-height: var(--ape-space-0);} .mb\:minh1 { min-height: var(--ape-space-1);} .mb\:minh2 { min-height: var(--ape-space-2);} .mb\:minh3 { min-height: var(--ape-space-3);} .mb\:minh4 { min-height: var(--ape-space-4);} .mb\:minh5 { min-height: var(--ape-space-5);} .mb\:minh6 { min-height: var(--ape-space-6);} .mb\:minh7 { min-height: var(--ape-space-7);} .mb\:minh8 { min-height: var(--ape-space-8);} .mb\:minh9 { min-height: var(--ape-space-9);} .mb\:minh10 { min-height: var(--ape-space-10);} .mb\:minh11 { min-height: var(--ape-space-11);} .mb\:minh12 { min-height: var(--ape-space-12);} .mb\:minh13 { min-height: var(--ape-space-13);} .mb\:minh14 { min-height: var(--ape-space-14);} .mb\:minh15 { min-height: var(--ape-space-15);} .mb\:minh16 { min-height: var(--ape-space-16);} .mb\:minh17 { min-height: var(--ape-space-17);} .mb\:minh18 { min-height: var(--ape-space-18);} .mb\:minh19 { min-height: var(--ape-space-19);} .mb\:minh20 { min-height: var(--ape-space-20);} .mb\:minh21 { min-height: var(--ape-space-21);} .mb\:minh22 { min-height: var(--ape-space-22);} .mb\:minh23 { min-height: var(--ape-space-23);} .mb\:minh24 { min-height: var(--ape-space-24);} .mb\:minh25 { min-height: var(--ape-space-25);} .mb\:minh26 { min-height: var(--ape-space-26);} .mb\:minh27 { min-height: var(--ape-space-27);} .mb\:minh28 { min-height: var(--ape-space-28);} .mb\:minh29 { min-height: var(--ape-space-29);} .mb\:minh30 { min-height: var(--ape-space-30);} .mb\:minh31 { min-height: var(--ape-space-31);} .mb\:minh32 { min-height: var(--ape-space-32);} .mb\:minh33 { min-height: var(--ape-space-33);} .mb\:minh34 { min-height: var(--ape-space-34);} .mb\:minh35 { min-height: var(--ape-space-35);} .mb\:minh36 { min-height: var(--ape-space-36);} .mb\:minh37 { min-height: var(--ape-space-37);} .mb\:minh38 { min-height: var(--ape-space-38);} .mb\:minh39 { min-height: var(--ape-space-39);} .mb\:minh40 { min-height: var(--ape-space-40);} .mb\:minh41 { min-height: var(--ape-space-41);} .mb\:minh42 { min-height: var(--ape-space-42);} .mb\:minh43 { min-height: var(--ape-space-43);} .mb\:minh44 { min-height: var(--ape-space-44);} .mb\:minh45 { min-height: var(--ape-space-45);} .mb\:minh46 { min-height: var(--ape-space-46);} .mb\:minh47 { min-height: var(--ape-space-47);} .mb\:minh48 { min-height: var(--ape-space-48);} .mb\:minh49 { min-height: var(--ape-space-49);} .mb\:minh50 { min-height: var(--ape-space-50);} .mb\:minh51 { min-height: var(--ape-space-51);} .mb\:minh52 { min-height: var(--ape-space-52);} .mb\:minh53 { min-height: var(--ape-space-53);} .mb\:minh54 { min-height: var(--ape-space-54);} .mb\:minh55 { min-height: var(--ape-space-55);} .mb\:minh56 { min-height: var(--ape-space-56);} .mb\:minh57 { min-height: var(--ape-space-57);} .mb\:minh58 { min-height: var(--ape-space-58);} .mb\:minh59 { min-height: var(--ape-space-59);} .mb\:minh60 { min-height: var(--ape-space-60);} .mb\:minh61 { min-height: var(--ape-space-61);} .mb\:minh62 { min-height: var(--ape-space-62);} .mb\:minh63 { min-height: var(--ape-space-63);} .mb\:minh64 { min-height: var(--ape-space-64);} .mb\:minhfull { min-height: var(--ape-space-full);} .mb\:minh100vh { min-height: var(--ape-space-100vh);} /**Width**/ .mb\:maxwauto { max-width: auto;} .mb\:minwauto { min-width: auto;} .mb\:maxwnone { max-width: none;} .mb\:minwnone { min-width: none;} .mb\:w0 { width: var(--ape-space-0);} .mb\:w1 { width: var(--ape-space-1);} .mb\:w2 { width: var(--ape-space-2);} .mb\:w3 { width: var(--ape-space-3);} .mb\:w4 { width: var(--ape-space-4);} .mb\:w5 { width: var(--ape-space-5);} .mb\:w6 { width: var(--ape-space-6);} .mb\:w7 { width: var(--ape-space-7);} .mb\:w8 { width: var(--ape-space-8);} .mb\:w9 { width: var(--ape-space-9);} .mb\:w10 { width: var(--ape-space-10);} .mb\:w11 { width: var(--ape-space-11);} .mb\:w12 { width: var(--ape-space-12);} .mb\:w13 { width: var(--ape-space-13);} .mb\:w14 { width: var(--ape-space-14);} .mb\:w15 { width: var(--ape-space-15);} .mb\:w16 { width: var(--ape-space-16);} .mb\:w17 { width: var(--ape-space-17);} .mb\:w18 { width: var(--ape-space-18);} .mb\:w19 { width: var(--ape-space-19);} .mb\:w20 { width: var(--ape-space-20);} .mb\:w21 { width: var(--ape-space-21);} .mb\:w22 { width: var(--ape-space-22);} .mb\:w23 { width: var(--ape-space-23);} .mb\:w24 { width: var(--ape-space-24);} .mb\:w25 { width: var(--ape-space-25);} .mb\:w26 { width: var(--ape-space-26);} .mb\:w27 { width: var(--ape-space-27);} .mb\:w28 { width: var(--ape-space-28);} .mb\:w29 { width: var(--ape-space-29);} .mb\:w30 { width: var(--ape-space-30);} .mb\:w31 { width: var(--ape-space-31);} .mb\:w32 { width: var(--ape-space-32);} .mb\:w33 { width: var(--ape-space-33);} .mb\:w34 { width: var(--ape-space-34);} .mb\:w35 { width: var(--ape-space-35);} .mb\:w36 { width: var(--ape-space-36);} .mb\:w37 { width: var(--ape-space-37);} .mb\:w38 { width: var(--ape-space-38);} .mb\:w39 { width: var(--ape-space-39);} .mb\:w40 { width: var(--ape-space-40);} .mb\:w41 { width: var(--ape-space-41);} .mb\:w42 { width: var(--ape-space-42);} .mb\:w43 { width: var(--ape-space-43);} .mb\:w44 { width: var(--ape-space-44);} .mb\:w45 { width: var(--ape-space-45);} .mb\:w46 { width: var(--ape-space-46);} .mb\:w47 { width: var(--ape-space-47);} .mb\:w48 { width: var(--ape-space-48);} .mb\:w49 { width: var(--ape-space-49);} .mb\:w50 { width: var(--ape-space-50);} .mb\:w51 { width: var(--ape-space-51);} .mb\:w52 { width: var(--ape-space-52);} .mb\:w53 { width: var(--ape-space-53);} .mb\:w54 { width: var(--ape-space-54);} .mb\:w55 { width: var(--ape-space-55);} .mb\:w56 { width: var(--ape-space-56);} .mb\:w57 { width: var(--ape-space-57);} .mb\:w58 { width: var(--ape-space-58);} .mb\:w59 { width: var(--ape-space-59);} .mb\:w60 { width: var(--ape-space-60);} .mb\:w61 { width: var(--ape-space-61);} .mb\:w62 { width: var(--ape-space-62);} .mb\:w63 { width: var(--ape-space-63);} .mb\:w64 { width: var(--ape-space-64);} .mb\:wauto { width: var(--ape-space-auto);} .mb\:wpx { width: var(--ape-space-px);} .mb\:wmin {width: min-content;} .mb\:wmax {width: max-content;} .mb\:wfit {width: fit-content;} /**Percentage Width**/ .mb\:w10p { width: var(--ape-space-10p); } .mb\:w15p { width: var(--ape-space-15p); } .mb\:w20p { width: var(--ape-space-20p); } .mb\:w25p { width: var(--ape-space-25p); } .mb\:w30p { width: var(--ape-space-30p); } .mb\:w35p { width: var(--ape-space-35p); } .mb\:w40p { width: var(--ape-space-40p); } .mb\:w45p { width: var(--ape-space-45p); } .mb\:w50p { width: var(--ape-space-50p); } .mb\:w55p { width: var(--ape-space-55p); } .mb\:w60p { width: var(--ape-space-60p); } .mb\:w65p { width: var(--ape-space-65p); } .mb\:w70p { width: var(--ape-space-70p); } .mb\:w75p { width: var(--ape-space-75p); } .mb\:w80p { width: var(--ape-space-80p); } .mb\:w85p { width: var(--ape-space-85p); } .mb\:w90p { width: var(--ape-space-90p); } .mb\:w95p { width: var(--ape-space-95p); } .mb\:w100p { width: var(--ape-space-100p); } /**Max Width**/ .mb\:maxw0 { max-width: var(--ape-space-0);} .mb\:maxw1 { max-width: var(--ape-space-1);} .mb\:maxw2 { max-width: var(--ape-space-2);} .mb\:maxw3 { max-width: var(--ape-space-3);} .mb\:maxw4 { max-width: var(--ape-space-4);} .mb\:maxw5 { max-width: var(--ape-space-5);} .mb\:maxw6 { max-width: var(--ape-space-6);} .mb\:maxw7 { max-width: var(--ape-space-7);} .mb\:maxw8 { max-width: var(--ape-space-8);} .mb\:maxw9 { max-width: var(--ape-space-9);} .mb\:maxw10 { max-width: var(--ape-space-10);} .mb\:maxw11 { max-width: var(--ape-space-11);} .mb\:maxw12 { max-width: var(--ape-space-12);} .mb\:maxw13 { max-width: var(--ape-space-13);} .mb\:maxw14 { max-width: var(--ape-space-14);} .mb\:maxw15 { max-width: var(--ape-space-15);} .mb\:maxw16 { max-width: var(--ape-space-16);} .mb\:maxw17 { max-width: var(--ape-space-17);} .mb\:maxw18 { max-width: var(--ape-space-18);} .mb\:maxw19 { max-width: var(--ape-space-19);} .mb\:maxw20 { max-width: var(--ape-space-20);} .mb\:maxw21 { max-width: var(--ape-space-21);} .mb\:maxw22 { max-width: var(--ape-space-22);} .mb\:maxw23 { max-width: var(--ape-space-23);} .mb\:maxw24 { max-width: var(--ape-space-24);} .mb\:maxw25 { max-width: var(--ape-space-25);} .mb\:maxw26 { max-width: var(--ape-space-26);} .mb\:maxw27 { max-width: var(--ape-space-27);} .mb\:maxw28 { max-width: var(--ape-space-28);} .mb\:maxw29 { max-width: var(--ape-space-29);} .mb\:maxw30 { max-width: var(--ape-space-30);} .mb\:maxw31 { max-width: var(--ape-space-31);} .mb\:maxw32 { max-width: var(--ape-space-32);} .mb\:maxw33 { max-width: var(--ape-space-33);} .mb\:maxw34 { max-width: var(--ape-space-34);} .mb\:maxw35 { max-width: var(--ape-space-35);} .mb\:maxw36 { max-width: var(--ape-space-36);} .mb\:maxw37 { max-width: var(--ape-space-37);} .mb\:maxw38 { max-width: var(--ape-space-38);} .mb\:maxw39 { max-width: var(--ape-space-39);} .mb\:maxw40 { max-width: var(--ape-space-40);} .mb\:maxw41 { max-width: var(--ape-space-41);} .mb\:maxw42 { max-width: var(--ape-space-42);} .mb\:maxw43 { max-width: var(--ape-space-43);} .mb\:maxw44 { max-width: var(--ape-space-44);} .mb\:maxw45 { max-width: var(--ape-space-45);} .mb\:maxw46 { max-width: var(--ape-space-46);} .mb\:maxw47 { max-width: var(--ape-space-47);} .mb\:maxw48 { max-width: var(--ape-space-48);} .mb\:maxw49 { max-width: var(--ape-space-49);} .mb\:maxw50 { max-width: var(--ape-space-50);} .mb\:maxw51 { max-width: var(--ape-space-51);} .mb\:maxw52 { max-width: var(--ape-space-52);} .mb\:maxw53 { max-width: var(--ape-space-53);} .mb\:maxw54 { max-width: var(--ape-space-54);} .mb\:maxw55 { max-width: var(--ape-space-55);} .mb\:maxw56 { max-width: var(--ape-space-56);} .mb\:maxw57 { max-width: var(--ape-space-57);} .mb\:maxw58 { max-width: var(--ape-space-58);} .mb\:maxw59 { max-width: var(--ape-space-59);} .mb\:maxw60 { max-width: var(--ape-space-60);} .mb\:maxw61 { max-width: var(--ape-space-61);} .mb\:maxw62 { max-width: var(--ape-space-62);} .mb\:maxw63 { max-width: var(--ape-space-63);} .mb\:maxw64 { max-width: var(--ape-space-64);} .mb\:maxwfull { max-width: var(--ape-space-full);} .mb\:maxw100vh { max-width: var(--ape-space-100vh);} .mb\:maxwmin {max-width: min-content;} .mb\:maxwmax {max-width: max-content;} .mb\:maxwfit {max-width: fit-content;} /**Min Width**/ .mb\:minw0 { min-width: var(--ape-space-0);} .mb\:minw1 { min-width: var(--ape-space-1);} .mb\:minw2 { min-width: var(--ape-space-2);} .mb\:minw3 { min-width: var(--ape-space-3);} .mb\:minw4 { min-width: var(--ape-space-4);} .mb\:minw5 { min-width: var(--ape-space-5);} .mb\:minw6 { min-width: var(--ape-space-6);} .mb\:minw7 { min-width: var(--ape-space-7);} .mb\:minw8 { min-width: var(--ape-space-8);} .mb\:minw9 { min-width: var(--ape-space-9);} .mb\:minw10 { min-width: var(--ape-space-10);} .mb\:minw11 { min-width: var(--ape-space-11);} .mb\:minw12 { min-width: var(--ape-space-12);} .mb\:minw13 { min-width: var(--ape-space-13);} .mb\:minw14 { min-width: var(--ape-space-14);} .mb\:minw15 { min-width: var(--ape-space-15);} .mb\:minw16 { min-width: var(--ape-space-16);} .mb\:minw17 { min-width: var(--ape-space-17);} .mb\:minw18 { min-width: var(--ape-space-18);} .mb\:minw19 { min-width: var(--ape-space-19);} .mb\:minw20 { min-width: var(--ape-space-20);} .mb\:minw21 { min-width: var(--ape-space-21);} .mb\:minw22 { min-width: var(--ape-space-22);} .mb\:minw23 { min-width: var(--ape-space-23);} .mb\:minw24 { min-width: var(--ape-space-24);} .mb\:minw25 { min-width: var(--ape-space-25);} .mb\:minw26 { min-width: var(--ape-space-26);} .mb\:minw27 { min-width: var(--ape-space-27);} .mb\:minw28 { min-width: var(--ape-space-28);} .mb\:minw29 { min-width: var(--ape-space-29);} .mb\:minw30 { min-width: var(--ape-space-30);} .mb\:minw31 { min-width: var(--ape-space-31);} .mb\:minw32 { min-width: var(--ape-space-32);} .mb\:minw33 { min-width: var(--ape-space-33);} .mb\:minw34 { min-width: var(--ape-space-34);} .mb\:minw35 { min-width: var(--ape-space-35);} .mb\:minw36 { min-width: var(--ape-space-36);} .mb\:minw37 { min-width: var(--ape-space-37);} .mb\:minw38 { min-width: var(--ape-space-38);} .mb\:minw39 { min-width: var(--ape-space-39);} .mb\:minw40 { min-width: var(--ape-space-40);} .mb\:minw41 { min-width: var(--ape-space-41);} .mb\:minw42 { min-width: var(--ape-space-42);} .mb\:minw43 { min-width: var(--ape-space-43);} .mb\:minw44 { min-width: var(--ape-space-44);} .mb\:minw45 { min-width: var(--ape-space-45);} .mb\:minw46 { min-width: var(--ape-space-46);} .mb\:minw47 { min-width: var(--ape-space-47);} .mb\:minw48 { min-width: var(--ape-space-48);} .mb\:minw49 { min-width: var(--ape-space-49);} .mb\:minw50 { min-width: var(--ape-space-50);} .mb\:minw51 { min-width: var(--ape-space-51);} .mb\:minw52 { min-width: var(--ape-space-52);} .mb\:minw53 { min-width: var(--ape-space-53);} .mb\:minw54 { min-width: var(--ape-space-54);} .mb\:minw55 { min-width: var(--ape-space-55);} .mb\:minw56 { min-width: var(--ape-space-56);} .mb\:minw57 { min-width: var(--ape-space-57);} .mb\:minw58 { min-width: var(--ape-space-58);} .mb\:minw59 { min-width: var(--ape-space-59);} .mb\:minw60 { min-width: var(--ape-space-60);} .mb\:minw61 { min-width: var(--ape-space-61);} .mb\:minw62 { min-width: var(--ape-space-62);} .mb\:minw63 { min-width: var(--ape-space-63);} .mb\:minw64 { min-width: var(--ape-space-64);} .mb\:minwfull { min-width: var(--ape-space-full);} .mb\:minw100vh { min-width: var(--ape-space-100vh);} .mb\:minwmin {min-width: min-content;} .mb\:minwmax {min-width: max-content;} .mb\:minwfit {min-width: fit-content;} .mb\:wfull { width: var(--ape-space-full); } .mb\:w100vw { width: var(--ape-space-100vw); } .mb\:minw10vw { min-width: var(--ape-space-10vw); } .mb\:minw15vw { min-width: var(--ape-space-15vw); } .mb\:minw20vw { min-width: var(--ape-space-20vw); } .mb\:minw25vw { min-width: var(--ape-space-25vw); } .mb\:minw30vw { min-width: var(--ape-space-30vw); } .mb\:minw35vw { min-width: var(--ape-space-35vw); } .mb\:minw40vw { min-width: var(--ape-space-40vw); } .mb\:minw45vw { min-width: var(--ape-space-45vw); } .mb\:minw50vw { min-width: var(--ape-space-50vw); } .mb\:minw55vw { min-width: var(--ape-space-55vw); } .mb\:minw60vw { min-width: var(--ape-space-60vw); } .mb\:minw65vw { min-width: var(--ape-space-65vw); } .mb\:minw70vw { min-width: var(--ape-space-70vw); } .mb\:minw75vw { min-width: var(--ape-space-75vw); } .mb\:minw80vw { min-width: var(--ape-space-80vw); } .mb\:minw85vw { min-width: var(--ape-space-85vw); } .mb\:minw90vw { min-width: var(--ape-space-90vw); } .mb\:minw95vw { min-width: var(--ape-space-95vw); } .mb\:minw100vw { min-width: var(--ape-space-100vw); } .mb\:maxw10vw { max-width: var(--ape-space-10vw); } .mb\:maxw15vw { max-width: var(--ape-space-15vw); } .mb\:maxw20vw { max-width: var(--ape-space-20vw); } .mb\:maxw25vw { max-width: var(--ape-space-25vw); } .mb\:maxw30vw { max-width: var(--ape-space-30vw); } .mb\:maxw35vw { max-width: var(--ape-space-35vw); } .mb\:maxw40vw { max-width: var(--ape-space-40vw); } .mb\:maxw45vw { max-width: var(--ape-space-45vw); } .mb\:maxw50vw { max-width: var(--ape-space-50vw); } .mb\:maxw55vw { max-width: var(--ape-space-55vw); } .mb\:maxw60vw { max-width: var(--ape-space-60vw); } .mb\:maxw65vw { max-width: var(--ape-space-65vw); } .mb\:maxw70vw { max-width: var(--ape-space-70vw); } .mb\:maxw75vw { max-width: var(--ape-space-75vw); } .mb\:maxw80vw { max-width: var(--ape-space-80vw); } .mb\:maxw85vw { max-width: var(--ape-space-85vw); } .mb\:maxw90vw { max-width: var(--ape-space-90vw); } .mb\:maxw95vw { max-width: var(--ape-space-95vw); } .mb\:maxw100vw { max-width: var(--ape-space-100vw); } /**Margin**/ .mb\:m0 { margin: var(--ape-space-0);} .mb\:m1 { margin: var(--ape-space-1);} .mb\:m2 { margin: var(--ape-space-2);} .mb\:m3 { margin: var(--ape-space-3);} .mb\:m4 { margin: var(--ape-space-4);} .mb\:m5 { margin: var(--ape-space-5);} .mb\:m6 { margin: var(--ape-space-6);} .mb\:m7 { margin: var(--ape-space-7);} .mb\:m8 { margin: var(--ape-space-8);} .mb\:m9 { margin: var(--ape-space-9);} .mb\:m10 { margin: var(--ape-space-10);} .mb\:m11 { margin: var(--ape-space-11);} .mb\:m12 { margin: var(--ape-space-12);} .mb\:m13 { margin: var(--ape-space-13);} .mb\:m14 { margin: var(--ape-space-14);} .mb\:m15 { margin: var(--ape-space-15);} .mb\:m16 { margin: var(--ape-space-16);} .mb\:m17 { margin: var(--ape-space-17);} .mb\:m18 { margin: var(--ape-space-18);} .mb\:m19 { margin: var(--ape-space-19);} .mb\:m20 { margin: var(--ape-space-20);} .mb\:m21 { margin: var(--ape-space-21);} .mb\:m22 { margin: var(--ape-space-22);} .mb\:m23 { margin: var(--ape-space-23);} .mb\:m24 { margin: var(--ape-space-24);} .mb\:m25 { margin: var(--ape-space-25);} .mb\:m26 { margin: var(--ape-space-26);} .mb\:m27 { margin: var(--ape-space-27);} .mb\:m28 { margin: var(--ape-space-28);} .mb\:m29 { margin: var(--ape-space-29);} .mb\:m30 { margin: var(--ape-space-30);} .mb\:m31 { margin: var(--ape-space-31);} .mb\:m32 { margin: var(--ape-space-32);} .mb\:m33 { margin: var(--ape-space-33);} .mb\:m34 { margin: var(--ape-space-34);} .mb\:m35 { margin: var(--ape-space-35);} .mb\:m36 { margin: var(--ape-space-36);} .mb\:m37 { margin: var(--ape-space-37);} .mb\:m38 { margin: var(--ape-space-38);} .mb\:m39 { margin: var(--ape-space-39);} .mb\:m40 { margin: var(--ape-space-40);} .mb\:m41 { margin: var(--ape-space-41);} .mb\:m42 { margin: var(--ape-space-42);} .mb\:m43 { margin: var(--ape-space-43);} .mb\:m44 { margin: var(--ape-space-44);} .mb\:m45 { margin: var(--ape-space-45);} .mb\:m46 { margin: var(--ape-space-46);} .mb\:m47 { margin: var(--ape-space-47);} .mb\:m48 { margin: var(--ape-space-48);} .mb\:m49 { margin: var(--ape-space-49);} .mb\:m50 { margin: var(--ape-space-50);} .mb\:m51 { margin: var(--ape-space-51);} .mb\:m52 { margin: var(--ape-space-52);} .mb\:m53 { margin: var(--ape-space-53);} .mb\:m54 { margin: var(--ape-space-54);} .mb\:m55 { margin: var(--ape-space-55);} .mb\:m56 { margin: var(--ape-space-56);} .mb\:m57 { margin: var(--ape-space-57);} .mb\:m58 { margin: var(--ape-space-58);} .mb\:m59 { margin: var(--ape-space-59);} .mb\:m60 { margin: var(--ape-space-60);} .mb\:m61 { margin: var(--ape-space-61);} .mb\:m62 { margin: var(--ape-space-62);} .mb\:m63 { margin: var(--ape-space-63);} .mb\:m64 { margin: var(--ape-space-64);} .mb\:mauto { margin: var(--ape-space-auto);} .mb\:mpx { margin: var(--ape-space-px);} /**Margin Negative**/ .mb\:-m0 { margin: calc(var(--ape-space-0) * -1); } .mb\:-m1 { margin: calc(var(--ape-space-1) * -1); } .mb\:-m2 { margin: calc(var(--ape-space-2) * -1); } .mb\:-m3 { margin: calc(var(--ape-space-3) * -1); } .mb\:-m4 { margin: calc(var(--ape-space-4) * -1); } .mb\:-m5 { margin: calc(var(--ape-space-5) * -1); } .mb\:-m6 { margin: calc(var(--ape-space-6) * -1); } .mb\:-m7 { margin: calc(var(--ape-space-7) * -1); } .mb\:-m8 { margin: calc(var(--ape-space-8) * -1); } .mb\:-m9 { margin: calc(var(--ape-space-9) * -1); } .mb\:-m10 { margin: calc(var(--ape-space-10) * -1); } .mb\:-m11 { margin: calc(var(--ape-space-11) * -1); } .mb\:-m12 { margin: calc(var(--ape-space-12) * -1); } .mb\:-m13 { margin: calc(var(--ape-space-13) * -1); } .mb\:-m14 { margin: calc(var(--ape-space-14) * -1); } .mb\:-m15 { margin: calc(var(--ape-space-15) * -1); } .mb\:-m16 { margin: calc(var(--ape-space-16) * -1); } .mb\:-m17 { margin: calc(var(--ape-space-17) * -1); } .mb\:-m18 { margin: calc(var(--ape-space-18) * -1); } .mb\:-m19 { margin: calc(var(--ape-space-19) * -1); } .mb\:-m20 { margin: calc(var(--ape-space-20) * -1); } .mb\:-m21 { margin: calc(var(--ape-space-21) * -1); } .mb\:-m22 { margin: calc(var(--ape-space-22) * -1); } .mb\:-m23 { margin: calc(var(--ape-space-23) * -1); } .mb\:-m24 { margin: calc(var(--ape-space-24) * -1); } .mb\:-m25 { margin: calc(var(--ape-space-25) * -1); } .mb\:-m26 { margin: calc(var(--ape-space-26) * -1); } .mb\:-m27 { margin: calc(var(--ape-space-27) * -1); } .mb\:-m28 { margin: calc(var(--ape-space-28) * -1); } .mb\:-m29 { margin: calc(var(--ape-space-29) * -1); } .mb\:-m30 { margin: calc(var(--ape-space-30) * -1); } .mb\:-m31 { margin: calc(var(--ape-space-31) * -1); } .mb\:-m32 { margin: calc(var(--ape-space-32) * -1); } .mb\:-m33 { margin: calc(var(--ape-space-33) * -1); } .mb\:-m34 { margin: calc(var(--ape-space-34) * -1); } .mb\:-m35 { margin: calc(var(--ape-space-35) * -1); } .mb\:-m36 { margin: calc(var(--ape-space-36) * -1); } .mb\:-m37 { margin: calc(var(--ape-space-37) * -1); } .mb\:-m38 { margin: calc(var(--ape-space-38) * -1); } .mb\:-m39 { margin: calc(var(--ape-space-39) * -1); } .mb\:-m40 { margin: calc(var(--ape-space-40) * -1); } .mb\:-m41 { margin: calc(var(--ape-space-41) * -1); } .mb\:-m42 { margin: calc(var(--ape-space-42) * -1); } .mb\:-m43 { margin: calc(var(--ape-space-43) * -1); } .mb\:-m44 { margin: calc(var(--ape-space-44) * -1); } .mb\:-m45 { margin: calc(var(--ape-space-45) * -1); } .mb\:-m46 { margin: calc(var(--ape-space-46) * -1); } .mb\:-m47 { margin: calc(var(--ape-space-47) * -1); } .mb\:-m48 { margin: calc(var(--ape-space-48) * -1); } .mb\:-m49 { margin: calc(var(--ape-space-49) * -1); } .mb\:-m50 { margin: calc(var(--ape-space-50) * -1); } .mb\:-m51 { margin: calc(var(--ape-space-51) * -1); } .mb\:-m52 { margin: calc(var(--ape-space-52) * -1); } .mb\:-m53 { margin: calc(var(--ape-space-53) * -1); } .mb\:-m54 { margin: calc(var(--ape-space-54) * -1); } .mb\:-m55 { margin: calc(var(--ape-space-55) * -1); } .mb\:-m56 { margin: calc(var(--ape-space-56) * -1); } .mb\:-m57 { margin: calc(var(--ape-space-57) * -1); } .mb\:-m58 { margin: calc(var(--ape-space-58) * -1); } .mb\:-m59 { margin: calc(var(--ape-space-59) * -1); } .mb\:-m60 { margin: calc(var(--ape-space-60) * -1); } .mb\:-m61 { margin: calc(var(--ape-space-61) * -1); } .mb\:-m62 { margin: calc(var(--ape-space-62) * -1); } .mb\:-m63 { margin: calc(var(--ape-space-63) * -1); } .mb\:-m64 { margin: calc(var(--ape-space-64) * -1); } .mb\:-mpx { margin: calc(var(--ape-space-px) * -1); } /**Margin X Y**/ .mb\:my0 { margin-top: var(--ape-space-0); margin-bottom: var(--ape-space-0);} .mb\:mx0 { margin-left: var(--ape-space-0); margin-right: var(--ape-space-0);} .mb\:my1 { margin-top: var(--ape-space-1); margin-bottom: var(--ape-space-1);} .mb\:mx1 { margin-left: var(--ape-space-1); margin-right: var(--ape-space-1);} .mb\:my2 { margin-top: var(--ape-space-2); margin-bottom: var(--ape-space-2);} .mb\:mx2 { margin-left: var(--ape-space-2); margin-right: var(--ape-space-2);} .mb\:my3 { margin-top: var(--ape-space-3); margin-bottom: var(--ape-space-3);} .mb\:mx3 { margin-left: var(--ape-space-3); margin-right: var(--ape-space-3);} .mb\:my4 { margin-top: var(--ape-space-4); margin-bottom: var(--ape-space-4);} .mb\:mx4 { margin-left: var(--ape-space-4); margin-right: var(--ape-space-4);} .mb\:my5 { margin-top: var(--ape-space-5); margin-bottom: var(--ape-space-5);} .mb\:mx5 { margin-left: var(--ape-space-5); margin-right: var(--ape-space-5);} .mb\:my6 { margin-top: var(--ape-space-6); margin-bottom: var(--ape-space-6);} .mb\:mx6 { margin-left: var(--ape-space-6); margin-right: var(--ape-space-6);} .mb\:my7 { margin-top: var(--ape-space-7); margin-bottom: var(--ape-space-7);} .mb\:mx7 { margin-left: var(--ape-space-7); margin-right: var(--ape-space-7);} .mb\:my8 { margin-top: var(--ape-space-8); margin-bottom: var(--ape-space-8);} .mb\:mx8 { margin-left: var(--ape-space-8); margin-right: var(--ape-space-8);} .mb\:my9 { margin-top: var(--ape-space-9); margin-bottom: var(--ape-space-9);} .mb\:mx9 { margin-left: var(--ape-space-9); margin-right: var(--ape-space-9);} .mb\:my10 { margin-top: var(--ape-space-10); margin-bottom: var(--ape-space-10);} .mb\:mx10 { margin-left: var(--ape-space-10); margin-right: var(--ape-space-10);} .mb\:my11 { margin-top: var(--ape-space-11); margin-bottom: var(--ape-space-11);} .mb\:mx11 { margin-left: var(--ape-space-11); margin-right: var(--ape-space-11);} .mb\:my12 { margin-top: var(--ape-space-12); margin-bottom: var(--ape-space-12);} .mb\:mx12 { margin-left: var(--ape-space-12); margin-right: var(--ape-space-12);} .mb\:my13 { margin-top: var(--ape-space-13); margin-bottom: var(--ape-space-13);} .mb\:mx13 { margin-left: var(--ape-space-13); margin-right: var(--ape-space-13);} .mb\:my14 { margin-top: var(--ape-space-14); margin-bottom: var(--ape-space-14);} .mb\:mx14 { margin-left: var(--ape-space-14); margin-right: var(--ape-space-14);} .mb\:my15 { margin-top: var(--ape-space-15); margin-bottom: var(--ape-space-15);} .mb\:mx15 { margin-left: var(--ape-space-15); margin-right: var(--ape-space-15);} .mb\:my16 { margin-top: var(--ape-space-16); margin-bottom: var(--ape-space-16);} .mb\:mx16 { margin-left: var(--ape-space-16); margin-right: var(--ape-space-16);} .mb\:my17 { margin-top: var(--ape-space-17); margin-bottom: var(--ape-space-17);} .mb\:mx17 { margin-left: var(--ape-space-17); margin-right: var(--ape-space-17);} .mb\:my18 { margin-top: var(--ape-space-18); margin-bottom: var(--ape-space-18);} .mb\:mx18 { margin-left: var(--ape-space-18); margin-right: var(--ape-space-18);} .mb\:my19 { margin-top: var(--ape-space-19); margin-bottom: var(--ape-space-19);} .mb\:mx19 { margin-left: var(--ape-space-19); margin-right: var(--ape-space-19);} .mb\:my20 { margin-top: var(--ape-space-20); margin-bottom: var(--ape-space-20);} .mb\:mx20 { margin-left: var(--ape-space-20); margin-right: var(--ape-space-20);} .mb\:my21 { margin-top: var(--ape-space-21); margin-bottom: var(--ape-space-21);} .mb\:mx21 { margin-left: var(--ape-space-21); margin-right: var(--ape-space-21);} .mb\:my22 { margin-top: var(--ape-space-22); margin-bottom: var(--ape-space-22);} .mb\:mx22 { margin-left: var(--ape-space-22); margin-right: var(--ape-space-22);} .mb\:my23 { margin-top: var(--ape-space-23); margin-bottom: var(--ape-space-23);} .mb\:mx23 { margin-left: var(--ape-space-23); margin-right: var(--ape-space-23);} .mb\:my24 { margin-top: var(--ape-space-24); margin-bottom: var(--ape-space-24);} .mb\:mx24 { margin-left: var(--ape-space-24); margin-right: var(--ape-space-24);} .mb\:my25 { margin-top: var(--ape-space-25); margin-bottom: var(--ape-space-25);} .mb\:mx25 { margin-left: var(--ape-space-25); margin-right: var(--ape-space-25);} .mb\:my26 { margin-top: var(--ape-space-26); margin-bottom: var(--ape-space-26);} .mb\:mx26 { margin-left: var(--ape-space-26); margin-right: var(--ape-space-26);} .mb\:my27 { margin-top: var(--ape-space-27); margin-bottom: var(--ape-space-27);} .mb\:mx27 { margin-left: var(--ape-space-27); margin-right: var(--ape-space-27);} .mb\:my28 { margin-top: var(--ape-space-28); margin-bottom: var(--ape-space-28);} .mb\:mx28 { margin-left: var(--ape-space-28); margin-right: var(--ape-space-28);} .mb\:my29 { margin-top: var(--ape-space-29); margin-bottom: var(--ape-space-29);} .mb\:mx29 { margin-left: var(--ape-space-29); margin-right: var(--ape-space-29);} .mb\:my30 { margin-top: var(--ape-space-30); margin-bottom: var(--ape-space-30);} .mb\:mx30 { margin-left: var(--ape-space-30); margin-right: var(--ape-space-30);} .mb\:my31 { margin-top: var(--ape-space-31); margin-bottom: var(--ape-space-31);} .mb\:mx31 { margin-left: var(--ape-space-31); margin-right: var(--ape-space-31);} .mb\:my32 { margin-top: var(--ape-space-32); margin-bottom: var(--ape-space-32);} .mb\:mx32 { margin-left: var(--ape-space-32); margin-right: var(--ape-space-32);} .mb\:my33 { margin-top: var(--ape-space-33); margin-bottom: var(--ape-space-33);} .mb\:mx33 { margin-left: var(--ape-space-33); margin-right: var(--ape-space-33);} .mb\:my34 { margin-top: var(--ape-space-34); margin-bottom: var(--ape-space-34);} .mb\:mx34 { margin-left: var(--ape-space-34); margin-right: var(--ape-space-34);} .mb\:my35 { margin-top: var(--ape-space-35); margin-bottom: var(--ape-space-35);} .mb\:mx35 { margin-left: var(--ape-space-35); margin-right: var(--ape-space-35);} .mb\:my36 { margin-top: var(--ape-space-36); margin-bottom: var(--ape-space-36);} .mb\:mx36 { margin-left: var(--ape-space-36); margin-right: var(--ape-space-36);} .mb\:my37 { margin-top: var(--ape-space-37); margin-bottom: var(--ape-space-37);} .mb\:mx37 { margin-left: var(--ape-space-37); margin-right: var(--ape-space-37);} .mb\:my38 { margin-top: var(--ape-space-38); margin-bottom: var(--ape-space-38);} .mb\:mx38 { margin-left: var(--ape-space-38); margin-right: var(--ape-space-38);} .mb\:myauto { margin-top: var(--ape-space-auto); margin-bottom: var(--ape-space-auto);} .mb\:mxauto { margin-left: var(--ape-space-auto); margin-right: var(--ape-space-auto);} .mb\:mypx { margin-top: var(--ape-space-px); margin-bottom: var(--ape-space-px);} .mb\:mxpx { margin-left: var(--ape-space-px); margin-right: var(--ape-space-px);} /**Margin x y Negative**/ .mb\:-my0 { margin-top: calc(var(--ape-space-0) * -1); margin-bottom: calc(var(--ape-space-0) * -1);} .mb\:-mx0 { margin-left: calc(var(--ape-space-0) * -1); margin-right: calc(var(--ape-space-0) * -1);} .mb\:-my1 { margin-top: calc(var(--ape-space-1) * -1); margin-bottom: calc(var(--ape-space-1) * -1);} .mb\:-mx1 { margin-left: calc(var(--ape-space-1) * -1); margin-right: calc(var(--ape-space-1) * -1);} .mb\:-my2 { margin-top: calc(var(--ape-space-2) * -1); margin-bottom: calc(var(--ape-space-2) * -1);} .mb\:-mx2 { margin-left: calc(var(--ape-space-2) * -1); margin-right: calc(var(--ape-space-2) * -1);} .mb\:-my3 { margin-top: calc(var(--ape-space-3) * -1); margin-bottom: calc(var(--ape-space-3) * -1);} .mb\:-mx3 { margin-left: calc(var(--ape-space-3) * -1); margin-right: calc(var(--ape-space-3) * -1);} .mb\:-my4 { margin-top: calc(var(--ape-space-4) * -1); margin-bottom: calc(var(--ape-space-4) * -1);} .mb\:-mx4 { margin-left: calc(var(--ape-space-4) * -1); margin-right: calc(var(--ape-space-4) * -1);} .mb\:-my5 { margin-top: calc(var(--ape-space-5) * -1); margin-bottom: calc(var(--ape-space-5) * -1);} .mb\:-mx5 { margin-left: calc(var(--ape-space-5) * -1); margin-right: calc(var(--ape-space-5) * -1);} .mb\:-my6 { margin-top: calc(var(--ape-space-6) * -1); margin-bottom: calc(var(--ape-space-6) * -1);} .mb\:-mx6 { margin-left: calc(var(--ape-space-6) * -1); margin-right: calc(var(--ape-space-6) * -1);} .mb\:-my7 { margin-top: calc(var(--ape-space-7) * -1); margin-bottom: calc(var(--ape-space-7) * -1);} .mb\:-mx7 { margin-left: calc(var(--ape-space-7) * -1); margin-right: calc(var(--ape-space-7) * -1);} .mb\:-my8 { margin-top: calc(var(--ape-space-8) * -1); margin-bottom: calc(var(--ape-space-8) * -1);} .mb\:-mx8 { margin-left: calc(var(--ape-space-8) * -1); margin-right: calc(var(--ape-space-8) * -1);} .mb\:-my9 { margin-top: calc(var(--ape-space-9) * -1); margin-bottom: calc(var(--ape-space-9) * -1);} .mb\:-mx9 { margin-left: calc(var(--ape-space-9) * -1); margin-right: calc(var(--ape-space-9) * -1);} .mb\:-my10 { margin-top: calc(var(--ape-space-10) * -1); margin-bottom: calc(var(--ape-space-10) * -1);} .mb\:-mx10 { margin-left: calc(var(--ape-space-10) * -1); margin-right: calc(var(--ape-space-10) * -1);} .mb\:-my11 { margin-top: calc(var(--ape-space-11) * -1); margin-bottom: calc(var(--ape-space-11) * -1);} .mb\:-mx11 { margin-left: calc(var(--ape-space-11) * -1); margin-right: calc(var(--ape-space-11) * -1);} .mb\:-my12 { margin-top: calc(var(--ape-space-12) * -1); margin-bottom: calc(var(--ape-space-12) * -1);} .mb\:-mx12 { margin-left: calc(var(--ape-space-12) * -1); margin-right: calc(var(--ape-space-12) * -1);} .mb\:-my13 { margin-top: calc(var(--ape-space-13) * -1); margin-bottom: calc(var(--ape-space-13) * -1);} .mb\:-mx13 { margin-left: calc(var(--ape-space-13) * -1); margin-right: calc(var(--ape-space-13) * -1);} .mb\:-my14 { margin-top: calc(var(--ape-space-14) * -1); margin-bottom: calc(var(--ape-space-14) * -1);} .mb\:-mx14 { margin-left: calc(var(--ape-space-14) * -1); margin-right: calc(var(--ape-space-14) * -1);} .mb\:-my15 { margin-top: calc(var(--ape-space-15) * -1); margin-bottom: calc(var(--ape-space-15) * -1);} .mb\:-mx15 { margin-left: calc(var(--ape-space-15) * -1); margin-right: calc(var(--ape-space-15) * -1);} .mb\:-my16 { margin-top: calc(var(--ape-space-16) * -1); margin-bottom: calc(var(--ape-space-16) * -1);} .mb\:-mx16 { margin-left: calc(var(--ape-space-16) * -1); margin-right: calc(var(--ape-space-16) * -1);} .mb\:-my17 { margin-top: calc(var(--ape-space-17) * -1); margin-bottom: calc(var(--ape-space-17) * -1);} .mb\:-mx17 { margin-left: calc(var(--ape-space-17) * -1); margin-right: calc(var(--ape-space-17) * -1);} .mb\:-my18 { margin-top: calc(var(--ape-space-18) * -1); margin-bottom: calc(var(--ape-space-18) * -1);} .mb\:-mx18 { margin-left: calc(var(--ape-space-18) * -1); margin-right: calc(var(--ape-space-18) * -1);} .mb\:-my19 { margin-top: calc(var(--ape-space-19) * -1); margin-bottom: calc(var(--ape-space-19) * -1);} .mb\:-mx19 { margin-left: calc(var(--ape-space-19) * -1); margin-right: calc(var(--ape-space-19) * -1);} .mb\:-my20 { margin-top: calc(var(--ape-space-20) * -1); margin-bottom: calc(var(--ape-space-20) * -1);} .mb\:-mx20 { margin-left: calc(var(--ape-space-20) * -1); margin-right: calc(var(--ape-space-20) * -1);} .mb\:-my21 { margin-top: calc(var(--ape-space-21) * -1); margin-bottom: calc(var(--ape-space-21) * -1);} .mb\:-mx21 { margin-left: calc(var(--ape-space-21) * -1); margin-right: calc(var(--ape-space-21) * -1);} .mb\:-my22 { margin-top: calc(var(--ape-space-22) * -1); margin-bottom: calc(var(--ape-space-22) * -1);} .mb\:-mx22 { margin-left: calc(var(--ape-space-22) * -1); margin-right: calc(var(--ape-space-22) * -1);} .mb\:-my23 { margin-top: calc(var(--ape-space-23) * -1); margin-bottom: calc(var(--ape-space-23) * -1);} .mb\:-mx23 { margin-left: calc(var(--ape-space-23) * -1); margin-right: calc(var(--ape-space-23) * -1);} .mb\:-my24 { margin-top: calc(var(--ape-space-24) * -1); margin-bottom: calc(var(--ape-space-24) * -1);} .mb\:-mx24 { margin-left: calc(var(--ape-space-24) * -1); margin-right: calc(var(--ape-space-24) * -1);} .mb\:-my25 { margin-top: calc(var(--ape-space-25) * -1); margin-bottom: calc(var(--ape-space-25) * -1);} .mb\:-mx25 { margin-left: calc(var(--ape-space-25) * -1); margin-right: calc(var(--ape-space-25) * -1);} .mb\:-my26 { margin-top: calc(var(--ape-space-26) * -1); margin-bottom: calc(var(--ape-space-26) * -1);} .mb\:-mx26 { margin-left: calc(var(--ape-space-26) * -1); margin-right: calc(var(--ape-space-26) * -1);} .mb\:-my27 { margin-top: calc(var(--ape-space-27) * -1); margin-bottom: calc(var(--ape-space-27) * -1);} .mb\:-mx27 { margin-left: calc(var(--ape-space-27) * -1); margin-right: calc(var(--ape-space-27) * -1);} .mb\:-my28 { margin-top: calc(var(--ape-space-28) * -1); margin-bottom: calc(var(--ape-space-28) * -1);} .mb\:-mx28 { margin-left: calc(var(--ape-space-28) * -1); margin-right: calc(var(--ape-space-28) * -1);} .mb\:-my29 { margin-top: calc(var(--ape-space-29) * -1); margin-bottom: calc(var(--ape-space-29) * -1);} .mb\:-mx29 { margin-left: calc(var(--ape-space-29) * -1); margin-right: calc(var(--ape-space-29) * -1);} .mb\:-my30 { margin-top: calc(var(--ape-space-30) * -1); margin-bottom: calc(var(--ape-space-30) * -1);} .mb\:-mx30 { margin-left: calc(var(--ape-space-30) * -1); margin-right: calc(var(--ape-space-30) * -1);} .mb\:-my31 { margin-top: calc(var(--ape-space-31) * -1); margin-bottom: calc(var(--ape-space-31) * -1);} .mb\:-mx31 { margin-left: calc(var(--ape-space-31) * -1); margin-right: calc(var(--ape-space-31) * -1);} .mb\:-my32 { margin-top: calc(var(--ape-space-32) * -1); margin-bottom: calc(var(--ape-space-32) * -1);} .mb\:-mx32 { margin-left: calc(var(--ape-space-32) * -1); margin-right: calc(var(--ape-space-32) * -1);} .mb\:-my33 { margin-top: calc(var(--ape-space-33) * -1); margin-bottom: calc(var(--ape-space-33) * -1);} .mb\:-mx33 { margin-left: calc(var(--ape-space-33) * -1); margin-right: calc(var(--ape-space-33) * -1);} .mb\:-my34 { margin-top: calc(var(--ape-space-34) * -1); margin-bottom: calc(var(--ape-space-34) * -1);} .mb\:-mx34 { margin-left: calc(var(--ape-space-34) * -1); margin-right: calc(var(--ape-space-34) * -1);} .mb\:-my35 { margin-top: calc(var(--ape-space-35) * -1); margin-bottom: calc(var(--ape-space-35) * -1);} .mb\:-mx35 { margin-left: calc(var(--ape-space-35) * -1); margin-right: calc(var(--ape-space-35) * -1);} .mb\:-my36 { margin-top: calc(var(--ape-space-36) * -1); margin-bottom: calc(var(--ape-space-36) * -1);} .mb\:-mx36 { margin-left: calc(var(--ape-space-36) * -1); margin-right: calc(var(--ape-space-36) * -1);} .mb\:-my37 { margin-top: calc(var(--ape-space-37) * -1); margin-bottom: calc(var(--ape-space-37) * -1);} .mb\:-mx37 { margin-left: calc(var(--ape-space-37) * -1); margin-right: calc(var(--ape-space-37) * -1);} .mb\:-my38 { margin-top: calc(var(--ape-space-38) * -1); margin-bottom: calc(var(--ape-space-38) * -1);} .mb\:-mx38 { margin-left: calc(var(--ape-space-38) * -1); margin-right: calc(var(--ape-space-38) * -1);} .mb\:-mypx { margin-top: calc(var(--ape-space-px) * -1); margin-bottom: calc(var(--ape-space-px) * -1);} .mb\:-mxpx { margin-left: calc(var(--ape-space-px) * -1); margin-right: calc(var(--ape-space-px) * -1);} /**Margin top right bottom left*/ .mb\:mt0 { margin-top: var(--ape-space-0);} .mb\:mr0 { margin-right: var(--ape-space-0);} .mb\:mb0 { margin-bottom: var(--ape-space-0);} .mb\:ml0 { margin-left: var(--ape-space-0);} .mb\:mt1 { margin-top: var(--ape-space-1);} .mb\:mr1 { margin-right: var(--ape-space-1);} .mb\:mb1 { margin-bottom: var(--ape-space-1);} .mb\:ml1 { margin-left: var(--ape-space-1);} .mb\:mt2 { margin-top: var(--ape-space-2);} .mb\:mr2 { margin-right: var(--ape-space-2);} .mb\:mb2 { margin-bottom: var(--ape-space-2);} .mb\:ml2 { margin-left: var(--ape-space-2);} .mb\:mt3 { margin-top: var(--ape-space-3);} .mb\:mr3 { margin-right: var(--ape-space-3);} .mb\:mb3 { margin-bottom: var(--ape-space-3);} .mb\:ml3 { margin-left: var(--ape-space-3);} .mb\:mt4 { margin-top: var(--ape-space-4);} .mb\:mr4 { margin-right: var(--ape-space-4);} .mb\:mb4 { margin-bottom: var(--ape-space-4);} .mb\:ml4 { margin-left: var(--ape-space-4);} .mb\:mt5 { margin-top: var(--ape-space-5);} .mb\:mr5 { margin-right: var(--ape-space-5);} .mb\:mb5 { margin-bottom: var(--ape-space-5);} .mb\:ml5 { margin-left: var(--ape-space-5);} .mb\:mt6 { margin-top: var(--ape-space-6);} .mb\:mr6 { margin-right: var(--ape-space-6);} .mb\:mb6 { margin-bottom: var(--ape-space-6);} .mb\:ml6 { margin-left: var(--ape-space-6);} .mb\:mt7 { margin-top: var(--ape-space-7);} .mb\:mr7 { margin-right: var(--ape-space-7);} .mb\:mb7 { margin-bottom: var(--ape-space-7);} .mb\:ml7 { margin-left: var(--ape-space-7);} .mb\:mt8 { margin-top: var(--ape-space-8);} .mb\:mr8 { margin-right: var(--ape-space-8);} .mb\:mb8 { margin-bottom: var(--ape-space-8);} .mb\:ml8 { margin-left: var(--ape-space-8);} .mb\:mt9 { margin-top: var(--ape-space-9);} .mb\:mr9 { margin-right: var(--ape-space-9);} .mb\:mb9 { margin-bottom: var(--ape-space-9);} .mb\:ml9 { margin-left: var(--ape-space-9);} .mb\:mt10 { margin-top: var(--ape-space-10);} .mb\:mr10 { margin-right: var(--ape-space-10);} .mb\:mb10 { margin-bottom: var(--ape-space-10);} .mb\:ml10 { margin-left: var(--ape-space-10);} .mb\:mt11 { margin-top: var(--ape-space-11);} .mb\:mr11 { margin-right: var(--ape-space-11);} .mb\:mb11 { margin-bottom: var(--ape-space-11);} .mb\:ml11 { margin-left: var(--ape-space-11);} .mb\:mt12 { margin-top: var(--ape-space-12);} .mb\:mr12 { margin-right: var(--ape-space-12);} .mb\:mb12 { margin-bottom: var(--ape-space-12);} .mb\:ml12 { margin-left: var(--ape-space-12);} .mb\:mt13 { margin-top: var(--ape-space-13);} .mb\:mr13 { margin-right: var(--ape-space-13);} .mb\:mb13 { margin-bottom: var(--ape-space-13);} .mb\:ml13 { margin-left: var(--ape-space-13);} .mb\:mt14 { margin-top: var(--ape-space-14);} .mb\:mr14 { margin-right: var(--ape-space-14);} .mb\:mb14 { margin-bottom: var(--ape-space-14);} .mb\:ml14 { margin-left: var(--ape-space-14);} .mb\:mt15 { margin-top: var(--ape-space-15);} .mb\:mr15 { margin-right: var(--ape-space-15);} .mb\:mb15 { margin-bottom: var(--ape-space-15);} .mb\:ml15 { margin-left: var(--ape-space-15);} .mb\:mt16 { margin-top: var(--ape-space-16);} .mb\:mr16 { margin-right: var(--ape-space-16);} .mb\:mb16 { margin-bottom: var(--ape-space-16);} .mb\:ml16 { margin-left: var(--ape-space-16);} .mb\:mt17 { margin-top: var(--ape-space-17);} .mb\:mr17 { margin-right: var(--ape-space-17);} .mb\:mb17 { margin-bottom: var(--ape-space-17);} .mb\:ml17 { margin-left: var(--ape-space-17);} .mb\:mt18 { margin-top: var(--ape-space-18);} .mb\:mr18 { margin-right: var(--ape-space-18);} .mb\:mb18 { margin-bottom: var(--ape-space-18);} .mb\:ml18 { margin-left: var(--ape-space-18);} .mb\:mt19 { margin-top: var(--ape-space-19);} .mb\:mr19 { margin-right: var(--ape-space-19);} .mb\:mb19 { margin-bottom: var(--ape-space-19);} .mb\:ml19 { margin-left: var(--ape-space-19);} .mb\:mt20 { margin-top: var(--ape-space-20);} .mb\:mr20 { margin-right: var(--ape-space-20);} .mb\:mb20 { margin-bottom: var(--ape-space-20);} .mb\:ml20 { margin-left: var(--ape-space-20);} .mb\:mt21 { margin-top: var(--ape-space-21);} .mb\:mr21 { margin-right: var(--ape-space-21);} .mb\:mb21 { margin-bottom: var(--ape-space-21);} .mb\:ml21 { margin-left: var(--ape-space-21);} .mb\:mt22 { margin-top: var(--ape-space-22);} .mb\:mr22 { margin-right: var(--ape-space-22);} .mb\:mb22 { margin-bottom: var(--ape-space-22);} .mb\:ml22 { margin-left: var(--ape-space-22);} .mb\:mt23 { margin-top: var(--ape-space-23);} .mb\:mr23 { margin-right: var(--ape-space-23);} .mb\:mb23 { margin-bottom: var(--ape-space-23);} .mb\:ml23 { margin-left: var(--ape-space-23);} .mb\:mt24 { margin-top: var(--ape-space-24);} .mb\:mr24 { margin-right: var(--ape-space-24);} .mb\:mb24 { margin-bottom: var(--ape-space-24);} .mb\:ml24 { margin-left: var(--ape-space-24);} .mb\:mt25 { margin-top: var(--ape-space-25);} .mb\:mr25 { margin-right: var(--ape-space-25);} .mb\:mb25 { margin-bottom: var(--ape-space-25);} .mb\:ml25 { margin-left: var(--ape-space-25);} .mb\:mt26 { margin-top: var(--ape-space-26);} .mb\:mr26 { margin-right: var(--ape-space-26);} .mb\:mb26 { margin-bottom: var(--ape-space-26);} .mb\:ml26 { margin-left: var(--ape-space-26);} .mb\:mt27 { margin-top: var(--ape-space-27);} .mb\:mr27 { margin-right: var(--ape-space-27);} .mb\:mb27 { margin-bottom: var(--ape-space-27);} .mb\:ml27 { margin-left: var(--ape-space-27);} .mb\:mt28 { margin-top: var(--ape-space-28);} .mb\:mr28 { margin-right: var(--ape-space-28);} .mb\:mb28 { margin-bottom: var(--ape-space-28);} .mb\:ml28 { margin-left: var(--ape-space-28);} .mb\:mt29 { margin-top: var(--ape-space-29);} .mb\:mr29 { margin-right: var(--ape-space-29);} .mb\:mb29 { margin-bottom: var(--ape-space-29);} .mb\:ml29 { margin-left: var(--ape-space-29);} .mb\:mt30 { margin-top: var(--ape-space-30);} .mb\:mr30 { margin-right: var(--ape-space-30);} .mb\:mb30 { margin-bottom: var(--ape-space-30);} .mb\:ml30 { margin-left: var(--ape-space-30);} .mb\:mt31 { margin-top: var(--ape-space-31);} .mb\:mr31 { margin-right: var(--ape-space-31);} .mb\:mb31 { margin-bottom: var(--ape-space-31);} .mb\:ml31 { margin-left: var(--ape-space-31);} .mb\:mt32 { margin-top: var(--ape-space-32);} .mb\:mr32 { margin-right: var(--ape-space-32);} .mb\:mb32 { margin-bottom: var(--ape-space-32);} .mb\:ml32 { margin-left: var(--ape-space-32);} .mb\:mt33 { margin-top: var(--ape-space-33);} .mb\:mr33 { margin-right: var(--ape-space-33);} .mb\:mb33 { margin-bottom: var(--ape-space-33);} .mb\:ml33 { margin-left: var(--ape-space-33);} .mb\:mt34 { margin-top: var(--ape-space-34);} .mb\:mr34 { margin-right: var(--ape-space-34);} .mb\:mb34 { margin-bottom: var(--ape-space-34);} .mb\:ml34 { margin-left: var(--ape-space-34);} .mb\:mt35 { margin-top: var(--ape-space-35);} .mb\:mr35 { margin-right: var(--ape-space-35);} .mb\:mb35 { margin-bottom: var(--ape-space-35);} .mb\:ml35 { margin-left: var(--ape-space-35);} .mb\:mt36 { margin-top: var(--ape-space-36);} .mb\:mr36 { margin-right: var(--ape-space-36);} .mb\:mb36 { margin-bottom: var(--ape-space-36);} .mb\:ml36 { margin-left: var(--ape-space-36);} .mb\:mt37 { margin-top: var(--ape-space-37);} .mb\:mr37 { margin-right: var(--ape-space-37);} .mb\:mb37 { margin-bottom: var(--ape-space-37);} .mb\:ml37 { margin-left: var(--ape-space-37);} .mb\:mt38 { margin-top: var(--ape-space-38);} .mb\:mr38 { margin-right: var(--ape-space-38);} .mb\:mb38 { margin-bottom: var(--ape-space-38);} .mb\:ml38 { margin-left: var(--ape-space-38);} .mb\:mt39 { margin-top: var(--ape-space-39);} .mb\:mr39 { margin-right: var(--ape-space-39);} .mb\:mb39 { margin-bottom: var(--ape-space-39);} .mb\:ml39 { margin-left: var(--ape-space-39);} .mb\:mt40 { margin-top: var(--ape-space-40);} .mb\:mr40 { margin-right: var(--ape-space-40);} .mb\:mb40 { margin-bottom: var(--ape-space-40);} .mb\:ml40 { margin-left: var(--ape-space-40);} .mb\:mt41 { margin-top: var(--ape-space-41);} .mb\:mr41 { margin-right: var(--ape-space-41);} .mb\:mb41 { margin-bottom: var(--ape-space-41);} .mb\:ml41 { margin-left: var(--ape-space-41);} .mb\:mt42 { margin-top: var(--ape-space-42);} .mb\:mr42 { margin-right: var(--ape-space-42);} .mb\:mb42 { margin-bottom: var(--ape-space-42);} .mb\:ml42 { margin-left: var(--ape-space-42);} .mb\:mt43 { margin-top: var(--ape-space-43);} .mb\:mr43 { margin-right: var(--ape-space-43);} .mb\:mb43 { margin-bottom: var(--ape-space-43);} .mb\:ml43 { margin-left: var(--ape-space-43);} .mb\:mt44 { margin-top: var(--ape-space-44);} .mb\:mr44 { margin-right: var(--ape-space-44);} .mb\:mb44 { margin-bottom: var(--ape-space-44);} .mb\:ml44 { margin-left: var(--ape-space-44);} .mb\:mt45 { margin-top: var(--ape-space-45);} .mb\:mr45 { margin-right: var(--ape-space-45);} .mb\:mb45 { margin-bottom: var(--ape-space-45);} .mb\:ml45 { margin-left: var(--ape-space-45);} .mb\:mt46 { margin-top: var(--ape-space-46);} .mb\:mr46 { margin-right: var(--ape-space-46);} .mb\:mb46 { margin-bottom: var(--ape-space-46);} .mb\:ml46 { margin-left: var(--ape-space-46);} .mb\:mt47 { margin-top: var(--ape-space-47);} .mb\:mr47 { margin-right: var(--ape-space-47);} .mb\:mb47 { margin-bottom: var(--ape-space-47);} .mb\:ml47 { margin-left: var(--ape-space-47);} .mb\:mt48 { margin-top: var(--ape-space-48);} .mb\:mr48 { margin-right: var(--ape-space-48);} .mb\:mb48 { margin-bottom: var(--ape-space-48);} .mb\:ml48 { margin-left: var(--ape-space-48);} .mb\:mt49 { margin-top: var(--ape-space-49);} .mb\:mr49 { margin-right: var(--ape-space-49);} .mb\:mb49 { margin-bottom: var(--ape-space-49);} .mb\:ml49 { margin-left: var(--ape-space-49);} .mb\:mt50 { margin-top: var(--ape-space-50);} .mb\:mr50 { margin-right: var(--ape-space-50);} .mb\:mb50 { margin-bottom: var(--ape-space-50);} .mb\:ml50 { margin-left: var(--ape-space-50);} .mb\:mt51 { margin-top: var(--ape-space-51);} .mb\:mr51 { margin-right: var(--ape-space-51);} .mb\:mb51 { margin-bottom: var(--ape-space-51);} .mb\:ml51 { margin-left: var(--ape-space-51);} .mb\:mt52 { margin-top: var(--ape-space-52);} .mb\:mr52 { margin-right: var(--ape-space-52);} .mb\:mb52 { margin-bottom: var(--ape-space-52);} .mb\:ml52 { margin-left: var(--ape-space-52);} .mb\:mt53 { margin-top: var(--ape-space-53);} .mb\:mr53 { margin-right: var(--ape-space-53);} .mb\:mb53 { margin-bottom: var(--ape-space-53);} .mb\:ml53 { margin-left: var(--ape-space-53);} .mb\:mt54 { margin-top: var(--ape-space-54);} .mb\:mr54 { margin-right: var(--ape-space-54);} .mb\:mb54 { margin-bottom: var(--ape-space-54);} .mb\:ml54 { margin-left: var(--ape-space-54);} .mb\:mt55 { margin-top: var(--ape-space-55);} .mb\:mr55 { margin-right: var(--ape-space-55);} .mb\:mb55 { margin-bottom: var(--ape-space-55);} .mb\:ml55 { margin-left: var(--ape-space-55);} .mb\:mt56 { margin-top: var(--ape-space-56);} .mb\:mr56 { margin-right: var(--ape-space-56);} .mb\:mb56 { margin-bottom: var(--ape-space-56);} .mb\:ml56 { margin-left: var(--ape-space-56);} .mb\:mt57 { margin-top: var(--ape-space-57);} .mb\:mr57 { margin-right: var(--ape-space-57);} .mb\:mb57 { margin-bottom: var(--ape-space-57);} .mb\:ml57 { margin-left: var(--ape-space-57);} .mb\:mt58 { margin-top: var(--ape-space-58);} .mb\:mr58 { margin-right: var(--ape-space-58);} .mb\:mb58 { margin-bottom: var(--ape-space-58);} .mb\:ml58 { margin-left: var(--ape-space-58);} .mb\:mt59 { margin-top: var(--ape-space-59);} .mb\:mr59 { margin-right: var(--ape-space-59);} .mb\:mb59 { margin-bottom: var(--ape-space-59);} .mb\:ml59 { margin-left: var(--ape-space-59);} .mb\:mt60 { margin-top: var(--ape-space-60);} .mb\:mr60 { margin-right: var(--ape-space-60);} .mb\:mb60 { margin-bottom: var(--ape-space-60);} .mb\:ml60 { margin-left: var(--ape-space-60);} .mb\:mt61 { margin-top: var(--ape-space-61);} .mb\:mr61 { margin-right: var(--ape-space-61);} .mb\:mb61 { margin-bottom: var(--ape-space-61);} .mb\:ml61 { margin-left: var(--ape-space-61);} .mb\:mt62 { margin-top: var(--ape-space-62);} .mb\:mr62 { margin-right: var(--ape-space-62);} .mb\:mb62 { margin-bottom: var(--ape-space-62);} .mb\:ml62 { margin-left: var(--ape-space-62);} .mb\:mt63 { margin-top: var(--ape-space-63);} .mb\:mr63 { margin-right: var(--ape-space-63);} .mb\:mb63 { margin-bottom: var(--ape-space-63);} .mb\:ml63 { margin-left: var(--ape-space-63);} .mb\:mt64 { margin-top: var(--ape-space-64);} .mb\:mr64 { margin-right: var(--ape-space-64);} .mb\:mb64 { margin-bottom: var(--ape-space-64);} .mb\:ml64 { margin-left: var(--ape-space-64);} .mb\:mtauto { margin-top: var(--ape-space-auto);} .mb\:mrauto { margin-right: var(--ape-space-auto);} .mb\:mbauto { margin-bottom: var(--ape-space-auto);} .mb\:mlauto { margin-left: var(--ape-space-auto);} .mb\:mtpx { margin-top: var(--ape-space-px);} .mb\:mrpx { margin-right: var(--ape-space-px);} .mb\:mbpx { margin-bottom: var(--ape-space-px);} .mb\:mlpx { margin-left: var(--ape-space-px);} /**Margin Negative**/ .mb\:-mt1 { margin-top: calc(var(--ape-space-1) * -1);} .mb\:-mr1 { margin-right: calc(var(--ape-space-1) * -1);} .mb\:-mb1 { margin-bottom: calc(var(--ape-space-1) * -1);} .mb\:-ml1 { margin-left: calc(var(--ape-space-1) * -1);} .mb\:-mt2 { margin-top: calc(var(--ape-space-2) * -1);} .mb\:-mr2 { margin-right: calc(var(--ape-space-2) * -1);} .mb\:-mb2 { margin-bottom: calc(var(--ape-space-2) * -1);} .mb\:-ml2 { margin-left: calc(var(--ape-space-2) * -1);} .mb\:-mt3 { margin-top: calc(var(--ape-space-3) * -1);} .mb\:-mr3 { margin-right: calc(var(--ape-space-3) * -1);} .mb\:-mb3 { margin-bottom: calc(var(--ape-space-3) * -1);} .mb\:-ml3 { margin-left: calc(var(--ape-space-3) * -1);} .mb\:-mt4 { margin-top: calc(var(--ape-space-4) * -1);} .mb\:-mr4 { margin-right: calc(var(--ape-space-4) * -1);} .mb\:-mb4 { margin-bottom: calc(var(--ape-space-4) * -1);} .mb\:-ml4 { margin-left: calc(var(--ape-space-4) * -1);} .mb\:-mt5 { margin-top: calc(var(--ape-space-5) * -1);} .mb\:-mr5 { margin-right: calc(var(--ape-space-5) * -1);} .mb\:-mb5 { margin-bottom: calc(var(--ape-space-5) * -1);} .mb\:-ml5 { margin-left: calc(var(--ape-space-5) * -1);} .mb\:-mt6 { margin-top: calc(var(--ape-space-6) * -1);} .mb\:-mr6 { margin-right: calc(var(--ape-space-6) * -1);} .mb\:-mb6 { margin-bottom: calc(var(--ape-space-6) * -1);} .mb\:-ml6 { margin-left: calc(var(--ape-space-6) * -1);} .mb\:-mt7 { margin-top: calc(var(--ape-space-7) * -1);} .mb\:-mr7 { margin-right: calc(var(--ape-space-7) * -1);} .mb\:-mb7 { margin-bottom: calc(var(--ape-space-7) * -1);} .mb\:-ml7 { margin-left: calc(var(--ape-space-7) * -1);} .mb\:-mt8 { margin-top: calc(var(--ape-space-8) * -1);} .mb\:-mr8 { margin-right: calc(var(--ape-space-8) * -1);} .mb\:-mb8 { margin-bottom: calc(var(--ape-space-8) * -1);} .mb\:-ml8 { margin-left: calc(var(--ape-space-8) * -1);} .mb\:-mt9 { margin-top: calc(var(--ape-space-9) * -1);} .mb\:-mr9 { margin-right: calc(var(--ape-space-9) * -1);} .mb\:-mb9 { margin-bottom: calc(var(--ape-space-9) * -1);} .mb\:-ml9 { margin-left: calc(var(--ape-space-9) * -1);} .mb\:-mt10 { margin-top: calc(var(--ape-space-10) * -1);} .mb\:-mr10 { margin-right: calc(var(--ape-space-10) * -1);} .mb\:-mb10 { margin-bottom: calc(var(--ape-space-10) * -1);} .mb\:-ml10 { margin-left: calc(var(--ape-space-10) * -1);} .mb\:-mt11 { margin-top: calc(var(--ape-space-11) * -1);} .mb\:-mr11 { margin-right: calc(var(--ape-space-11) * -1);} .mb\:-mb11 { margin-bottom: calc(var(--ape-space-11) * -1);} .mb\:-ml11 { margin-left: calc(var(--ape-space-11) * -1);} .mb\:-mt12 { margin-top: calc(var(--ape-space-12) * -1);} .mb\:-mr12 { margin-right: calc(var(--ape-space-12) * -1);} .mb\:-mb12 { margin-bottom: calc(var(--ape-space-12) * -1);} .mb\:-ml12 { margin-left: calc(var(--ape-space-12) * -1);} .mb\:-mt13 { margin-top: calc(var(--ape-space-13) * -1);} .mb\:-mr13 { margin-right: calc(var(--ape-space-13) * -1);} .mb\:-mb13 { margin-bottom: calc(var(--ape-space-13) * -1);} .mb\:-ml13 { margin-left: calc(var(--ape-space-13) * -1);} .mb\:-mt14 { margin-top: calc(var(--ape-space-14) * -1);} .mb\:-mr14 { margin-right: calc(var(--ape-space-14) * -1);} .mb\:-mb14 { margin-bottom: calc(var(--ape-space-14) * -1);} .mb\:-ml14 { margin-left: calc(var(--ape-space-14) * -1);} .mb\:-mt15 { margin-top: calc(var(--ape-space-15) * -1);} .mb\:-mr15 { margin-right: calc(var(--ape-space-15) * -1);} .mb\:-mb15 { margin-bottom: calc(var(--ape-space-15) * -1);} .mb\:-ml15 { margin-left: calc(var(--ape-space-15) * -1);} .mb\:-mt16 { margin-top: calc(var(--ape-space-16) * -1);} .mb\:-mr16 { margin-right: calc(var(--ape-space-16) * -1);} .mb\:-mb16 { margin-bottom: calc(var(--ape-space-16) * -1);} .mb\:-ml16 { margin-left: calc(var(--ape-space-16) * -1);} .mb\:-mt17 { margin-top: calc(var(--ape-space-17) * -1);} .mb\:-mr17 { margin-right: calc(var(--ape-space-17) * -1);} .mb\:-mb17 { margin-bottom: calc(var(--ape-space-17) * -1);} .mb\:-ml17 { margin-left: calc(var(--ape-space-17) * -1);} .mb\:-mt18 { margin-top: calc(var(--ape-space-18) * -1);} .mb\:-mr18 { margin-right: calc(var(--ape-space-18) * -1);} .mb\:-mb18 { margin-bottom: calc(var(--ape-space-18) * -1);} .mb\:-ml18 { margin-left: calc(var(--ape-space-18) * -1);} .mb\:-mt19 { margin-top: calc(var(--ape-space-19) * -1);} .mb\:-mr19 { margin-right: calc(var(--ape-space-19) * -1);} .mb\:-mb19 { margin-bottom: calc(var(--ape-space-19) * -1);} .mb\:-ml19 { margin-left: calc(var(--ape-space-19) * -1);} .mb\:-mt20 { margin-top: calc(var(--ape-space-20) * -1);} .mb\:-mr20 { margin-right: calc(var(--ape-space-20) * -1);} .mb\:-mb20 { margin-bottom: calc(var(--ape-space-20) * -1);} .mb\:-ml20 { margin-left: calc(var(--ape-space-20) * -1);} .mb\:-mt21 { margin-top: calc(var(--ape-space-21) * -1);} .mb\:-mr21 { margin-right: calc(var(--ape-space-21) * -1);} .mb\:-mb21 { margin-bottom: calc(var(--ape-space-21) * -1);} .mb\:-ml21 { margin-left: calc(var(--ape-space-21) * -1);} .mb\:-mt22 { margin-top: calc(var(--ape-space-22) * -1);} .mb\:-mr22 { margin-right: calc(var(--ape-space-22) * -1);} .mb\:-mb22 { margin-bottom: calc(var(--ape-space-22) * -1);} .mb\:-ml22 { margin-left: calc(var(--ape-space-22) * -1);} .mb\:-mt23 { margin-top: calc(var(--ape-space-23) * -1);} .mb\:-mr23 { margin-right: calc(var(--ape-space-23) * -1);} .mb\:-mb23 { margin-bottom: calc(var(--ape-space-23) * -1);} .mb\:-ml23 { margin-left: calc(var(--ape-space-23) * -1);} .mb\:-mt24 { margin-top: calc(var(--ape-space-24) * -1);} .mb\:-mr24 { margin-right: calc(var(--ape-space-24) * -1);} .mb\:-mb24 { margin-bottom: calc(var(--ape-space-24) * -1);} .mb\:-ml24 { margin-left: calc(var(--ape-space-24) * -1);} .mb\:-mt25 { margin-top: calc(var(--ape-space-25) * -1);} .mb\:-mr25 { margin-right: calc(var(--ape-space-25) * -1);} .mb\:-mb25 { margin-bottom: calc(var(--ape-space-25) * -1);} .mb\:-ml25 { margin-left: calc(var(--ape-space-25) * -1);} .mb\:-mt26 { margin-top: calc(var(--ape-space-26) * -1);} .mb\:-mr26 { margin-right: calc(var(--ape-space-26) * -1);} .mb\:-mb26 { margin-bottom: calc(var(--ape-space-26) * -1);} .mb\:-ml26 { margin-left: calc(var(--ape-space-26) * -1);} .mb\:-mt27 { margin-top: calc(var(--ape-space-27) * -1);} .mb\:-mr27 { margin-right: calc(var(--ape-space-27) * -1);} .mb\:-mb27 { margin-bottom: calc(var(--ape-space-27) * -1);} .mb\:-ml27 { margin-left: calc(var(--ape-space-27) * -1);} .mb\:-mt28 { margin-top: calc(var(--ape-space-28) * -1);} .mb\:-mr28 { margin-right: calc(var(--ape-space-28) * -1);} .mb\:-mb28 { margin-bottom: calc(var(--ape-space-28) * -1);} .mb\:-ml28 { margin-left: calc(var(--ape-space-28) * -1);} .mb\:-mt29 { margin-top: calc(var(--ape-space-29) * -1);} .mb\:-mr29 { margin-right: calc(var(--ape-space-29) * -1);} .mb\:-mb29 { margin-bottom: calc(var(--ape-space-29) * -1);} .mb\:-ml29 { margin-left: calc(var(--ape-space-29) * -1);} .mb\:-mt30 { margin-top: calc(var(--ape-space-30) * -1);} .mb\:-mr30 { margin-right: calc(var(--ape-space-30) * -1);} .mb\:-mb30 { margin-bottom: calc(var(--ape-space-30) * -1);} .mb\:-ml30 { margin-left: calc(var(--ape-space-30) * -1);} .mb\:-mt31 { margin-top: calc(var(--ape-space-31) * -1);} .mb\:-mr31 { margin-right: calc(var(--ape-space-31) * -1);} .mb\:-mb31 { margin-bottom: calc(var(--ape-space-31) * -1);} .mb\:-ml31 { margin-left: calc(var(--ape-space-31) * -1);} .mb\:-mt32 { margin-top: calc(var(--ape-space-32) * -1);} .mb\:-mr32 { margin-right: calc(var(--ape-space-32) * -1);} .mb\:-mb32 { margin-bottom: calc(var(--ape-space-32) * -1);} .mb\:-ml32 { margin-left: calc(var(--ape-space-32) * -1);} .mb\:-mt33 { margin-top: calc(var(--ape-space-33) * -1);} .mb\:-mr33 { margin-right: calc(var(--ape-space-33) * -1);} .mb\:-mb33 { margin-bottom: calc(var(--ape-space-33) * -1);} .mb\:-ml33 { margin-left: calc(var(--ape-space-33) * -1);} .mb\:-mt34 { margin-top: calc(var(--ape-space-34) * -1);} .mb\:-mr34 { margin-right: calc(var(--ape-space-34) * -1);} .mb\:-mb34 { margin-bottom: calc(var(--ape-space-34) * -1);} .mb\:-ml34 { margin-left: calc(var(--ape-space-34) * -1);} .mb\:-mt35 { margin-top: calc(var(--ape-space-35) * -1);} .mb\:-mr35 { margin-right: calc(var(--ape-space-35) * -1);} .mb\:-mb35 { margin-bottom: calc(var(--ape-space-35) * -1);} .mb\:-ml35 { margin-left: calc(var(--ape-space-35) * -1);} .mb\:-mt36 { margin-top: calc(var(--ape-space-36) * -1);} .mb\:-mr36 { margin-right: calc(var(--ape-space-36) * -1);} .mb\:-mb36 { margin-bottom: calc(var(--ape-space-36) * -1);} .mb\:-ml36 { margin-left: calc(var(--ape-space-36) * -1);} .mb\:-mt37 { margin-top: calc(var(--ape-space-37) * -1);} .mb\:-mr37 { margin-right: calc(var(--ape-space-37) * -1);} .mb\:-mb37 { margin-bottom: calc(var(--ape-space-37) * -1);} .mb\:-ml37 { margin-left: calc(var(--ape-space-37) * -1);} .mb\:-mt38 { margin-top: calc(var(--ape-space-38) * -1);} .mb\:-mr38 { margin-right: calc(var(--ape-space-38) * -1);} .mb\:-mb38 { margin-bottom: calc(var(--ape-space-38) * -1);} .mb\:-ml38 { margin-left: calc(var(--ape-space-38) * -1);} .mb\:-mt39 { margin-top: calc(var(--ape-space-39) * -1);} .mb\:-mr39 { margin-right: calc(var(--ape-space-39) * -1);} .mb\:-mb39 { margin-bottom: calc(var(--ape-space-39) * -1);} .mb\:-ml39 { margin-left: calc(var(--ape-space-39) * -1);} .mb\:-mt40 { margin-top: calc(var(--ape-space-40) * -1);} .mb\:-mr40 { margin-right: calc(var(--ape-space-40) * -1);} .mb\:-mb40 { margin-bottom: calc(var(--ape-space-40) * -1);} .mb\:-ml40 { margin-left: calc(var(--ape-space-40) * -1);} .mb\:-mt41 { margin-top: calc(var(--ape-space-41) * -1);} .mb\:-mr41 { margin-right: calc(var(--ape-space-41) * -1);} .mb\:-mb41 { margin-bottom: calc(var(--ape-space-41) * -1);} .mb\:-ml41 { margin-left: calc(var(--ape-space-41) * -1);} .mb\:-mt42 { margin-top: calc(var(--ape-space-42) * -1);} .mb\:-mr42 { margin-right: calc(var(--ape-space-42) * -1);} .mb\:-mb42 { margin-bottom: calc(var(--ape-space-42) * -1);} .mb\:-ml42 { margin-left: calc(var(--ape-space-42) * -1);} .mb\:-mt43 { margin-top: calc(var(--ape-space-43) * -1);} .mb\:-mr43 { margin-right: calc(var(--ape-space-43) * -1);} .mb\:-mb43 { margin-bottom: calc(var(--ape-space-43) * -1);} .mb\:-ml43 { margin-left: calc(var(--ape-space-43) * -1);} .mb\:-mt44 { margin-top: calc(var(--ape-space-44) * -1);} .mb\:-mr44 { margin-right: calc(var(--ape-space-44) * -1);} .mb\:-mb44 { margin-bottom: calc(var(--ape-space-44) * -1);} .mb\:-ml44 { margin-left: calc(var(--ape-space-44) * -1);} .mb\:-mt45 { margin-top: calc(var(--ape-space-45) * -1);} .mb\:-mr45 { margin-right: calc(var(--ape-space-45) * -1);} .mb\:-mb45 { margin-bottom: calc(var(--ape-space-45) * -1);} .mb\:-ml45 { margin-left: calc(var(--ape-space-45) * -1);} .mb\:-mt46 { margin-top: calc(var(--ape-space-46) * -1);} .mb\:-mr46 { margin-right: calc(var(--ape-space-46) * -1);} .mb\:-mb46 { margin-bottom: calc(var(--ape-space-46) * -1);} .mb\:-ml46 { margin-left: calc(var(--ape-space-46) * -1);} .mb\:-mt47 { margin-top: calc(var(--ape-space-47) * -1);} .mb\:-mr47 { margin-right: calc(var(--ape-space-47) * -1);} .mb\:-mb47 { margin-bottom: calc(var(--ape-space-47) * -1);} .mb\:-ml47 { margin-left: calc(var(--ape-space-47) * -1);} .mb\:-mt48 { margin-top: calc(var(--ape-space-48) * -1);} .mb\:-mr48 { margin-right: calc(var(--ape-space-48) * -1);} .mb\:-mb48 { margin-bottom: calc(var(--ape-space-48) * -1);} .mb\:-ml48 { margin-left: calc(var(--ape-space-48) * -1);} .mb\:-mt49 { margin-top: calc(var(--ape-space-49) * -1);} .mb\:-mr49 { margin-right: calc(var(--ape-space-49) * -1);} .mb\:-mb49 { margin-bottom: calc(var(--ape-space-49) * -1);} .mb\:-ml49 { margin-left: calc(var(--ape-space-49) * -1);} .mb\:-mt50 { margin-top: calc(var(--ape-space-50) * -1);} .mb\:-mr50 { margin-right: calc(var(--ape-space-50) * -1);} .mb\:-mb50 { margin-bottom: calc(var(--ape-space-50) * -1);} .mb\:-ml50 { margin-left: calc(var(--ape-space-50) * -1);} .mb\:-mt51 { margin-top: calc(var(--ape-space-51) * -1);} .mb\:-mr51 { margin-right: calc(var(--ape-space-51) * -1);} .mb\:-mb51 { margin-bottom: calc(var(--ape-space-51) * -1);} .mb\:-ml51 { margin-left: calc(var(--ape-space-51) * -1);} .mb\:-mt52 { margin-top: calc(var(--ape-space-52) * -1);} .mb\:-mr52 { margin-right: calc(var(--ape-space-52) * -1);} .mb\:-mb52 { margin-bottom: calc(var(--ape-space-52) * -1);} .mb\:-ml52 { margin-left: calc(var(--ape-space-52) * -1);} .mb\:-mt53 { margin-top: calc(var(--ape-space-53) * -1);} .mb\:-mr53 { margin-right: calc(var(--ape-space-53) * -1);} .mb\:-mb53 { margin-bottom: calc(var(--ape-space-53) * -1);} .mb\:-ml53 { margin-left: calc(var(--ape-space-53) * -1);} .mb\:-mt54 { margin-top: calc(var(--ape-space-54) * -1);} .mb\:-mr54 { margin-right: calc(var(--ape-space-54) * -1);} .mb\:-mb54 { margin-bottom: calc(var(--ape-space-54) * -1);} .mb\:-ml54 { margin-left: calc(var(--ape-space-54) * -1);} .mb\:-mt55 { margin-top: calc(var(--ape-space-55) * -1);} .mb\:-mr55 { margin-right: calc(var(--ape-space-55) * -1);} .mb\:-mb55 { margin-bottom: calc(var(--ape-space-55) * -1);} .mb\:-ml55 { margin-left: calc(var(--ape-space-55) * -1);} .mb\:-mt56 { margin-top: calc(var(--ape-space-56) * -1);} .mb\:-mr56 { margin-right: calc(var(--ape-space-56) * -1);} .mb\:-mb56 { margin-bottom: calc(var(--ape-space-56) * -1);} .mb\:-ml56 { margin-left: calc(var(--ape-space-56) * -1);} .mb\:-mt57 { margin-top: calc(var(--ape-space-57) * -1);} .mb\:-mr57 { margin-right: calc(var(--ape-space-57) * -1);} .mb\:-mb57 { margin-bottom: calc(var(--ape-space-57) * -1);} .mb\:-ml57 { margin-left: calc(var(--ape-space-57) * -1);} .mb\:-mt58 { margin-top: calc(var(--ape-space-58) * -1);} .mb\:-mr58 { margin-right: calc(var(--ape-space-58) * -1);} .mb\:-mb58 { margin-bottom: calc(var(--ape-space-58) * -1);} .mb\:-ml58 { margin-left: calc(var(--ape-space-58) * -1);} .mb\:-mt59 { margin-top: calc(var(--ape-space-59) * -1);} .mb\:-mr59 { margin-right: calc(var(--ape-space-59) * -1);} .mb\:-mb59 { margin-bottom: calc(var(--ape-space-59) * -1);} .mb\:-ml59 { margin-left: calc(var(--ape-space-59) * -1);} .mb\:-mt60 { margin-top: calc(var(--ape-space-60) * -1);} .mb\:-mr60 { margin-right: calc(var(--ape-space-60) * -1);} .mb\:-mb60 { margin-bottom: calc(var(--ape-space-60) * -1);} .mb\:-ml60 { margin-left: calc(var(--ape-space-60) * -1);} .mb\:-mt61 { margin-top: calc(var(--ape-space-61) * -1);} .mb\:-mr61 { margin-right: calc(var(--ape-space-61) * -1);} .mb\:-mb61 { margin-bottom: calc(var(--ape-space-61) * -1);} .mb\:-ml61 { margin-left: calc(var(--ape-space-61) * -1);} .mb\:-mt62 { margin-top: calc(var(--ape-space-62) * -1);} .mb\:-mr62 { margin-right: calc(var(--ape-space-62) * -1);} .mb\:-mb62 { margin-bottom: calc(var(--ape-space-62) * -1);} .mb\:-ml62 { margin-left: calc(var(--ape-space-62) * -1);} .mb\:-mt63 { margin-top: calc(var(--ape-space-63) * -1);} .mb\:-mr63 { margin-right: calc(var(--ape-space-63) * -1);} .mb\:-mb63 { margin-bottom: calc(var(--ape-space-63) * -1);} .mb\:-ml63 { margin-left: calc(var(--ape-space-63) * -1);} .mb\:-mt64 { margin-top: calc(var(--ape-space-64) * -1);} .mb\:-mr64 { margin-right: calc(var(--ape-space-64) * -1);} .mb\:-mb64 { margin-bottom: calc(var(--ape-space-64) * -1);} .mb\:-ml64 { margin-left: calc(var(--ape-space-64) * -1);} .mb\:-mtpx { margin-top: calc(var(--ape-space-px) * -1);} .mb\:-mrpx { margin-right: calc(var(--ape-space-px) * -1);} .mb\:-mbpx { margin-bottom: calc(var(--ape-space-px) * -1);} .mb\:-mlpx { margin-left: calc(var(--ape-space-px) * -1);} /**Padding**/ .mb\:p0 { padding: var(--ape-space-0);} .mb\:p1 { padding: var(--ape-space-1);} .mb\:p2 { padding: var(--ape-space-2);} .mb\:p3 { padding: var(--ape-space-3);} .mb\:p4 { padding: var(--ape-space-4);} .mb\:p5 { padding: var(--ape-space-5);} .mb\:p6 { padding: var(--ape-space-6);} .mb\:p7 { padding: var(--ape-space-7);} .mb\:p8 { padding: var(--ape-space-8);} .mb\:p9 { padding: var(--ape-space-9);} .mb\:p10 { padding: var(--ape-space-10);} .mb\:p11 { padding: var(--ape-space-11);} .mb\:p12 { padding: var(--ape-space-12);} .mb\:p13 { padding: var(--ape-space-13);} .mb\:p14 { padding: var(--ape-space-14);} .mb\:p15 { padding: var(--ape-space-15);} .mb\:p16 { padding: var(--ape-space-16);} .mb\:p17 { padding: var(--ape-space-17);} .mb\:p18 { padding: var(--ape-space-18);} .mb\:p19 { padding: var(--ape-space-19);} .mb\:p20 { padding: var(--ape-space-20);} .mb\:p21 { padding: var(--ape-space-21);} .mb\:p22 { padding: var(--ape-space-22);} .mb\:p23 { padding: var(--ape-space-23);} .mb\:p24 { padding: var(--ape-space-24);} .mb\:p25 { padding: var(--ape-space-25);} .mb\:p26 { padding: var(--ape-space-26);} .mb\:p27 { padding: var(--ape-space-27);} .mb\:p28 { padding: var(--ape-space-28);} .mb\:p29 { padding: var(--ape-space-29);} .mb\:p30 { padding: var(--ape-space-30);} .mb\:p31 { padding: var(--ape-space-31);} .mb\:p32 { padding: var(--ape-space-32);} .mb\:p33 { padding: var(--ape-space-33);} .mb\:p34 { padding: var(--ape-space-34);} .mb\:p35 { padding: var(--ape-space-35);} .mb\:p36 { padding: var(--ape-space-36);} .mb\:p37 { padding: var(--ape-space-37);} .mb\:p38 { padding: var(--ape-space-38);} .mb\:ppx { padding: var(--ape-space-px);} /**Padding X & Y**/ .mb\:py0 { padding-top: var(--ape-space-0); padding-bottom: var(--ape-space-0);} .mb\:px0 { padding-left: var(--ape-space-0); padding-right: var(--ape-space-0);} .mb\:py1 { padding-top: var(--ape-space-1); padding-bottom: var(--ape-space-1);} .mb\:px1 { padding-left: var(--ape-space-1); padding-right: var(--ape-space-1);} .mb\:py2 { padding-top: var(--ape-space-2); padding-bottom: var(--ape-space-2);} .mb\:px2 { padding-left: var(--ape-space-2); padding-right: var(--ape-space-2);} .mb\:py3 { padding-top: var(--ape-space-3); padding-bottom: var(--ape-space-3);} .mb\:px3 { padding-left: var(--ape-space-3); padding-right: var(--ape-space-3);} .mb\:py4 { padding-top: var(--ape-space-4); padding-bottom: var(--ape-space-4);} .mb\:px4 { padding-left: var(--ape-space-4); padding-right: var(--ape-space-4);} .mb\:py5 { padding-top: var(--ape-space-5); padding-bottom: var(--ape-space-5);} .mb\:px5 { padding-left: var(--ape-space-5); padding-right: var(--ape-space-5);} .mb\:py6 { padding-top: var(--ape-space-6); padding-bottom: var(--ape-space-6);} .mb\:px6 { padding-left: var(--ape-space-6); padding-right: var(--ape-space-6);} .mb\:py7 { padding-top: var(--ape-space-7); padding-bottom: var(--ape-space-7);} .mb\:px7 { padding-left: var(--ape-space-7); padding-right: var(--ape-space-7);} .mb\:py8 { padding-top: var(--ape-space-8); padding-bottom: var(--ape-space-8);} .mb\:px8 { padding-left: var(--ape-space-8); padding-right: var(--ape-space-8);} .mb\:py9 { padding-top: var(--ape-space-9); padding-bottom: var(--ape-space-9);} .mb\:px9 { padding-left: var(--ape-space-9); padding-right: var(--ape-space-9);} .mb\:py10 { padding-top: var(--ape-space-10); padding-bottom: var(--ape-space-10);} .mb\:px10 { padding-left: var(--ape-space-10); padding-right: var(--ape-space-10);} .mb\:py11 { padding-top: var(--ape-space-11); padding-bottom: var(--ape-space-11);} .mb\:px11 { padding-left: var(--ape-space-11); padding-right: var(--ape-space-11);} .mb\:py12 { padding-top: var(--ape-space-12); padding-bottom: var(--ape-space-12);} .mb\:px12 { padding-left: var(--ape-space-12); padding-right: var(--ape-space-12);} .mb\:py13 { padding-top: var(--ape-space-13); padding-bottom: var(--ape-space-13);} .mb\:px13 { padding-left: var(--ape-space-13); padding-right: var(--ape-space-13);} .mb\:py14 { padding-top: var(--ape-space-14); padding-bottom: var(--ape-space-14);} .mb\:px14 { padding-left: var(--ape-space-14); padding-right: var(--ape-space-14);} .mb\:py15 { padding-top: var(--ape-space-15); padding-bottom: var(--ape-space-15);} .mb\:px15 { padding-left: var(--ape-space-15); padding-right: var(--ape-space-15);} .mb\:py16 { padding-top: var(--ape-space-16); padding-bottom: var(--ape-space-16);} .mb\:px16 { padding-left: var(--ape-space-16); padding-right: var(--ape-space-16);} .mb\:py17 { padding-top: var(--ape-space-17); padding-bottom: var(--ape-space-17);} .mb\:px17 { padding-left: var(--ape-space-17); padding-right: var(--ape-space-17);} .mb\:py18 { padding-top: var(--ape-space-18); padding-bottom: var(--ape-space-18);} .mb\:px18 { padding-left: var(--ape-space-18); padding-right: var(--ape-space-18);} .mb\:py19 { padding-top: var(--ape-space-19); padding-bottom: var(--ape-space-19);} .mb\:px19 { padding-left: var(--ape-space-19); padding-right: var(--ape-space-19);} .mb\:py20 { padding-top: var(--ape-space-20); padding-bottom: var(--ape-space-20);} .mb\:px20 { padding-left: var(--ape-space-20); padding-right: var(--ape-space-20);} .mb\:py21 { padding-top: var(--ape-space-21); padding-bottom: var(--ape-space-21);} .mb\:px21 { padding-left: var(--ape-space-21); padding-right: var(--ape-space-21);} .mb\:py22 { padding-top: var(--ape-space-22); padding-bottom: var(--ape-space-22);} .mb\:px22 { padding-left: var(--ape-space-22); padding-right: var(--ape-space-22);} .mb\:py23 { padding-top: var(--ape-space-23); padding-bottom: var(--ape-space-23);} .mb\:px23 { padding-left: var(--ape-space-23); padding-right: var(--ape-space-23);} .mb\:py24 { padding-top: var(--ape-space-24); padding-bottom: var(--ape-space-24);} .mb\:px24 { padding-left: var(--ape-space-24); padding-right: var(--ape-space-24);} .mb\:py25 { padding-top: var(--ape-space-25); padding-bottom: var(--ape-space-25);} .mb\:px25 { padding-left: var(--ape-space-25); padding-right: var(--ape-space-25);} .mb\:py26 { padding-top: var(--ape-space-26); padding-bottom: var(--ape-space-26);} .mb\:px26 { padding-left: var(--ape-space-26); padding-right: var(--ape-space-26);} .mb\:py27 { padding-top: var(--ape-space-27); padding-bottom: var(--ape-space-27);} .mb\:px27 { padding-left: var(--ape-space-27); padding-right: var(--ape-space-27);} .mb\:py28 { padding-top: var(--ape-space-28); padding-bottom: var(--ape-space-28);} .mb\:px28 { padding-left: var(--ape-space-28); padding-right: var(--ape-space-28);} .mb\:py29 { padding-top: var(--ape-space-29); padding-bottom: var(--ape-space-29);} .mb\:px29 { padding-left: var(--ape-space-29); padding-right: var(--ape-space-29);} .mb\:py30 { padding-top: var(--ape-space-30); padding-bottom: var(--ape-space-30);} .mb\:px30 { padding-left: var(--ape-space-30); padding-right: var(--ape-space-30);} .mb\:py31 { padding-top: var(--ape-space-31); padding-bottom: var(--ape-space-31);} .mb\:px31 { padding-left: var(--ape-space-31); padding-right: var(--ape-space-31);} .mb\:py32 { padding-top: var(--ape-space-32); padding-bottom: var(--ape-space-32);} .mb\:px32 { padding-left: var(--ape-space-32); padding-right: var(--ape-space-32);} .mb\:py33 { padding-top: var(--ape-space-33); padding-bottom: var(--ape-space-33);} .mb\:px33 { padding-left: var(--ape-space-33); padding-right: var(--ape-space-33);} .mb\:py34 { padding-top: var(--ape-space-34); padding-bottom: var(--ape-space-34);} .mb\:px34 { padding-left: var(--ape-space-34); padding-right: var(--ape-space-34);} .mb\:py35 { padding-top: var(--ape-space-35); padding-bottom: var(--ape-space-35);} .mb\:px35 { padding-left: var(--ape-space-35); padding-right: var(--ape-space-35);} .mb\:py36 { padding-top: var(--ape-space-36); padding-bottom: var(--ape-space-36);} .mb\:px36 { padding-left: var(--ape-space-36); padding-right: var(--ape-space-36);} .mb\:py37 { padding-top: var(--ape-space-37); padding-bottom: var(--ape-space-37);} .mb\:px37 { padding-left: var(--ape-space-37); padding-right: var(--ape-space-37);} .mb\:py38 { padding-top: var(--ape-space-38); padding-bottom: var(--ape-space-38);} .mb\:px38 { padding-left: var(--ape-space-38); padding-right: var(--ape-space-38);} .mb\:pypx { padding-top: var(--ape-space-px); padding-bottom: var(--ape-space-px);} .mb\:pxpx { padding-left: var(--ape-space-px); padding-right: var(--ape-space-px);} /**Padding Top, Right, Bottom, Left**/ .mb\:pt0 { padding-top: var(--ape-space-0);} .mb\:pr0 { padding-right: var(--ape-space-0);} .mb\:pb0 { padding-bottom: var(--ape-space-0);} .mb\:pl0 { padding-left: var(--ape-space-0);} .mb\:pt1 { padding-top: var(--ape-space-1);} .mb\:pr1 { padding-right: var(--ape-space-1);} .mb\:pb1 { padding-bottom: var(--ape-space-1);} .mb\:pl1 { padding-left: var(--ape-space-1);} .mb\:pt2 { padding-top: var(--ape-space-2);} .mb\:pr2 { padding-right: var(--ape-space-2);} .mb\:pb2 { padding-bottom: var(--ape-space-2);} .mb\:pl2 { padding-left: var(--ape-space-2);} .mb\:pt3 { padding-top: var(--ape-space-3);} .mb\:pr3 { padding-right: var(--ape-space-3);} .mb\:pb3 { padding-bottom: var(--ape-space-3);} .mb\:pl3 { padding-left: var(--ape-space-3);} .mb\:pt4 { padding-top: var(--ape-space-4);} .mb\:pr4 { padding-right: var(--ape-space-4);} .mb\:pb4 { padding-bottom: var(--ape-space-4);} .mb\:pl4 { padding-left: var(--ape-space-4);} .mb\:pt5 { padding-top: var(--ape-space-5);} .mb\:pr5 { padding-right: var(--ape-space-5);} .mb\:pb5 { padding-bottom: var(--ape-space-5);} .mb\:pl5 { padding-left: var(--ape-space-5);} .mb\:pt6 { padding-top: var(--ape-space-6);} .mb\:pr6 { padding-right: var(--ape-space-6);} .mb\:pb6 { padding-bottom: var(--ape-space-6);} .mb\:pl6 { padding-left: var(--ape-space-6);} .mb\:pt7 { padding-top: var(--ape-space-7);} .mb\:pr7 { padding-right: var(--ape-space-7);} .mb\:pb7 { padding-bottom: var(--ape-space-7);} .mb\:pl7 { padding-left: var(--ape-space-7);} .mb\:pt8 { padding-top: var(--ape-space-8);} .mb\:pr8 { padding-right: var(--ape-space-8);} .mb\:pb8 { padding-bottom: var(--ape-space-8);} .mb\:pl8 { padding-left: var(--ape-space-8);} .mb\:pt9 { padding-top: var(--ape-space-9);} .mb\:pr9 { padding-right: var(--ape-space-9);} .mb\:pb9 { padding-bottom: var(--ape-space-9);} .mb\:pl9 { padding-left: var(--ape-space-9);} .mb\:pt10 { padding-top: var(--ape-space-10);} .mb\:pr10 { padding-right: var(--ape-space-10);} .mb\:pb10 { padding-bottom: var(--ape-space-10);} .mb\:pl10 { padding-left: var(--ape-space-10);} .mb\:pt11 { padding-top: var(--ape-space-11);} .mb\:pr11 { padding-right: var(--ape-space-11);} .mb\:pb11 { padding-bottom: var(--ape-space-11);} .mb\:pl11 { padding-left: var(--ape-space-11);} .mb\:pt12 { padding-top: var(--ape-space-12);} .mb\:pr12 { padding-right: var(--ape-space-12);} .mb\:pb12 { padding-bottom: var(--ape-space-12);} .mb\:pl12 { padding-left: var(--ape-space-12);} .mb\:pt13 { padding-top: var(--ape-space-13);} .mb\:pr13 { padding-right: var(--ape-space-13);} .mb\:pb13 { padding-bottom: var(--ape-space-13);} .mb\:pl13 { padding-left: var(--ape-space-13);} .mb\:pt14 { padding-top: var(--ape-space-14);} .mb\:pr14 { padding-right: var(--ape-space-14);} .mb\:pb14 { padding-bottom: var(--ape-space-14);} .mb\:pl14 { padding-left: var(--ape-space-14);} .mb\:pt15 { padding-top: var(--ape-space-15);} .mb\:pr15 { padding-right: var(--ape-space-15);} .mb\:pb15 { padding-bottom: var(--ape-space-15);} .mb\:pl15 { padding-left: var(--ape-space-15);} .mb\:pt16 { padding-top: var(--ape-space-16);} .mb\:pr16 { padding-right: var(--ape-space-16);} .mb\:pb16 { padding-bottom: var(--ape-space-16);} .mb\:pl16 { padding-left: var(--ape-space-16);} .mb\:pt17 { padding-top: var(--ape-space-17);} .mb\:pr17 { padding-right: var(--ape-space-17);} .mb\:pb17 { padding-bottom: var(--ape-space-17);} .mb\:pl17 { padding-left: var(--ape-space-17);} .mb\:pt18 { padding-top: var(--ape-space-18);} .mb\:pr18 { padding-right: var(--ape-space-18);} .mb\:pb18 { padding-bottom: var(--ape-space-18);} .mb\:pl18 { padding-left: var(--ape-space-18);} .mb\:pt19 { padding-top: var(--ape-space-19);} .mb\:pr19 { padding-right: var(--ape-space-19);} .mb\:pb19 { padding-bottom: var(--ape-space-19);} .mb\:pl19 { padding-left: var(--ape-space-19);} .mb\:pt20 { padding-top: var(--ape-space-20);} .mb\:pr20 { padding-right: var(--ape-space-20);} .mb\:pb20 { padding-bottom: var(--ape-space-20);} .mb\:pl20 { padding-left: var(--ape-space-20);} .mb\:pt21 { padding-top: var(--ape-space-21);} .mb\:pr21 { padding-right: var(--ape-space-21);} .mb\:pb21 { padding-bottom: var(--ape-space-21);} .mb\:pl21 { padding-left: var(--ape-space-21);} .mb\:pt22 { padding-top: var(--ape-space-22);} .mb\:pr22 { padding-right: var(--ape-space-22);} .mb\:pb22 { padding-bottom: var(--ape-space-22);} .mb\:pl22 { padding-left: var(--ape-space-22);} .mb\:pt23 { padding-top: var(--ape-space-23);} .mb\:pr23 { padding-right: var(--ape-space-23);} .mb\:pb23 { padding-bottom: var(--ape-space-23);} .mb\:pl23 { padding-left: var(--ape-space-23);} .mb\:pt24 { padding-top: var(--ape-space-24);} .mb\:pr24 { padding-right: var(--ape-space-24);} .mb\:pb24 { padding-bottom: var(--ape-space-24);} .mb\:pl24 { padding-left: var(--ape-space-24);} .mb\:pt25 { padding-top: var(--ape-space-25);} .mb\:pr25 { padding-right: var(--ape-space-25);} .mb\:pb25 { padding-bottom: var(--ape-space-25);} .mb\:pl25 { padding-left: var(--ape-space-25);} .mb\:pt26 { padding-top: var(--ape-space-26);} .mb\:pr26 { padding-right: var(--ape-space-26);} .mb\:pb26 { padding-bottom: var(--ape-space-26);} .mb\:pl26 { padding-left: var(--ape-space-26);} .mb\:pt27 { padding-top: var(--ape-space-27);} .mb\:pr27 { padding-right: var(--ape-space-27);} .mb\:pb27 { padding-bottom: var(--ape-space-27);} .mb\:pl27 { padding-left: var(--ape-space-27);} .mb\:pt28 { padding-top: var(--ape-space-28);} .mb\:pr28 { padding-right: var(--ape-space-28);} .mb\:pb28 { padding-bottom: var(--ape-space-28);} .mb\:pl28 { padding-left: var(--ape-space-28);} .mb\:pt29 { padding-top: var(--ape-space-29);} .mb\:pr29 { padding-right: var(--ape-space-29);} .mb\:pb29 { padding-bottom: var(--ape-space-29);} .mb\:pl29 { padding-left: var(--ape-space-29);} .mb\:pt30 { padding-top: var(--ape-space-30);} .mb\:pr30 { padding-right: var(--ape-space-30);} .mb\:pb30 { padding-bottom: var(--ape-space-30);} .mb\:pl30 { padding-left: var(--ape-space-30);} .mb\:pt31 { padding-top: var(--ape-space-31);} .mb\:pr31 { padding-right: var(--ape-space-31);} .mb\:pb31 { padding-bottom: var(--ape-space-31);} .mb\:pl31 { padding-left: var(--ape-space-31);} .mb\:pt32 { padding-top: var(--ape-space-32);} .mb\:pr32 { padding-right: var(--ape-space-32);} .mb\:pb32 { padding-bottom: var(--ape-space-32);} .mb\:pl32 { padding-left: var(--ape-space-32);} .mb\:pt33 { padding-top: var(--ape-space-33);} .mb\:pr33 { padding-right: var(--ape-space-33);} .mb\:pb33 { padding-bottom: var(--ape-space-33);} .mb\:pl33 { padding-left: var(--ape-space-33);} .mb\:pt34 { padding-top: var(--ape-space-34);} .mb\:pr34 { padding-right: var(--ape-space-34);} .mb\:pb34 { padding-bottom: var(--ape-space-34);} .mb\:pl34 { padding-left: var(--ape-space-34);} .mb\:pt35 { padding-top: var(--ape-space-35);} .mb\:pr35 { padding-right: var(--ape-space-35);} .mb\:pb35 { padding-bottom: var(--ape-space-35);} .mb\:pl35 { padding-left: var(--ape-space-35);} .mb\:pt36 { padding-top: var(--ape-space-36);} .mb\:pr36 { padding-right: var(--ape-space-36);} .mb\:pb36 { padding-bottom: var(--ape-space-36);} .mb\:pl36 { padding-left: var(--ape-space-36);} .mb\:pt37 { padding-top: var(--ape-space-37);} .mb\:pr37 { padding-right: var(--ape-space-37);} .mb\:pb37 { padding-bottom: var(--ape-space-37);} .mb\:pl37 { padding-left: var(--ape-space-37);} .mb\:pt38 { padding-top: var(--ape-space-38);} .mb\:pr38 { padding-right: var(--ape-space-38);} .mb\:pb38 { padding-bottom: var(--ape-space-38);} .mb\:pl38 { padding-left: var(--ape-space-38);} .mb\:pt39 { padding-top: var(--ape-space-39);} .mb\:pr39 { padding-right: var(--ape-space-39);} .mb\:pb39 { padding-bottom: var(--ape-space-39);} .mb\:pl39 { padding-left: var(--ape-space-39);} .mb\:pt40 { padding-top: var(--ape-space-40);} .mb\:pr40 { padding-right: var(--ape-space-40);} .mb\:pb40 { padding-bottom: var(--ape-space-40);} .mb\:pl40 { padding-left: var(--ape-space-40);} .mb\:pt41 { padding-top: var(--ape-space-41);} .mb\:pr41 { padding-right: var(--ape-space-41);} .mb\:pb41 { padding-bottom: var(--ape-space-41);} .mb\:pl41 { padding-left: var(--ape-space-41);} .mb\:pt42 { padding-top: var(--ape-space-42);} .mb\:pr42 { padding-right: var(--ape-space-42);} .mb\:pb42 { padding-bottom: var(--ape-space-42);} .mb\:pl42 { padding-left: var(--ape-space-42);} .mb\:pt43 { padding-top: var(--ape-space-43);} .mb\:pr43 { padding-right: var(--ape-space-43);} .mb\:pb43 { padding-bottom: var(--ape-space-43);} .mb\:pl43 { padding-left: var(--ape-space-43);} .mb\:pt44 { padding-top: var(--ape-space-44);} .mb\:pr44 { padding-right: var(--ape-space-44);} .mb\:pb44 { padding-bottom: var(--ape-space-44);} .mb\:pl44 { padding-left: var(--ape-space-44);} .mb\:pt45 { padding-top: var(--ape-space-45);} .mb\:pr45 { padding-right: var(--ape-space-45);} .mb\:pb45 { padding-bottom: var(--ape-space-45);} .mb\:pl45 { padding-left: var(--ape-space-45);} .mb\:pt46 { padding-top: var(--ape-space-46);} .mb\:pr46 { padding-right: var(--ape-space-46);} .mb\:pb46 { padding-bottom: var(--ape-space-46);} .mb\:pl46 { padding-left: var(--ape-space-46);} .mb\:pt47 { padding-top: var(--ape-space-47);} .mb\:pr47 { padding-right: var(--ape-space-47);} .mb\:pb47 { padding-bottom: var(--ape-space-47);} .mb\:pl47 { padding-left: var(--ape-space-47);} .mb\:pt48 { padding-top: var(--ape-space-48);} .mb\:pr48 { padding-right: var(--ape-space-48);} .mb\:pb48 { padding-bottom: var(--ape-space-48);} .mb\:pl48 { padding-left: var(--ape-space-48);} .mb\:pt49 { padding-top: var(--ape-space-49);} .mb\:pr49 { padding-right: var(--ape-space-49);} .mb\:pb49 { padding-bottom: var(--ape-space-49);} .mb\:pl49 { padding-left: var(--ape-space-49);} .mb\:pt50 { padding-top: var(--ape-space-50);} .mb\:pr50 { padding-right: var(--ape-space-50);} .mb\:pb50 { padding-bottom: var(--ape-space-50);} .mb\:pl50 { padding-left: var(--ape-space-50);} .mb\:pt51 { padding-top: var(--ape-space-51);} .mb\:pr51 { padding-right: var(--ape-space-51);} .mb\:pb51 { padding-bottom: var(--ape-space-51);} .mb\:pl51 { padding-left: var(--ape-space-51);} .mb\:pt52 { padding-top: var(--ape-space-52);} .mb\:pr52 { padding-right: var(--ape-space-52);} .mb\:pb52 { padding-bottom: var(--ape-space-52);} .mb\:pl52 { padding-left: var(--ape-space-52);} .mb\:pt53 { padding-top: var(--ape-space-53);} .mb\:pr53 { padding-right: var(--ape-space-53);} .mb\:pb53 { padding-bottom: var(--ape-space-53);} .mb\:pl53 { padding-left: var(--ape-space-53);} .mb\:pt54 { padding-top: var(--ape-space-54);} .mb\:pr54 { padding-right: var(--ape-space-54);} .mb\:pb54 { padding-bottom: var(--ape-space-54);} .mb\:pl54 { padding-left: var(--ape-space-54);} .mb\:pt55 { padding-top: var(--ape-space-55);} .mb\:pr55 { padding-right: var(--ape-space-55);} .mb\:pb55 { padding-bottom: var(--ape-space-55);} .mb\:pl55 { padding-left: var(--ape-space-55);} .mb\:pt56 { padding-top: var(--ape-space-56);} .mb\:pr56 { padding-right: var(--ape-space-56);} .mb\:pb56 { padding-bottom: var(--ape-space-56);} .mb\:pl56 { padding-left: var(--ape-space-56);} .mb\:pt57 { padding-top: var(--ape-space-57);} .mb\:pr57 { padding-right: var(--ape-space-57);} .mb\:pb57 { padding-bottom: var(--ape-space-57);} .mb\:pl57 { padding-left: var(--ape-space-57);} .mb\:pt58 { padding-top: var(--ape-space-58);} .mb\:pr58 { padding-right: var(--ape-space-58);} .mb\:pb58 { padding-bottom: var(--ape-space-58);} .mb\:pl58 { padding-left: var(--ape-space-58);} .mb\:pt59 { padding-top: var(--ape-space-59);} .mb\:pr59 { padding-right: var(--ape-space-59);} .mb\:pb59 { padding-bottom: var(--ape-space-59);} .mb\:pl59 { padding-left: var(--ape-space-59);} .mb\:pt60 { padding-top: var(--ape-space-60);} .mb\:pr60 { padding-right: var(--ape-space-60);} .mb\:pb60 { padding-bottom: var(--ape-space-60);} .mb\:pl60 { padding-left: var(--ape-space-60);} .mb\:pt61 { padding-top: var(--ape-space-61);} .mb\:pr61 { padding-right: var(--ape-space-61);} .mb\:pb61 { padding-bottom: var(--ape-space-61);} .mb\:pl61 { padding-left: var(--ape-space-61);} .mb\:pt62 { padding-top: var(--ape-space-62);} .mb\:pr62 { padding-right: var(--ape-space-62);} .mb\:pb62 { padding-bottom: var(--ape-space-62);} .mb\:pl62 { padding-left: var(--ape-space-62);} .mb\:pt63 { padding-top: var(--ape-space-63);} .mb\:pr63 { padding-right: var(--ape-space-63);} .mb\:pb63 { padding-bottom: var(--ape-space-63);} .mb\:pl63 { padding-left: var(--ape-space-63);} .mb\:pt64 { padding-top: var(--ape-space-64);} .mb\:pr64 { padding-right: var(--ape-space-64);} .mb\:pb64 { padding-bottom: var(--ape-space-64);} .mb\:pl64 { padding-left: var(--ape-space-64);} .mb\:ptpx { padding-top: var(--ape-space-px);} .mb\:prpx { padding-right: var(--ape-space-px);} .mb\:pbpx { padding-bottom: var(--ape-space-px);} .mb\:plpx { padding-left: var(--ape-space-px);} /**Columns**/ /* Column Count (Auto Multi-Column Layout) */ .mb\:columns1 { columns: 1; } .mb\:columns2 { columns: 2; } .mb\:columns3 { columns: 3; } .mb\:columns4 { columns: 4; } .mb\:columns5 { columns: 5; } .mb\:columns6 { columns: 6; } .mb\:columns7 { columns: 7; } .mb\:columns8 { columns: 8; } .mb\:columns9 { columns: 9; } .mb\:columns10 { columns: 10; } .mb\:columns11 { columns: 11; } .mb\:columns12 { columns: 12; } .mb\:columnsauto { columns: auto; } /* Column Width (Pixel-Based Multi-Column Layout) */ .mb\:columns3xs { columns: 16rem; /* 256px */ } .mb\:columns2xs { columns: 18rem; /* 288px */ } .mb\:columnsxs { columns: 20rem; /* 320px */ } .mb\:columnssm { columns: 24rem; /* 384px */ } .mb\:columnsmd { columns: 28rem; /* 448px */ } .mb\:columnslg { columns: 32rem; /* 512px */ } .mb\:columnsxl { columns: 36rem; /* 576px */ } .mb\:columns2xl { columns: 42rem; /* 672px */ } .mb\:columns3xl { columns: 48rem; /* 768px */ } .mb\:columns4xl { columns: 56rem; /* 896px */ } .mb\:columns5xl { columns: 64rem; /* 1024px */ } .mb\:columns6xl { columns: 72rem; /* 1152px */ } .mb\:columns7xl { columns: 80rem; /* 1280px */ } /**Box Decoration**/ .mb\:boxclone {box-decoration-break: clone;} .mb\:boxslice {box-decoration-break: slice;} /**Box sizing**/ .mb\:boxborder {box-sizing: border-box;} .mb\:boxcontent {box-sizing: content-box;} /**Object**/ /** Object Fit **/ .mb\:objectcontain { object-fit: contain; } .mb\:objectcover { object-fit: cover; } .mb\:objectfill { object-fit: fill; } .mb\:objectnone { object-fit: none; } .mb\:objectscale-down { object-fit: scale-down; } /** Object Position **/ .mb\:objectbottom { object-position: bottom; } .mb\:objectcenter { object-position: center; } .mb\:objectleft { object-position: left; } .mb\:objectleftbottom { object-position: left bottom; } .mb\:objectlefttop { object-position: left top; } .mb\:objectright { object-position: right; } .mb\:objectrightbottom { object-position: right bottom; } .mb\:objectrighttop { object-position: right top; } .mb\:objecttop { object-position: top; } /**Opacity**/ .mb\:opacity0 { opacity: 0; } .mb\:opacity5 { opacity: 0.05; } .mb\:opacity10 { opacity: 0.1; } .mb\:opacity15 { opacity: 0.15; } .mb\:opacity20 { opacity: 0.2; } .mb\:opacity25 { opacity: 0.25; } .mb\:opacity30 { opacity: 0.3; } .mb\:opacity35 { opacity: 0.35; } .mb\:opacity40 { opacity: 0.4; } .mb\:opacity45 { opacity: 0.45; } .mb\:opacity50 { opacity: 0.5; } .mb\:opacity55 { opacity: 0.55; } .mb\:opacity60 { opacity: 0.6; } .mb\:opacity65 { opacity: 0.65; } .mb\:opacity70 { opacity: 0.7; } .mb\:opacity75 { opacity: 0.75; } .mb\:opacity80 { opacity: 0.8; } .mb\:opacity85 { opacity: 0.85; } .mb\:opacity90 { opacity: 0.9; } .mb\:opacity95 { opacity: 0.95; } .mb\:opacity100 { opacity: 1; } .mb\:hover\:opacity0:hover { opacity: 0; } .mb\:hover\:opacity25:hover { opacity: 0.25; } .mb\:hover\:opacity50:hover { opacity: 0.5; } .mb\:hover\:opacity75:hover { opacity: 0.75; } .mb\:hover\:opacity100:hover { opacity: 1; } .mb\:focus\:opacity0:focus { opacity: 0; } .mb\:focus\:opacity25:focus { opacity: 0.25; } .mb\:focus\:opacity50:focus { opacity: 0.5; } .mb\:focus\:opacity75:focus { opacity: 0.75; } .mb\:focus\:opacity100:focus { opacity: 1; } /** Outline **/ .mb\:outlinenone { outline: none !important; } .mb\:focus\:outlinenone:focus { outline: none !important; } /** Overflow **/ .mb\:overflowauto { overflow: auto; } .mb\:overflowhidden { overflow: hidden; } .mb\:overflowvisible { overflow: visible; } .mb\:overflowscroll { overflow: scroll; } .mb\:overflowx { overflow-x: auto; } .mb\:overflowy { overflow-y: auto; } .mb\:overflowxhidden { overflow-x: hidden; } .mb\:overflowyhidden { overflow-y: hidden; } .mb\:overflowxscroll { overflow-x: scroll; } .mb\:overflowyscroll { overflow-y: scroll; } .mb\:scrollauto { scroll-behavior: auto; } .mb\:scrollsmooth { scroll-behavior: smooth; } /**Pointer Events **/ .mb\:pointernone { pointer-events: none; } .mb\:pointerauto { pointer-events: auto; } /**Overscroll Behavior **/ .mb\:overscrollauto { overscroll-behavior: auto; } .mb\:overscrollcontain { overscroll-behavior: contain; } .mb\:overscrollnone { overscroll-behavior: none; } .mb\:overscrollx { overscroll-behavior-x: auto; } .mb\:overscrolly { overscroll-behavior-y: auto; } /** Position **/ .mb\:static { position: static; } .mb\:fixed { position: fixed; } .mb\:absolute { position: absolute; } .mb\:relative { position: relative; } .mb\:sticky { position: sticky; } /** Z Index **/ .mb\:z0 { z-index: 0; } .mb\:z10 { z-index: 10; } .mb\:z20 { z-index: 20; } .mb\:z30 { z-index: 30; } .mb\:z40 { z-index: 40; } .mb\:z50 { z-index: 50; } .mb\:z100 { z-index: 100; } .mb\:z999 { z-index: 999; } .mb\:zauto { z-index: auto; } /** Inset **/ .mb\:inset0 { inset: 0; } .mb\:insetauto { inset: auto; } .mb\:insetx { left: 0; right: 0; } .mb\:insety { top: 0; bottom: 0; } /** Resize **/ .mb\:resizenone { resize: none; } .mb\:resizeboth { resize: both; } /**shadows**/ .mb\:shadow1 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .mb\:shadow2 { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .mb\:shadow3 { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .mb\:shadow4 { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .mb\:shadow5 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .mb\:shadowinner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .mb\:shadowoutline { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} .mb\:shadownone { box-shadow: none;} .mb\:hover\:shadow1:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);} .mb\:hover\:shadow2:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .mb\:hover\:shadow3:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .mb\:hover\:shadow4:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);} .mb\:hover\:shadow5:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .mb\:hover\:shadowinner:hover { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .mb\:hover\:shadowoutline:hover { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);} /**Mix Blend Modes**/ .mb\:mixblendnormal { mix-blend-mode: normal; } .mb\:mixblendmultiply { mix-blend-mode: multiply; } .mb\:mixblendscreen { mix-blend-mode: screen; } .mb\:mixblendoverlay { mix-blend-mode: overlay; } .mb\:mixblenddarken { mix-blend-mode: darken; } .mb\:mixblendlighten { mix-blend-mode: lighten; } .mb\:mixblendcolordodge { mix-blend-mode: color-dodge; } .mb\:mixblendcolorburn { mix-blend-mode: color-burn; } .mb\:mixblendhardlight { mix-blend-mode: hard-light; } .mb\:mixblendsoftlight { mix-blend-mode: soft-light; } /**Appearance**/ .mb\:visible { visibility: visible; } .mb\:invisible { visibility: hidden; } .mb\:appearancenone { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*-------------------------------------------------------------- # Backgrounds --------------------------------------------------------------*/ .mb\:bgtransparent { background-color: transparent;} .mb\:hover\:bgtransparent:hover { background-color: transparent;} .mb\:focus\:bgtransparent:focus { background-color: transparent;} .mb\:bgfixed { background-attachment: fixed;} .mb\:bglocal { background-attachment: local;} .mb\:bgscroll { background-attachment: scroll;} .mb\:bgbottom { background-position: bottom;} .mb\:bgcenter { background-position: center;} .mb\:bgleft { background-position: left;} .mb\:bgleftbottom { background-position: left bottom;} .mb\:bglefttop { background-position: left top;} .mb\:bgright { background-position: right;} .mb\:bgrightbottom { background-position: right bottom;} .mb\:bgrighttop { background-position: right top;} .mb\:bgtop { background-position: top;} .mb\:bgrepeat { background-repeat: repeat;} .mb\:bgnorepeat { background-repeat: no-repeat;} .mb\:bgrepeatx { background-repeat: repeat-x;} .mb\:bgrepeaty { background-repeat: repeat-y;} .mb\:bgrepeatround { background-repeat: round;} .mb\:bgrepeatspace { background-repeat: space;} .mb\:bgauto { background-size: auto;} .mb\:bgcover { background-size: cover;} .mb\:bgcontain { background-size: contain;} .mb\:bgclipborder {background-clip: border-box;} .mb\:bgclippadding {background-clip: padding-box;} .mb\:bgclipcontent {background-clip: content-box;} .mb\:bgcliptext {background-clip: text;} .mb\:bgoriginborder {background-origin: border-box;} .mb\:bgoriginpadding {background-origin: padding-box;} .mb\:bgorigincontent {background-origin: content-box;} /**Background Mix Blend Modes**/ .mb\:bgblendnormal {background-blend-mode: normal;} .mb\:bgblendmultiply {background-blend-mode: multiply;} .mb\:bgblendscreen {background-blend-mode: screen;} .mb\:bgblendoverlay {background-blend-mode: overlay;} .mb\:bgblenddarken {background-blend-mode: darken;} .mb\:bgblendlighten {background-blend-mode: lighten;} .mb\:bgblendcolordodge {background-blend-mode: color-dodge;} .mb\:bgblendcolorburn {background-blend-mode: color-burn;} .mb\:bgblendhardlight {background-blend-mode: hard-light;} .mb\:bgblendsoftlight {background-blend-mode: soft-light;} .mb\:bgblenddifference {background-blend-mode: difference;} .mb\:bgblendexclusion {background-blend-mode: exclusion;} .mb\:bgblendhue {background-blend-mode: hue;} .mb\:bgblendsaturation {background-blend-mode: saturation;} .mb\:bgblendcolor {background-blend-mode: color;} .mb\:bgblendluminosity {background-blend-mode: luminosity;} /*-------------------------------------------------------------- Borders --------------------------------------------------------------*/ .mb\:bordercollapse { border-collapse: collapse;} .mb\:borderseparate { border-collapse: separate;} .mb\:bordertransparent { border-color: transparent;} .mb\:borderradius0 { border-radius: 0;} .mb\:borderradius1 { border-radius: 0.125rem;} .mb\:borderradius2 { border-radius: 0.25rem;} .mb\:borderradius3 { border-radius: 0.5rem;} .mb\:borderradius4 { border-radius: 1rem;} .mb\:borderradius5 { border-radius: 1.5rem;} .mb\:borderradius6 { border-radius: 2rem;} .mb\:borderradius7 { border-radius: 2.5rem;} .mb\:borderradius8 { border-radius: 3rem;} .mb\:borderradius9 { border-radius: 3.5rem;} .mb\:borderradius10 { border-radius: 4rem;} .mb\:borderradiusfull { border-radius: 9999px;} .mb\:borderradiustl0 { border-top-left-radius: 0;} .mb\:borderradiustr0 { border-top-right-radius: 0;} .mb\:borderradiusbr0 { border-bottom-right-radius: 0;} .mb\:borderradiusbl0 { border-bottom-left-radius: 0;} .mb\:borderradiustl1 { border-top-left-radius: 0.125rem;} .mb\:borderradiustr1 { border-top-right-radius: 0.125rem;} .mb\:borderradiusbr1 { border-bottom-right-radius: 0.125rem;} .mb\:borderradiusbl1 { border-bottom-left-radius: 0.125rem;} .mb\:borderradiustl2 { border-top-left-radius: 0.25rem;} .mb\:borderradiustr2 { border-top-right-radius: 0.25rem;} .mb\:borderradiusbr2 { border-bottom-right-radius: 0.25rem;} .mb\:borderradiusbl2 { border-bottom-left-radius: 0.25rem;} .mb\:borderradiustl3 { border-top-left-radius: 0.5rem;} .mb\:borderradiustr3 { border-top-right-radius: 0.5rem;} .mb\:borderradiusbr3 { border-bottom-right-radius: 0.5rem;} .mb\:borderradiusbl3 { border-bottom-left-radius: 0.5rem;} .mb\:borderradiustl4 { border-top-left-radius: 1rem;} .mb\:borderradiustr4 { border-top-right-radius: 1rem;} .mb\:borderradiusbr4 { border-bottom-right-radius: 1rem;} .mb\:borderradiusbl4 { border-bottom-left-radius: 1rem;} .mb\:borderradiustl5 { border-top-left-radius: 1.5rem;} .mb\:borderradiustr5 { border-top-right-radius: 1.5rem;} .mb\:borderradiusbr5 { border-bottom-right-radius: 1.5rem;} .mb\:borderradiusbl5 { border-bottom-left-radius: 1.5rem;} .mb\:borderradiustl6 { border-top-left-radius: 2rem;} .mb\:borderradiustr6 { border-top-right-radius: 2rem;} .mb\:borderradiusbr6 { border-bottom-right-radius: 2rem;} .mb\:borderradiusbl6 { border-bottom-left-radius: 2rem;} .mb\:borderradiustl7 { border-top-left-radius: 2.5rem;} .mb\:borderradiustr7 { border-top-right-radius: 2.5rem;} .mb\:borderradiusbr7 { border-bottom-right-radius: 2.5rem;} .mb\:borderradiusbl7 { border-bottom-left-radius: 2.5rem;} .mb\:borderradiustl8 { border-top-left-radius: 3rem;} .mb\:borderradiustr8 { border-top-right-radius: 3rem;} .mb\:borderradiusbr8 { border-bottom-right-radius: 3rem;} .mb\:borderradiusbl8 { border-bottom-left-radius: 3rem;} .mb\:borderradiustl9 { border-top-left-radius: 3.5rem;} .mb\:borderradiustr9 { border-top-right-radius: 3.5rem;} .mb\:borderradiusbr9 { border-bottom-right-radius: 3.5rem;} .mb\:borderradiusbl9 { border-bottom-left-radius: 3.5rem;} .mb\:borderradiustl10 { border-top-left-radius: 4rem;} .mb\:borderradiustr10 { border-top-right-radius: 4rem;} .mb\:borderradiusbr10 { border-bottom-right-radius: 4rem;} .mb\:borderradiusbl10 { border-bottom-left-radius: 4rem;} .mb\:bordersolid { border-style: solid;} .mb\:borderdashed { border-style: dashed;} .mb\:borderdotted { border-style: dotted;} .mb\:borderdouble { border-style: double;} .mb\:borderhidden {border-style: hidden;} .mb\:bordernone { border-style: none;} .mb\:borderw0 { border-width: 0;} .mb\:borderw1 { border-width: 1px;} .mb\:borderw2 { border-width: 2px;} .mb\:borderw4 { border-width: 4px;} .mb\:borderw8 { border-width: 8px;} .mb\:borderwt0 { border-top-width: 0;} .mb\:borderwr0 { border-right-width: 0;} .mb\:borderwb0 { border-bottom-width: 0;} .mb\:borderwl0 { border-left-width: 0;} .mb\:borderwt1 { border-top-width: 1px;} .mb\:borderwr1 { border-right-width: 1px;} .mb\:borderwb1 { border-bottom-width: 1px;} .mb\:borderwl1 { border-left-width: 1px;} .mb\:borderwt2 { border-top-width: 2px;} .mb\:borderwr2 { border-right-width: 2px;} .mb\:borderwb2 { border-bottom-width: 2px;} .mb\:borderwl2 { border-left-width: 2px;} .mb\:borderwt4 { border-top-width: 4px;} .mb\:borderwr4 { border-right-width: 4px;} .mb\:borderwb4 { border-bottom-width: 4px;} .mb\:borderwl4 { border-left-width: 4px;} .mb\:borderwt8 { border-top-width: 8px;} .mb\:borderwr8 { border-right-width: 8px;} .mb\:borderwb8 { border-bottom-width: 8px;} .mb\:borderwl8 { border-left-width: 8px;} .mb\:outline0 {outline-width: 0px;} .mb\:outline1 {outline-width: 1px;} .mb\:outline2 {outline-width: 2px;} .mb\:outline4 {outline-width: 4px;} .mb\:outline8 {outline-width: 8px;} .mb\:outline {outline-style: solid;} .mb\:outlinedashed {outline-style: dashed;} .mb\:outlinedotted {outline-style: dotted;} .mb\:outlinedouble {outline-style: double;} .mb\:outlineoffset0 {outline-offset: 0px;} .mb\:outlineoffset1 {outline-offset: 1px;} .mb\:outlineoffset2 {outline-offset: 2px;} .mb\:outlineoffset4 {outline-offset: 4px;} .mb\:outlineoffset8 {outline-offset: 8px;} .mb\:borderopacity0 { --ape-border-opacity: 0; } .mb\:borderopacity10 { --ape-border-opacity: 0.1; } .mb\:borderopacity20 { --ape-border-opacity: 0.2; } .mb\:borderopacity30 { --ape-border-opacity: 0.3; } .mb\:borderopacity40 { --ape-border-opacity: 0.4; } .mb\:borderopacity50 { --ape-border-opacity: 0.5; } .mb\:borderopacity60 { --ape-border-opacity: 0.6; } .mb\:borderopacity70 { --ape-border-opacity: 0.7; } .mb\:borderopacity80 { --ape-border-opacity: 0.8; } .mb\:borderopacity90 { --ape-border-opacity: 0.9; } .mb\:borderopacity100 { --ape-border-opacity: 1; } /**Unique Black & White**/ .mb\:borderblack6, .mb\:hover\:borderblack6:hover, .mb\:focus\:borderblack6:focus { border-color: rgba(var(--black-6-rgb), var(--ape-border-opacity));} .mb\:borderblack7, .mb\:hover\:borderblack7:hover, .mb\:focus\:borderblack7:focus { border-color: rgba(var(--black-7-rgb), var(--ape-border-opacity));} .mb\:borderblack8, .mb\:hover\:borderblack8:hover, .mb\:focus\:borderblack8:focus { border-color: rgba(var(--black-8-rgb), var(--ape-border-opacity));} .mb\:borderblack9, .mb\:hover\:borderblack9:hover, .mb\:focus\:borderblack9:focus { border-color: rgba(var(--black-9-rgb), var(--ape-border-opacity));} .mb\:borderwhite6, .mb\:hover\:borderwhite6:hover, .mb\:focus\:borderwhite6:focus { border-color: rgba(var(--white-6-rgb), var(--ape-border-opacity));} .mb\:borderwhite7, .mb\:hover\:borderwhite7:hover, .mb\:focus\:borderwhite7:focus { border-color: rgba(var(--white-7-rgb), var(--ape-border-opacity));} .mb\:borderwhite8, .mb\:hover\:borderwhite8:hover, .mb\:focus\:borderwhite8:focus { border-color: rgba(var(--white-8-rgb), var(--ape-border-opacity));} .mb\:borderwhite9, .mb\:hover\:borderwhite9:hover, .mb\:focus\:borderwhite9:focus { border-color: rgba(var(--white-9-rgb), var(--ape-border-opacity));} /**Black**/ .mb\:borderblack, .mb\:hover\:borderblack:hover, .mb\:focus\:borderblack:focus { border-color: rgba(var(--black-rgb), var(--ape-border-opacity)); } .mb\:borderblack1, .mb\:hover\:borderblack1:hover, .mb\:focus\:borderblack1:focus { border-color: rgba(var(--black-1-rgb), var(--ape-border-opacity)); } .mb\:borderblack2, .mb\:hover\:borderblack2:hover, .mb\:focus\:borderblack2:focus { border-color: rgba(var(--black-2-rgb), var(--ape-border-opacity)); } .mb\:borderblack3, .mb\:hover\:borderblack3:hover, .mb\:focus\:borderblack3:focus { border-color: rgba(var(--black-3-rgb), var(--ape-border-opacity)); } .mb\:borderblack4, .mb\:hover\:borderblack4:hover, .mb\:focus\:borderblack4:focus { border-color: rgba(var(--black-4-rgb), var(--ape-border-opacity)); } .mb\:borderblack5, .mb\:hover\:borderblack5:hover, .mb\:focus\:borderblack5:focus { border-color: rgba(var(--black-5-rgb), var(--ape-border-opacity)); } /**White**/ .mb\:borderwhite, .mb\:hover\:borderwhite:hover, .mb\:focus\:borderwhite:focus { border-color: rgba(var(--white-rgb), var(--ape-border-opacity)); } .mb\:borderwhite1, .mb\:hover\:borderwhite1:hover, .mb\:focus\:borderwhite1:focus { border-color: rgba(var(--white-1-rgb), var(--ape-border-opacity)); } .mb\:borderwhite2, .mb\:hover\:borderwhite2:hover, .mb\:focus\:borderwhite2:focus { border-color: rgba(var(--white-2-rgb), var(--ape-border-opacity)); } .mb\:borderwhite3, .mb\:hover\:borderwhite3:hover, .mb\:focus\:borderwhite3:focus { border-color: rgba(var(--white-3-rgb), var(--ape-border-opacity)); } .mb\:borderwhite4, .mb\:hover\:borderwhite4:hover, .mb\:focus\:borderwhite4:focus { border-color: rgba(var(--white-4-rgb), var(--ape-border-opacity)); } .mb\:borderwhite5, .mb\:hover\:borderwhite5:hover, .mb\:focus\:borderwhite5:focus { border-color: rgba(var(--white-5-rgb), var(--ape-border-opacity)); } /**Gray**/ .mb\:bordergray1, .mb\:hover\:bordergray1:hover, .mb\:focus\:bordergray1:focus { border-color: rgba(var(--gray-1-rgb), var(--ape-border-opacity)); } .mb\:bordergray2, .mb\:hover\:bordergray2:hover, .mb\:focus\:bordergray2:focus { border-color: rgba(var(--gray-2-rgb), var(--ape-border-opacity)); } .mb\:bordergray3, .mb\:hover\:bordergray3:hover, .mb\:focus\:bordergray3:focus { border-color: rgba(var(--gray-3-rgb), var(--ape-border-opacity)); } .mb\:bordergray4, .mb\:hover\:bordergray4:hover, .mb\:focus\:bordergray4:focus { border-color: rgba(var(--gray-4-rgb), var(--ape-border-opacity)); } .mb\:bordergray5, .mb\:hover\:bordergray5:hover, .mb\:focus\:bordergray5:focus { border-color: rgba(var(--gray-5-rgb), var(--ape-border-opacity)); } /**Red**/ .mb\:borderred1, .mb\:hover\:borderred1:hover, .mb\:focus\:borderred1:focus { border-color: rgba(var(--red-1-rgb), var(--ape-border-opacity)); } .mb\:borderred2, .mb\:hover\:borderred2:hover, .mb\:focus\:borderred2:focus { border-color: rgba(var(--red-2-rgb), var(--ape-border-opacity)); } .mb\:borderred3, .mb\:hover\:borderred3:hover, .mb\:focus\:borderred3:focus { border-color: rgba(var(--red-3-rgb), var(--ape-border-opacity)); } .mb\:borderred4, .mb\:hover\:borderred4:hover, .mb\:focus\:borderred4:focus { border-color: rgba(var(--red-4-rgb), var(--ape-border-opacity)); } .mb\:borderred5, .mb\:hover\:borderred5:hover, .mb\:focus\:borderred5:focus { border-color: rgba(var(--red-5-rgb), var(--ape-border-opacity)); } /**Orange**/ .mb\:borderamber1, .mb\:hover\:borderamber1:hover, .mb\:focus\:borderamber1:focus { border-color: rgba(var(--amber-1-rgb), var(--ape-border-opacity)); } .mb\:borderamber2, .mb\:hover\:borderamber2:hover, .mb\:focus\:borderamber2:focus { border-color: rgba(var(--amber-2-rgb), var(--ape-border-opacity)); } .mb\:borderamber3, .mb\:hover\:borderamber3:hover, .mb\:focus\:borderamber3:focus { border-color: rgba(var(--amber-3-rgb), var(--ape-border-opacity)); } .mb\:borderamber4, .mb\:hover\:borderamber4:hover, .mb\:focus\:borderamber4:focus { border-color: rgba(var(--amber-4-rgb), var(--ape-border-opacity)); } .mb\:borderamber5, .mb\:hover\:borderamber5:hover, .mb\:focus\:borderamber5:focus { border-color: rgba(var(--amber-5-rgb), var(--ape-border-opacity)); } /**Yellow**/ .mb\:borderyellow1, .mb\:hover\:borderyellow1:hover, .mb\:focus\:borderyellow1:focus { border-color: rgba(var(--yellow-1-rgb), var(--ape-border-opacity)); } .mb\:borderyellow2, .mb\:hover\:borderyellow2:hover, .mb\:focus\:borderyellow2:focus { border-color: rgba(var(--yellow-2-rgb), var(--ape-border-opacity)); } .mb\:borderyellow3, .mb\:hover\:borderyellow3:hover, .mb\:focus\:borderyellow3:focus { border-color: rgba(var(--yellow-3-rgb), var(--ape-border-opacity)); } .mb\:borderyellow4, .mb\:hover\:borderyellow4:hover, .mb\:focus\:borderyellow4:focus { border-color: rgba(var(--yellow-4-rgb), var(--ape-border-opacity)); } .mb\:borderyellow5, .mb\:hover\:borderyellow5:hover, .mb\:focus\:borderyellow5:focus { border-color: rgba(var(--yellow-5-rgb), var(--ape-border-opacity)); } /**Green**/ .mb\:bordergreen1, .mb\:hover\:bordergreen1:hover, .mb\:focus\:bordergreen1:focus { border-color: rgba(var(--green-1-rgb), var(--ape-border-opacity)); } .mb\:bordergreen2, .mb\:hover\:bordergreen2:hover, .mb\:focus\:bordergreen2:focus { border-color: rgba(var(--green-2-rgb), var(--ape-border-opacity)); } .mb\:bordergreen3, .mb\:hover\:bordergreen3:hover, .mb\:focus\:bordergreen3:focus { border-color: rgba(var(--green-3-rgb), var(--ape-border-opacity)); } .mb\:bordergreen4, .mb\:hover\:bordergreen4:hover, .mb\:focus\:bordergreen4:focus { border-color: rgba(var(--green-4-rgb), var(--ape-border-opacity)); } .mb\:bordergreen5, .mb\:hover\:bordergreen5:hover, .mb\:focus\:bordergreen5:focus { border-color: rgba(var(--green-5-rgb), var(--ape-border-opacity)); } /**Teal**/ .mb\:borderteal1, .mb\:hover\:borderteal1:hover, .mb\:focus\:borderteal1:focus { border-color: rgba(var(--teal-1-rgb), var(--ape-border-opacity)); } .mb\:borderteal2, .mb\:hover\:borderteal2:hover, .mb\:focus\:borderteal2:focus { border-color: rgba(var(--teal-2-rgb), var(--ape-border-opacity)); } .mb\:borderteal3, .mb\:hover\:borderteal3:hover, .mb\:focus\:borderteal3:focus { border-color: rgba(var(--teal-3-rgb), var(--ape-border-opacity)); } .mb\:borderteal4, .mb\:hover\:borderteal4:hover, .mb\:focus\:borderteal4:focus { border-color: rgba(var(--teal-4-rgb), var(--ape-border-opacity)); } .mb\:borderteal5, .mb\:hover\:borderteal5:hover, .mb\:focus\:borderteal5:focus { border-color: rgba(var(--teal-5-rgb), var(--ape-border-opacity)); } /**Blue**/ .mb\:borderblue1, .mb\:hover\:borderblue1:hover, .mb\:focus\:borderblue1:focus { border-color: rgba(var(--blue-1-rgb), var(--ape-border-opacity)); } .mb\:borderblue2, .mb\:hover\:borderblue2:hover, .mb\:focus\:borderblue2:focus { border-color: rgba(var(--blue-2-rgb), var(--ape-border-opacity)); } .mb\:borderblue3, .mb\:hover\:borderblue3:hover, .mb\:focus\:borderblue3:focus { border-color: rgba(var(--blue-3-rgb), var(--ape-border-opacity)); } .mb\:borderblue4, .mb\:hover\:borderblue4:hover, .mb\:focus\:borderblue4:focus { border-color: rgba(var(--blue-4-rgb), var(--ape-border-opacity)); } .mb\:borderblue5, .mb\:hover\:borderblue5:hover, .mb\:focus\:borderblue5:focus { border-color: rgba(var(--blue-5-rgb), var(--ape-border-opacity)); } /**Indigo**/ .mb\:borderindigo1, .mb\:hover\:borderindigo1:hover, .mb\:focus\:borderindigo1:focus { border-color: rgba(var(--indigo-1-rgb), var(--ape-border-opacity));} .mb\:borderindigo2, .mb\:hover\:borderindigo2:hover, .mb\:focus\:borderindigo2:focus { border-color: rgba(var(--indigo-2-rgb), var(--ape-border-opacity));} .mb\:borderindigo3, .mb\:hover\:borderindigo3:hover, .mb\:focus\:borderindigo3:focus { border-color: rgba(var(--indigo-3-rgb), var(--ape-border-opacity));} .mb\:borderindigo4, .mb\:hover\:borderindigo4:hover, .mb\:focus\:borderindigo4:focus { border-color: rgba(var(--indigo-4-rgb), var(--ape-border-opacity));} .mb\:borderindigo5, .mb\:hover\:borderindigo5:hover, .mb\:focus\:borderindigo5:focus { border-color: rgba(var(--indigo-5-rgb), var(--ape-border-opacity));} /**Purple**/ .mb\:borderpurple1, .mb\:hover\:borderpurple1:hover, .mb\:focus\:borderpurple1:focus { border-color: rgba(var(--purple-1-rgb), var(--ape-border-opacity));} .mb\:borderpurple2, .mb\:hover\:borderpurple2:hover, .mb\:focus\:borderpurple2:focus { border-color: rgba(var(--purple-2-rgb), var(--ape-border-opacity));} .mb\:borderpurple3, .mb\:hover\:borderpurple3:hover, .mb\:focus\:borderpurple3:focus { border-color: rgba(var(--purple-3-rgb), var(--ape-border-opacity));} .mb\:borderpurple4, .mb\:hover\:borderpurple4:hover, .mb\:focus\:borderpurple4:focus { border-color: rgba(var(--purple-4-rgb), var(--ape-border-opacity));} .mb\:borderpurple5, .mb\:hover\:borderpurple5:hover, .mb\:focus\:borderpurple5:focus { border-color: rgba(var(--purple-5-rgb), var(--ape-border-opacity));} .mb\:borderpurple6, .mb\:hover\:borderpurple6:hover, .mb\:focus\:borderpurple6:focus { border-color: rgba(var(--purple-6-rgb), var(--ape-border-opacity));} /**Pink**/ .mb\:borderpink1, .mb\:hover\:borderpink1:hover, .mb\:focus\:borderpink1:focus { border-color: rgba(var(--pink-1-rgb), var(--ape-border-opacity)); } .mb\:borderpink2, .mb\:hover\:borderpink2:hover, .mb\:focus\:borderpink2:focus { border-color: rgba(var(--pink-2-rgb), var(--ape-border-opacity)); } .mb\:borderpink3, .mb\:hover\:borderpink3:hover, .mb\:focus\:borderpink3:focus { border-color: rgba(var(--pink-3-rgb), var(--ape-border-opacity)); } .mb\:borderpink4, .mb\:hover\:borderpink4:hover, .mb\:focus\:borderpink4:focus { border-color: rgba(var(--pink-4-rgb), var(--ape-border-opacity)); } .mb\:borderpink5, .mb\:hover\:borderpink5:hover, .mb\:focus\:borderpink5:focus { border-color: rgba(var(--pink-5-rgb), var(--ape-border-opacity)); } /*-------------------------------------------------------------- Filters --------------------------------------------------------------*/ /**blur**/ .mb\:blur0 {filter: blur(0);} .mb\:blur1 {filter: blur(4px);} .mb\:blur2 {filter: blur(8px);} .mb\:blur3 {filter: blur(12px);} .mb\:blur4 {filter: blur(16px);} .mb\:blur5 {filter: blur(20px);} .mb\:blur6 {filter: blur(24px);} .mb\:blur7 {filter: blur(28px);} .mb\:blur8 {filter: blur(32px);} .mb\:blur9 {filter: blur(36px);} .mb\:blur10 {filter: blur(40px);} /**Brightness**/ .mb\:-brightness5 {filter: brightness(0);} .mb\:-brightness4 {filter: brightness(.2);} .mb\:-brightness3 {filter: brightness(.4);} .mb\:-brightness2 {filter: brightness(.6);} .mb\:-brightness1 {filter: brightness(.8);} .mb\:brightness1 {filter: brightness(1.2);} .mb\:brightness2 {filter: brightness(1.4);} .mb\:brightness3 {filter: brightness(1.6);} .mb\:brightness4 {filter: brightness(1.8);} .mb\:brightness5 {filter: brightness(2);} /**contrast**/ .mb\:contrast0 {filter: contrast(0);} .mb\:-contrast5 {filter: contrast(.2);} .mb\:-contrast4 {filter: contrast(.4);} .mb\:-contrast3 {filter: contrast(.6);} .mb\:-contrast2 {filter: contrast(.8);} .mb\:contrast1 {filter: contrast(1.2);} .mb\:contrast2 {filter: contrast(1.4);} .mb\:contrast3 {filter: contrast(1.6);} .mb\:contrast4 {filter: contrast(1.8);} .mb\:contrast5 {filter: contrast(2);} /**drop-shadow**/ .mb\:dropshadow0 {filter: drop-shadow(0 0 #0000);} .mb\:dropshadow1 {filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));} .mb\:dropshadow2 {filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));} .mb\:dropshadow3 {filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));} .mb\:dropshadow4 {filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));} .mb\:dropshadow5 {filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));} .mb\:dropshadow6 {filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));} /**grayscale**/ .mb\:grayscale1 {filter: grayscale(20%);} .mb\:grayscale2 {filter: grayscale(40%);} .mb\:grayscale3 {filter: grayscale(60%);} .mb\:grayscale4 {filter: grayscale(80%);} .mb\:grayscale5 {filter: grayscale(100%);} /**invert**/ .mb\:invert1 {filter: invert(20%);} .mb\:invert2 {filter: invert(40%);} .mb\:invert3 {filter: invert(60%);} .mb\:invert4 {filter: invert(80%);} .mb\:invert5 {filter: invert(100%);} /**saturate**/ .mb\:-saturate5 {filter: saturate(0);} .mb\:-saturate4 {filter: saturate(.2);} .mb\:-saturate3 {filter: saturate(.4);} .mb\:-saturate2 {filter: saturate(.6);} .mb\:-saturate1 {filter: saturate(.8);} .mb\:saturate1 {filter: saturate(2);} .mb\:saturate2 {filter: saturate(4);} .mb\:saturate3 {filter: saturate(6);} .mb\:saturate4 {filter: saturate(8);} .mb\:saturate5 {filter: saturate(10);} /**sepia**/ .mb\:sepia1 {filter: sepia(20%);} .mb\:sepia2 {filter: sepia(40%);} .mb\:sepia3 {filter: sepia(60%);} .mb\:sepia4 {filter: sepia(80%);} .mb\:sepia5 {filter: sepia(100%);} /*-------------------------------------------------------------- Transition, Transform, Animation --------------------------------------------------------------*/ /**Transition Propertys**/ .mb\:transitionnone {transition-property: none;} .mb\:transitionall {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .mb\:transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .mb\:transitioncolors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .mb\:transitionopacity {transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .mb\:transitionshadow {transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} .mb\:transitiontransform {transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;} /**Transition Duration**/ .mb\:duration100 {transition-duration: 100ms;} .mb\:duration200 {transition-duration: 200ms;} .mb\:duration300 {transition-duration: 300ms;} .mb\:duration400 {transition-duration: 400ms;} .mb\:duration500 {transition-duration: 500ms;} .mb\:duration750 {transition-duration: 750ms;} .mb\:duration1000 {transition-duration: 1000ms;} .mb\:duration1250 {transition-duration: 1250ms;} .mb\:duration1500 {transition-duration: 1500ms;} .mb\:duration1750 {transition-duration: 1750ms;} .mb\:duration2000 {transition-duration: 2000ms;} /**Transition Delay**/ .mb\:delay100 {transition-delay: 100ms;} .mb\:delay200 {transition-delay: 200ms;} .mb\:delay300 {transition-delay: 300ms;} .mb\:delay400 {transition-delay: 400ms;} .mb\:delay500 {transition-delay: 500ms;} .mb\:delay750 {transition-delay: 750ms;} .mb\:delay1000 {transition-delay: 1000ms;} .mb\:delay1250 {transition-delay: 1250ms;} .mb\:delay1500 {transition-delay: 1500ms;} .mb\:delay1750 {transition-delay: 1750ms;} .mb\:delay2000 {transition-delay: 2000ms;} /**Transition Timing Function**/ .mb\:easelinear {transition-timing-function: linear;} .mb\:easein {transition-timing-function: cubic-bezier(0.4, 0, 1, 1);} .mb\:easeout {transition-timing-function: cubic-bezier(0, 0, 0.2, 1);} .mb\:easeinout {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} /**Transform**/ .mb\:scale50 {transform: scale(.5);} .mb\:scale75 {transform: scale(.75);} .mb\:scale90 {transform: scale(.9);} .mb\:scale100 {transform: scale(1);} .mb\:scale110 {transform: scale(1.1);} .mb\:scale125 {transform: scale(1.25);} .mb\:scale150 {transform: scale(1.5);} .mb\:scale200 {transform: scale(2);} .mb\:scale300 {transform: scale(3);} .mb\:scalex050 {transform: scaleX(.5);} .mb\:scalex075 {transform: scaleX(.75);} .mb\:scalex100 {transform: scaleX(1);} .mb\:scalex110 {transform: scaleX(1.1);} .mb\:scalex125 {transform: scaleX(1.25);} .mb\:scalex150 {transform: scaleX(1.5);} .mb\:scalex200 {transform: scaleX(2);} .mb\:scalex300 {transform: scaleX(3);} .mb\:scaley050 {transform: scaleY(.5);} .mb\:scaley075 {transform: scaleY(.75);} .mb\:scaley100 {transform: scaleY(1);} .mb\:scaley110 {transform: scaleY(1.1);} .mb\:scaley125 {transform: scaleY(1.25);} .mb\:scaley150 {transform: scaleY(1.5);} .mb\:scaley200 {transform: scaleY(2);} .mb\:scaley300 {transform: scaleY(3);} .mb\:-rotate180 {transform: rotate(-180deg);} .mb\:-rotate135 {transform: rotate(-135deg);} .mb\:-rotate90 {transform: rotate(-90deg);} .mb\:-rotate45 {transform: rotate(-45deg);} .mb\:-rotate36 {transform: rotate(-36deg);} .mb\:-rotate27 {transform: rotate(-27deg);} .mb\:-rotate18 {transform: rotate(-18deg);} .mb\:-rotate12 {transform: rotate(-12deg);} .mb\:-rotate6 {transform: rotate(-6deg);} .mb\:-rotate3 {transform: rotate(-3deg);} .mb\:-rotate2 {transform: rotate(-2deg);} .mb\:-rotate1 {transform: rotate(-1deg);} .mb\:rotate0 {transform: rotate(0deg);} .mb\:rotate1 {transform: rotate(1deg);} .mb\:rotate2 {transform: rotate(2deg);} .mb\:rotate3 {transform: rotate(3deg);} .mb\:rotate6 {transform: rotate(6deg);} .mb\:rotate12 {transform: rotate(12deg);} .mb\:rotate18 {transform: rotate(18deg);} .mb\:rotate27 {transform: rotate(27deg);} .mb\:rotate36 {transform: rotate(36deg);} .mb\:rotate45 {transform: rotate(45deg);} .mb\:rotate90 {transform: rotate(90deg);} .mb\:rotate135 {transform: rotate(135deg);} .mb\:rotate180 {transform: rotate(180deg);} .mb\:rotate270 {transform: rotate(270deg);} .mb\:translatex0125 {transform: translateX(0.125rem);} .mb\:translatex025 {transform: translateX(0.25rem);} .mb\:translatex050 {transform: translateX(0.5rem);} .mb\:translatex075 {transform: translateX(0.75rem);} .mb\:translatex1 {transform: translateX(1rem);} .mb\:translatex125 {transform: translateX(1.25rem);} .mb\:translatex150 {transform: translateX(1.5rem);} .mb\:translatex175 {transform: translateX(1.75rem);} .mb\:translatex2 {transform: translateX(2rem);} .mb\:translatex3 {transform: translateX(3rem);} .mb\:translatex4 {transform: translateX(4rem);} .mb\:translatex5 {transform: translateX(5rem);} .mb\:translatex6 {transform: translateX(6rem);} .mb\:translatex7 {transform: translateX(7rem);} .mb\:translatex8 {transform: translateX(8rem);} .mb\:translatex9 {transform: translateX(9rem);} .mb\:translatex10 {transform: translateX(10rem);} .mb\:-translatex0125 {transform: translateX(-0.125rem);} .mb\:-translatex025 {transform: translateX(-0.25rem);} .mb\:-translatex050 {transform: translateX(-0.5rem);} .mb\:-translatex075 {transform: translateX(-0.75rem);} .mb\:-translatex1 {transform: translateX(-1rem);} .mb\:-translatex125 {transform: translateX(-1.25rem);} .mb\:-translatex150 {transform: translateX(-1.5rem);} .mb\:-translatex175 {transform: translateX(-1.75rem);} .mb\:-translatex2 {transform: translateX(-2rem);} .mb\:-translatex3 {transform: translateX(-3rem);} .mb\:-translatex4 {transform: translateX(-4rem);} .mb\:-translatex5 {transform: translateX(-5rem);} .mb\:-translatex6 {transform: translateX(-6rem);} .mb\:-translatex7 {transform: translateX(-7rem);} .mb\:-translatex8 {transform: translateX(-8rem);} .mb\:-translatex9 {transform: translateX(-9rem);} .mb\:-translatex10 {transform: translateX(-10rem);} .mb\:translatey0125 {transform: translateY(0.125rem);} .mb\:translatey025 {transform: translateY(0.25rem);} .mb\:translatey050 {transform: translateY(0.5rem);} .mb\:translatey075 {transform: translateY(0.75rem);} .mb\:translatey1 {transform: translateY(1rem);} .mb\:translatey125 {transform: translateY(1.25rem);} .mb\:translatey150 {transform: translateY(1.5rem);} .mb\:translatey175 {transform: translateY(1.75rem);} .mb\:translatey2 {transform: translateY(2rem);} .mb\:translatey3 {transform: translateY(3rem);} .mb\:translatey4 {transform: translateY(4rem);} .mb\:translatey5 {transform: translateY(5rem);} .mb\:translatey6 {transform: translateY(6rem);} .mb\:translatey7 {transform: translateY(7rem);} .mb\:translatey8 {transform: translateY(8rem);} .mb\:translatey9 {transform: translateY(9rem);} .mb\:translatey10 {transform: translateY(10rem);} .mb\:-translatey0125 {transform: translateY(-0.125rem);} .mb\:-translatey025 {transform: translateY(-0.25rem);} .mb\:-translatey050 {transform: translateY(-0.5rem);} .mb\:-translatey075 {transform: translateY(-0.75rem);} .mb\:-translatey1 {transform: translateY(-1rem);} .mb\:-translatey125 {transform: translateY(-1.25rem);} .mb\:-translatey150 {transform: translateY(-1.5rem);} .mb\:-translatey175 {transform: translateY(-1.75rem);} .mb\:-translatey2 {transform: translateY(-2rem);} .mb\:-translatey3 {transform: translateY(-3rem);} .mb\:-translatey4 {transform: translateY(-4rem);} .mb\:-translatey5 {transform: translateY(-5rem);} .mb\:-translatey6 {transform: translateY(-6rem);} .mb\:-translatey7 {transform: translateY(-7rem);} .mb\:-translatey8 {transform: translateY(-8rem);} .mb\:-translatey9 {transform: translateY(-9rem);} .mb\:-translatey10 {transform: translateY(-10rem);} .mb\:translatex50p {transform: translateX(50%);} .mb\:translatex33p {transform: translateX(33.333333%);} .mb\:translatex66p {transform: translateX(66.666667%);} .mb\:translatex25p {transform: translateX(25%);} .mb\:translatex75p {transform: translateX(75%);} .mb\:translatex100p {transform: translateX(100%);} .mb\:translatey33p {transform: translateY(33.333333%);} .mb\:translatey66p {transform: translateY(66.666667%);} .mb\:translatey25p {transform: translateY(25%);} .mb\:translatey50p {transform: translateY(50%);} .mb\:translatey75p {transform: translateY(75%);} .mb\:translatey100p {transform: translateY(100%);} .mb\:skewx0 {transform: skewX(0deg);} .mb\:skewy0 {transform: skewY(0deg);} .mb\:skewx1 {transform: skewX(1deg);} .mb\:skewy1 {transform: skewY(1deg);} .mb\:skewx2 {transform: skewX(2deg);} .mb\:skewy2 {transform: skewY(2deg);} .mb\:skewx3 {transform: skewX(3deg);} .mb\:skewy3 {transform: skewY(3deg);} .mb\:skewx6 {transform: skewX(6deg);} .mb\:skewy6 {transform: skewY(6deg);} .mb\:skewx12 {transform: skewX(12deg);} .mb\:skewy12 {transform: skewY(12deg);} .mb\:origincenter {transform-origin: center;} .mb\:origintop {transform-origin: top;} .mb\:originright {transform-origin: right;} .mb\:originbottom {transform-origin: bottom;} .mb\:originleft {transform-origin: left;} .mb\:origintopleft {transform-origin: top left;} .mb\:origintopright {transform-origin: top right;} .mb\:originbottomleft {transform-origin: bottom left;} .mb\:originbottomright {transform-origin: bottom right;} /**cursor**/ .mb\:cursorpointer { cursor: pointer;} .mb\:cursortext { cursor: text;} .mb\:cursornotallowed { cursor: not-allowed;} /**Touch Action**/ .mb\:touchauto { touch-action: auto; } .mb\:touchnone { touch-action: none; } .mb\:touchpanx { touch-action: pan-x; } .mb\:touchpany { touch-action: pan-y; } .mb\:touchpanxy { touch-action: pan-x pan-y; } .mb\:touchmanipulation { touch-action: manipulation; } } /* ============================================ DESKTOP GRID SAFEGUARD - ROBUST FIX 1. Extra closing brace `}` handles potential unclosed media queries above. 2. `!important` ensures these rules override any leaking styles. ============================================ */ @media (min-width: 1181px) { .gridcols1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .gridcols2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .gridcols3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .gridcols4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .gridcols5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .gridcols6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .gridcols7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .gridcols8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .gridcols9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .gridcols10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .gridcols11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .gridcols12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .gridcolsauto { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; } } /* --- RESPONSIVE TEXT OVERRIDES --- */ /* Tablet Overrides (1180px and below) */ @media (max-width: 1180px) { .tb\:text1 { font-size: calc(var(--grid-vw) * var(--ape-t1-tablet)) !important; } .tb\:text2 { font-size: calc(var(--grid-vw) * var(--ape-t2-tablet)) !important; } .tb\:text3 { font-size: calc(var(--grid-vw) * var(--ape-t3-tablet)) !important; } .tb\:text4 { font-size: calc(var(--grid-vw) * var(--ape-t4-tablet)) !important; } .tb\:text5 { font-size: calc(var(--grid-vw) * var(--ape-t5-tablet)) !important; } .tb\:text6 { font-size: calc(var(--grid-vw) * var(--ape-t6-tablet)) !important; } .tb\:text7 { font-size: calc(var(--grid-vw) * var(--ape-t7-tablet)) !important; } .tb\:text8 { font-size: calc(var(--grid-vw) * var(--ape-t8-tablet)) !important; } .tb\:text9 { font-size: calc(var(--grid-vw) * var(--ape-t9-tablet)) !important; } .tb\:text10 { font-size: calc(var(--grid-vw) * var(--ape-t10-tablet)) !important; } .tb\:text11 { font-size: calc(var(--grid-vw) * var(--ape-t11-tablet)) !important; } .tb\:text12 { font-size: calc(var(--grid-vw) * var(--ape-t12-tablet)) !important; } .tb\:text13 { font-size: calc(var(--grid-vw) * var(--ape-t13-tablet)) !important; } .tb\:text14 { font-size: calc(var(--grid-vw) * var(--ape-t14-tablet)) !important; } .tb\:text15 { font-size: calc(var(--grid-vw) * var(--ape-t15-tablet)) !important; } } /* Mobile Overrides (767px and below) */ @media (max-width: 767px) { .mb\:text1 { font-size: calc(var(--grid-vw) * var(--ape-t1-mobile)) !important; } .mb\:text2 { font-size: calc(var(--grid-vw) * var(--ape-t2-mobile)) !important; } .mb\:text3 { font-size: calc(var(--grid-vw) * var(--ape-t3-mobile)) !important; } .mb\:text4 { font-size: calc(var(--grid-vw) * var(--ape-t4-mobile)) !important; } .mb\:text5 { font-size: calc(var(--grid-vw) * var(--ape-t5-mobile)) !important; } .mb\:text6 { font-size: calc(var(--grid-vw) * var(--ape-t6-mobile)) !important; } .mb\:text7 { font-size: calc(var(--grid-vw) * var(--ape-t7-mobile)) !important; } .mb\:text8 { font-size: calc(var(--grid-vw) * var(--ape-t8-mobile)) !important; } .mb\:text9 { font-size: calc(var(--grid-vw) * var(--ape-t9-mobile)) !important; } .mb\:text10 { font-size: calc(var(--grid-vw) * var(--ape-t10-mobile)) !important; } .mb\:text11 { font-size: calc(var(--grid-vw) * var(--ape-t11-mobile)) !important; } .mb\:text12 { font-size: calc(var(--grid-vw) * var(--ape-t12-mobile)) !important; } .mb\:text13 { font-size: calc(var(--grid-vw) * var(--ape-t13-mobile)) !important; } .mb\:text14 { font-size: calc(var(--grid-vw) * var(--ape-t14-mobile)) !important; } .mb\:text15 { font-size: calc(var(--grid-vw) * var(--ape-t15-mobile)) !important; } }