/* ******************************************************************************************* * TAILWIND.CSS * DOCUMENTATION: https://tailwindcss.com/ * ******************************************************************************************* */ /* * Available breakpoints * -------------------- * sm: min-width: 640px; * md: min-width: 768px; * lg: min-width: 1024px; * xl: min-width: 1280px; */ /* ******************************************************************************************* * LAYOUT * ******************************************************************************************* */ /* * Container * -------------------- * A component for fixing an element's width to the current breakpoint. */ .container /* * Box-sizing * -------------------- * Utilities for controlling how the browser should calculate an element's total size. * By default, only responsive variants are generated for box-sizing utilities. */ .box-border /* box-sizing: border-box; */ .box-content /* box-sizing: content-box; */ /* * Display * -------------------- * Utilities for controlling the display box type of an element. * By default, only responsive variants are generated for display utilities. */ .hidden /* display: none; */ .block /* display: block; */ .inline-block /* display: inline-block; */ .inline /* display: inline; */ .flex /* display: flex; */ .inline-flex /* display: inline-flex; */ .grid /* display: grid; */ .table /* display: table; */ .table-caption /* display: table-caption; */ .table-cell /* display: table-cell; */ .table-column /* display: table-column; */ .table-column-group /* display: table-column-group; */ .table-footer-group /* display: table-footer-group; */ .table-header-group /* display: table-header-group; */ .table-row-group /* display: table-row-group; */ .table-row /* display: table-row; */ /* * Floats * -------------------- * Utilities for controlling the wrapping of content around an element. * By default, only responsive variants are generated for float utilities. */ .float-right /* float: right; */ .float-left /* float: left; */ .float-none /* float: none; */ .clearfix /* &::after { content: ""; display: table; clear: both; } */ /* * Clear * -------------------- * Utilities for controlling the wrapping of content around an element. * By default, only responsive variants are generated for clear utilities. */ .clear-left /* clear: left; */ .clear-right /* clear: right; */ .clear-both /* clear: both; */ /* * Object Fit * -------------------- * Utilities for controlling how a replaced element's content should be resized. * By default, only responsive variants are generated for object-fit utilities. */ .object-contain /* object-fit: contain; */ .object-cover /* object-fit: cover; */ .object-fill /* object-fit: fill; */ .object-none /* object-fit: none; */ .object-scale-down /* object-fit: scale-down; */ /* * Object Position * -------------------- * Utilities for controlling how a replaced element's content should be positioned within its container. * By default, only responsive variants are generated for object position utilities. */ .object-bottom /* object-position: bottom; */ .object-center /* object-position: center; */ .object-left /* object-position: left; */ .object-left-bottom /* object-position: left bottom; */ .object-left-top /* object-position: left top; */ .object-right /* object-position: right; */ .object-right-bottom /* object-position: right bottom; */ .object-right-top /* object-position: right top; */ .object-top /* object-position: top; */ /* * Overflow * -------------------- * Utilities for controlling how an element handles content that is too large for the container. * By default, only responsive variants are generated for overflow utilities. */ .overflow-auto /* overflow: auto; */ .overflow-hidden /* overflow: hidden; */ .overflow-visible /* overflow: visible; */ .overflow-scroll /* overflow: scroll; */ .overflow-x-auto /* overflow-x: auto; */ .overflow-y-auto /* overflow-y: auto; */ .overflow-x-hidden /* overflow-x: hidden; */ .overflow-y-hidden /* overflow-y: hidden; */ .overflow-x-visible /* overflow-x: visible; */ .overflow-y-visible /* overflow-y: visible; */ .overflow-x-scroll /* overflow-x: scroll; */ .overflow-y-scroll /* overflow-y: scroll; */ .scrolling-touch /* -webkit-overflow-scrolling: touch; */ .scrolling-auto /* -webkit-overflow-scrolling: auto; */ /* * Position * -------------------- * Utilities for controlling how an element is positioned in the DOM. * By default, only responsive variants are generated for position utilities. */ .static /* position: static; */ .fixed /* position: fixed; */ .absolute /* position: absolute; */ .relative /* position: relative; */ .sticky /* position: sticky; */ /* * Top / Right / Bottom / Left * -------------------- * Utilities for controlling the placement of positioned elements. * By default, only responsive variants are generated for top, right, bottom, left, and inset utilities. */ .inset-0 /* top: 0; right: 0; bottom: 0; left: 0; */ .inset-y-0 /* top: 0; bottom: 0; */ .inset-x-0 /* right: 0; left: 0; */ .top-0 /* top: 0; */ .right-0 /* right: 0; */ .bottom-0 /* bottom: 0; */ .left-0 /* left: 0; */ .inset-auto /* top: auto; right: auto; bottom: auto; left: auto; */ .inset-y-auto /* top: auto; bottom: auto; */ .inset-x-auto /* left: auto; right: auto; */ .top-auto /* top: auto; */ .bottom-auto /* bottom: auto; */ .left-auto /* left: auto; */ .right-auto /* right: auto; */ /* * Visibility * -------------------- * Utilities for controlling the visibility of an element. * By default, only responsive variants are generated for visibility utilities. */ .visible /* visibility: visible; */ .invisible /* visibility: hidden; */ /* * Z-Index * -------------------- * Utilities for controlling the stack order of an element. * By default, only responsive variants are generated for z-index utilities. */ .z-0 /* z-index: 0; */ .z-10 /* z-index: 10; */ .z-20 /* z-index: 20; */ .z-30 /* z-index: 30; */ .z-40 /* z-index: 40; */ .z-50 /* z-index: 50; */ .z-auto /* z-index: auto; */ /* ******************************************************************************************* * FLEXBOX * ******************************************************************************************* */ .flex /* display: flex; */ .inline-flex /* display: inline-flex; */ /* * Flex Direction * -------------------- * Utilities for controlling the direction of flex items. * By default, only responsive variants are generated for flex-direction utilities. */ .flex-row /* flex-direction: row; */ .flex-row-reverse /* flex-direction: row-reverse; */ .flex-col /* flex-direction: column; */ .flex-col-reverse /* flex-direction: column-reverse; */ /* * Flex Wrap * -------------------- * Utilities for controlling how flex items wrap. * By default, only responsive variants are generated for flex-wrap utilities. */ .flex-no-wrap /* flex-wrap: nowrap; */ .flex-wrap /* flex-wrap: wrap; */ .flex-wrap-reverse /* flex-wrap: wrap-reverse; */ /* * Align Items * -------------------- * Utilities for controlling how flex items are positioned along a container's cross axis. * By default, only responsive variants are generated for align-items utilities. */ .items-stretch /* align-items: stretch; */ .items-start /* align-items: flex-start; */ .items-center /* align-items: center; */ .items-end /* align-items: flex-end; */ .items-baseline /* align-items: baseline; */ /* * Align Content * -------------------- * Utilities for controlling how lines are positioned in multi-line flex containers. * By default, only responsive variants are generated for align-content utilities. */ .content-start /* align-content: flex-start; */ .content-center /* align-content: center; */ .content-end /* align-content: flex-end; */ .content-between /* align-content: space-between; */ .content-around /* align-content: space-around; */ /* * Align Self * -------------------- * Utilities for controlling how an individual flex item is positioned along its container's cross axis. * By default, only responsive variants are generated for align-self utilities. */ .self-auto /* align-self: auto; */ .self-start /* align-self: flex-start; */ .self-center /* align-self: center; */ .self-end /* align-self: flex-end; */ .self-stretch /* align-self: stretch; */ /* * Justify Content * -------------------- * Utilities for controlling how flex items are positioned along a container's main axis. * By default, only responsive variants are generated for justify-content utilities. */ .justify-start /* justify-content: flex-start; */ .justify-center /* justify-content: center; */ .justify-end /* justify-content: flex-end; */ .justify-between /* justify-content: space-between; */ .justify-around /* justify-content: space-around; */ /* * Flex * -------------------- * Utilities for controlling how flex items both grow and shrink. * By default, only responsive variants are generated for flex utilities. */ .flex-initial /* flex: 0 1 auto; */ .flex-1 /* flex: 1 1 0%; */ .flex-auto /* flex: 1 1 auto; */ .flex-none /* flex: none; */ /* * Flex Grow * -------------------- * Utilities for controlling how flex items grow. * By default, only responsive variants are generated for flex grow utilities. */ .flex-grow /* flex-grow: 1; */ .flex-grow-0 /* flex-grow: 0; */ /* * Flex Shrink * -------------------- * Utilities for controlling how flex items shrink. * By default, only responsive variants are generated for flex shrink utilities. */ .flex-shrink /* flex-shrink: 1; */ .flex-shrink-0 /* flex-shrink: 0; */ /* * Order * -------------------- * Utilities for controlling the order of flex items. * By default, only responsive variants are generated for order utilities. */ .order-first /* order: -9999; */ .order-last /* order: 9999; */ .order-none /* order: 0; */ .order-1 /* order: 1; */ .order-2 /* order: 2; */ .order-3 /* order: 3; */ .order-4 /* order: 4; */ .order-5 /* order: 5; */ .order-6 /* order: 6; */ .order-7 /* order: 7; */ .order-8 /* order: 8; */ .order-9 /* order: 9; */ .order-10 /* order: 10; */ .order-11 /* order: 11; */ .order-12 /* order: 12; */ /* ******************************************************************************************* * GRID * ******************************************************************************************* */ .grid /* display: grid; */ /* * Grid Template Columns * -------------------- * Utilities for specifying the columns in a grid layout. * By default, only responsive variants are generated for grid-template-columns utilities. */ .grid-cols-1 /* grid-template-columns: repeat(1, minmax(0, 1fr)); */ .grid-cols-2 /* grid-template-columns: repeat(2, minmax(0, 1fr)); */ .grid-cols-3 /* grid-template-columns: repeat(3, minmax(0, 1fr)); */ .grid-cols-4 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */ .grid-cols-5 /* grid-template-columns: repeat(5, minmax(0, 1fr)); */ .grid-cols-6 /* grid-template-columns: repeat(6, minmax(0, 1fr)); */ .grid-cols-7 /* grid-template-columns: repeat(7, minmax(0, 1fr)); */ .grid-cols-8 /* grid-template-columns: repeat(8, minmax(0, 1fr)); */ .grid-cols-9 /* grid-template-columns: repeat(9, minmax(0, 1fr)); */ .grid-cols-10 /* grid-template-columns: repeat(10, minmax(0, 1fr)); */ .grid-cols-11 /* grid-template-columns: repeat(11, minmax(0, 1fr)); */ .grid-cols-12 /* grid-template-columns: repeat(12, minmax(0, 1fr)); */ .grid-cols-none /* grid-template-columns: none; */ /* * Grid Column Start / End * -------------------- * Utilities for controlling how elements are sized and placed across grid columns. * By default, only responsive variants are generated for grid-column utilities. */ .col-auto /* grid-column: auto; */ .col-span-1 /* grid-column: span 1 / span 1; */ .col-span-2 /* grid-column: span 2 / span 2; */ .col-span-3 /* grid-column: span 3 / span 3; */ .col-span-4 /* grid-column: span 4 / span 4; */ .col-span-5 /* grid-column: span 5 / span 5; */ .col-span-6 /* grid-column: span 6 / span 6; */ .col-span-7 /* grid-column: span 7 / span 7; */ .col-span-8 /* grid-column: span 8 / span 8; */ .col-span-9 /* grid-column: span 9 / span 9; */ .col-span-10 /* grid-column: span 10 / span 10; */ .col-span-11 /* grid-column: span 11 / span 11; */ .col-span-12 /* grid-column: span 12 / span 12; */ .col-start-1 /* grid-column-start: 1; */ .col-start-2 /* grid-column-start: 2; */ .col-start-3 /* grid-column-start: 3; */ .col-start-4 /* grid-column-start: 4; */ .col-start-5 /* grid-column-start: 5; */ .col-start-6 /* grid-column-start: 6; */ .col-start-7 /* grid-column-start: 7; */ .col-start-8 /* grid-column-start: 8; */ .col-start-9 /* grid-column-start: 9; */ .col-start-10 /* grid-column-start: 10; */ .col-start-11 /* grid-column-start: 11; */ .col-start-12 /* grid-column-start: 12; */ .col-start-13 /* grid-column-start: 13; */ .col-start-auto /* grid-column-start: auto; */ .col-end-1 /* grid-column-end: 1; */ .col-end-2 /* grid-column-end: 2; */ .col-end-3 /* grid-column-end: 3; */ .col-end-4 /* grid-column-end: 4; */ .col-end-5 /* grid-column-end: 5; */ .col-end-6 /* grid-column-end: 6; */ .col-end-7 /* grid-column-end: 7; */ .col-end-8 /* grid-column-end: 8; */ .col-end-9 /* grid-column-end: 9; */ .col-end-10 /* grid-column-end: 10; */ .col-end-11 /* grid-column-end: 11; */ .col-end-12 /* grid-column-end: 12; */ .col-end-13 /* grid-column-end: 13; */ .col-end-auto /* grid-column-end: auto; */ /* * Grid Template Rows * -------------------- * Utilities for specifying the rows in a grid layout. * By default, only responsive variants are generated for grid-template-rows utilities. */ .grid-rows-1 /* grid-template-rows: repeat(1, minmax(0, 1fr)); */ .grid-rows-2 /* grid-template-rows: repeat(2, minmax(0, 1fr)); */ .grid-rows-3 /* grid-template-rows: repeat(3, minmax(0, 1fr)); */ .grid-rows-4 /* grid-template-rows: repeat(4, minmax(0, 1fr)); */ .grid-rows-5 /* grid-template-rows: repeat(5, minmax(0, 1fr)); */ .grid-rows-6 /* grid-template-rows: repeat(6, minmax(0, 1fr)); */ .grid-rows-none /* grid-template-rows: none; */ /* * Grid Row Start / End * -------------------- * Utilities for controlling how elements are sized and placed across grid rows. * By default, only responsive variants are generated for grid-row utilities. */ .row-auto /* grid-row: auto; */ .row-span-1 /* grid-row: span 1 / span 1; */ .row-span-2 /* grid-row: span 2 / span 2; */ .row-span-3 /* grid-row: span 3 / span 3; */ .row-span-4 /* grid-row: span 4 / span 4; */ .row-span-5 /* grid-row: span 5 / span 5; */ .row-span-6 /* grid-row: span 6 / span 6; */ .row-start-1 /* grid-row-start: 1; */ .row-start-2 /* grid-row-start: 2; */ .row-start-3 /* grid-row-start: 3; */ .row-start-4 /* grid-row-start: 4; */ .row-start-5 /* grid-row-start: 5; */ .row-start-6 /* grid-row-start: 6; */ .row-start-7 /* grid-row-start: 7; */ .row-start-auto /* grid-row-start: auto; */ .row-end-1 /* grid-row-end: 1; */ .row-end-2 /* grid-row-end: 2; */ .row-end-3 /* grid-row-end: 3; */ .row-end-4 /* grid-row-end: 4; */ .row-end-5 /* grid-row-end: 5; */ .row-end-6 /* grid-row-end: 6; */ .row-end-7 /* grid-row-end: 7; */ .row-end-auto /* grid-row-end: auto; */ /* * Gap * -------------------- * Utilities for controlling gutters between grid rows and columns. * By default, no responsive, hover, focus, active, or group-hover variants are generated for gap utilities. */ .gap-0 /* gap: 0; */ .gap-1 /* gap: 0.25rem; */ .gap-2 /* gap: 0.5rem; */ .gap-3 /* gap: 0.75rem; */ .gap-4 /* gap: 1rem; */ .gap-5 /* gap: 1.25rem; */ .gap-6 /* gap: 1.5rem; */ .gap-8 /* gap: 2rem; */ .gap-10 /* gap: 2.5rem; */ .gap-12 /* gap: 3rem; */ .gap-16 /* gap: 4rem; */ .gap-20 /* gap: 5rem; */ .gap-24 /* gap: 6rem; */ .gap-32 /* gap: 8rem; */ .gap-40 /* gap: 10rem; */ .gap-48 /* gap: 12rem; */ .gap-56 /* gap: 14rem; */ .gap-64 /* gap: 16rem; */ .gap-px /* gap: 1px; */ .row-gap-0 /* row-gap: 0; */ .row-gap-1 /* row-gap: 0.25rem; */ .row-gap-2 /* row-gap: 0.5rem; */ .row-gap-3 /* row-gap: 0.75rem; */ .row-gap-4 /* row-gap: 1rem; */ .row-gap-5 /* row-gap: 1.25rem; */ .row-gap-6 /* row-gap: 1.5rem; */ .row-gap-8 /* row-gap: 2rem; */ .row-gap-10 /* row-gap: 2.5rem; */ .row-gap-12 /* row-gap: 3rem; */ .row-gap-16 /* row-gap: 4rem; */ .row-gap-20 /* row-gap: 5rem; */ .row-gap-24 /* row-gap: 6rem; */ .row-gap-32 /* row-gap: 8rem; */ .row-gap-40 /* row-gap: 10rem; */ .row-gap-48 /* row-gap: 12rem; */ .row-gap-56 /* row-gap: 14rem; */ .row-gap-64 /* row-gap: 16rem; */ .row-gap-px /* row-gap: 1px; */ .col-gap-0 /* column-gap: 0; */ .col-gap-1 /* column-gap: 0.25rem; */ .col-gap-2 /* column-gap: 0.5rem; */ .col-gap-3 /* column-gap: 0.75rem; */ .col-gap-4 /* column-gap: 1rem; */ .col-gap-5 /* column-gap: 1.25rem; */ .col-gap-6 /* column-gap: 1.5rem; */ .col-gap-8 /* column-gap: 2rem; */ .col-gap-10 /* column-gap: 2.5rem; */ .col-gap-12 /* column-gap: 3rem; */ .col-gap-16 /* column-gap: 4rem; */ .col-gap-20 /* column-gap: 5rem; */ .col-gap-24 /* column-gap: 6rem; */ .col-gap-32 /* column-gap: 8rem; */ .col-gap-40 /* column-gap: 10rem; */ .col-gap-48 /* column-gap: 12rem; */ .col-gap-56 /* column-gap: 14rem; */ .col-gap-64 /* column-gap: 16rem; */ .col-gap-px /* column-gap: 1px; */ /* * Grid Auto Flow * -------------------- * Utilities for controlling how elements in a grid are auto-placed. * By default, only responsive variants are generated for grid-auto-flow utilities. */ .grid-flow-row /* grid-auto-flow: row; */ .grid-flow-col /* grid-auto-flow: column; */ .grid-flow-row-dense /* grid-auto-flow: row dense; */ .grid-flow-col-dense /* grid-auto-flow: column dense; */ /* ******************************************************************************************* * SPACING * ******************************************************************************************* */ /* * Padding * -------------------- * Utilities for controlling an element's padding. * By default, only responsive variants are generated for padding utilities. */ .p-0 /* padding: 0; */ .p-1 /* padding: 0.25rem; */ .p-2 /* padding: 0.5rem; */ .p-3 /* padding: 0.75rem; */ .p-4 /* padding: 1rem; */ .p-5 /* padding: 1.25rem; */ .p-6 /* padding: 1.5rem; */ .p-8 /* padding: 2rem; */ .p-10 /* padding: 2.5rem; */ .p-12 /* padding: 3rem; */ .p-16 /* padding: 4rem; */ .p-20 /* padding: 5rem; */ .p-24 /* padding: 6rem; */ .p-32 /* padding: 8rem; */ .p-40 /* padding: 10rem; */ .p-48 /* padding: 12rem; */ .p-56 /* padding: 14rem; */ .p-64 /* padding: 16rem; */ .p-px /* padding: 1px; */ .py-0 /* padding-top: 0; padding-bottom: 0; */ .py-1 /* padding-top: 0.25rem; padding-bottom: 0.25rem; */ .py-2 /* padding-top: 0.5rem; padding-bottom: 0.5rem; */ .py-3 /* padding-top: 0.75rem; padding-bottom: 0.75rem; */ .py-4 /* padding-top: 1rem; padding-bottom: 1rem; */ .py-5 /* padding-top: 1.25rem; padding-bottom: 1.25rem; */ .py-6 /* padding-top: 1.5rem; padding-bottom: 1.5rem; */ .py-8 /* padding-top: 2rem; padding-bottom: 2rem; */ .py-10 /* padding-top: 2.5rem; padding-bottom: 2.5rem; */ .py-12 /* padding-top: 3rem; padding-bottom: 3rem; */ .py-16 /* padding-top: 4rem; padding-bottom: 4rem; */ .py-20 /* padding-top: 5rem; padding-bottom: 5rem; */ .py-24 /* padding-top: 6rem; padding-bottom: 6rem; */ .py-32 /* padding-top: 8rem; padding-bottom: 8rem; */ .py-40 /* padding-top: 10rem; padding-bottom: 10rem; */ .py-48 /* padding-top: 12rem; padding-bottom: 12rem; */ .py-56 /* padding-top: 14rem; padding-bottom: 14rem; */ .py-64 /* padding-top: 16rem; padding-bottom: 16rem; */ .py-px /* padding-top: 1px; padding-bottom: 1px; */ .px-0 /* padding-right: 0; padding-left: 0; */ .px-1 /* padding-right: 0.25rem; padding-left: 0.25rem; */ .px-2 /* padding-right: 0.5rem; padding-left: 0.5rem; */ .px-3 /* padding-right: 0.75rem; padding-left: 0.75rem; */ .px-4 /* padding-right: 1rem; padding-left: 1rem; */ .px-5 /* padding-right: 1.25rem; padding-left: 1.25rem; */ .px-6 /* padding-right: 1.5rem; padding-left: 1.5rem; */ .px-8 /* padding-right: 2rem; padding-left: 2rem; */ .px-10 /* padding-right: 2.5rem; padding-left: 2.5rem; */ .px-12 /* padding-right: 3rem; padding-left: 3rem; */ .px-16 /* padding-right: 4rem; padding-left: 4rem; */ .px-20 /* padding-right: 5rem; padding-left: 5rem; */ .px-24 /* padding-right: 6rem; padding-left: 6rem; */ .px-32 /* padding-right: 8rem; padding-left: 8rem; */ .px-40 /* padding-right: 10rem; padding-left: 10rem; */ .px-48 /* padding-right: 12rem; padding-left: 12rem; */ .px-56 /* padding-right: 14rem; padding-left: 14rem; */ .px-64 /* padding-right: 16rem; padding-left: 16rem; */ .px-px /* padding-right: 1px; padding-left: 1px; */ .pt-0 /* padding-top: 0; */ .pt-1 /* padding-top: 0.25rem; */ .pt-2 /* padding-top: 0.5rem; */ .pt-3 /* padding-top: 0.75rem; */ .pt-4 /* padding-top: 1rem; */ .pt-5 /* padding-top: 1.25rem; */ .pt-6 /* padding-top: 1.5rem; */ .pt-8 /* padding-top: 2rem; */ .pt-10 /* padding-top: 2.5rem; */ .pt-12 /* padding-top: 3rem; */ .pt-16 /* padding-top: 4rem; */ .pt-20 /* padding-top: 5rem; */ .pt-24 /* padding-top: 6rem; */ .pt-32 /* padding-top: 8rem; */ .pt-40 /* padding-top: 10rem; */ .pt-48 /* padding-top: 12rem; */ .pt-56 /* padding-top: 14rem; */ .pt-64 /* padding-top: 16rem; */ .pt-px /* padding-top: 1px; */ .pr-0 /* padding-right: 0; */ .pr-1 /* padding-right: 0.25rem; */ .pr-2 /* padding-right: 0.5rem; */ .pr-3 /* padding-right: 0.75rem; */ .pr-4 /* padding-right: 1rem; */ .pr-5 /* padding-right: 1.25rem; */ .pr-6 /* padding-right: 1.5rem; */ .pr-8 /* padding-right: 2rem; */ .pr-10 /* padding-right: 2.5rem; */ .pr-12 /* padding-right: 3rem; */ .pr-16 /* padding-right: 4rem; */ .pr-20 /* padding-right: 5rem; */ .pr-24 /* padding-right: 6rem; */ .pr-32 /* padding-right: 8rem; */ .pr-40 /* padding-right: 10rem; */ .pr-48 /* padding-right: 12rem; */ .pr-56 /* padding-right: 14rem; */ .pr-64 /* padding-right: 16rem; */ .pr-px /* padding-right: 1px; */ .pb-0 /* padding-bottom: 0; */ .pb-1 /* padding-bottom: 0.25rem; */ .pb-2 /* padding-bottom: 0.5rem; */ .pb-3 /* padding-bottom: 0.75rem; */ .pb-4 /* padding-bottom: 1rem; */ .pb-5 /* padding-bottom: 1.25rem; */ .pb-6 /* padding-bottom: 1.5rem; */ .pb-8 /* padding-bottom: 2rem; */ .pb-10 /* padding-bottom: 2.5rem; */ .pb-12 /* padding-bottom: 3rem; */ .pb-16 /* padding-bottom: 4rem; */ .pb-20 /* padding-bottom: 5rem; */ .pb-24 /* padding-bottom: 6rem; */ .pb-32 /* padding-bottom: 8rem; */ .pb-40 /* padding-bottom: 10rem; */ .pb-48 /* padding-bottom: 12rem; */ .pb-56 /* padding-bottom: 14rem; */ .pb-64 /* padding-bottom: 16rem; */ .pb-px /* padding-bottom: 1px; */ .pl-0 /* padding-left: 0; */ .pl-1 /* padding-left: 0.25rem; */ .pl-2 /* padding-left: 0.5rem; */ .pl-3 /* padding-left: 0.75rem; */ .pl-4 /* padding-left: 1rem; */ .pl-5 /* padding-left: 1.25rem; */ .pl-6 /* padding-left: 1.5rem; */ .pl-8 /* padding-left: 2rem; */ .pl-10 /* padding-left: 2.5rem; */ .pl-12 /* padding-left: 3rem; */ .pl-16 /* padding-left: 4rem; */ .pl-20 /* padding-left: 5rem; */ .pl-24 /* padding-left: 6rem; */ .pl-32 /* padding-left: 8rem; */ .pl-40 /* padding-left: 10rem; */ .pl-48 /* padding-left: 12rem; */ .pl-56 /* padding-left: 14rem; */ .pl-64 /* padding-left: 16rem; */ .pl-px /* padding-left: 1px; */ /* * Margin * -------------------- * Utilities for controlling an element's margin. * By default, only responsive variants are generated for margin utilities. */ .m-0 /* margin: 0; */ .m-1 /* margin: 0.25rem; */ .m-2 /* margin: 0.5rem; */ .m-3 /* margin: 0.75rem; */ .m-4 /* margin: 1rem; */ .m-5 /* margin: 1.25rem; */ .m-6 /* margin: 1.5rem; */ .m-8 /* margin: 2rem; */ .m-10 /* margin: 2.5rem; */ .m-12 /* margin: 3rem; */ .m-16 /* margin: 4rem; */ .m-20 /* margin: 5rem; */ .m-24 /* margin: 6rem; */ .m-32 /* margin: 8rem; */ .m-40 /* margin: 10rem; */ .m-48 /* margin: 12rem; */ .m-56 /* margin: 14rem; */ .m-64 /* margin: 16rem; */ .m-auto /* margin: auto; */ .m-px /* margin: 1px; */ .-m-1 /* margin: -0.25rem; */ .-m-2 /* margin: -0.5rem; */ .-m-3 /* margin: -0.75rem; */ .-m-4 /* margin: -1rem; */ .-m-5 /* margin: -1.25rem; */ .-m-6 /* margin: -1.5rem; */ .-m-8 /* margin: -2rem; */ .-m-10 /* margin: -2.5rem; */ .-m-12 /* margin: -3rem; */ .-m-16 /* margin: -4rem; */ .-m-20 /* margin: -5rem; */ .-m-24 /* margin: -6rem; */ .-m-32 /* margin: -8rem; */ .-m-40 /* margin: -10rem; */ .-m-48 /* margin: -12rem; */ .-m-56 /* margin: -14rem; */ .-m-64 /* margin: -16rem; */ .-m-px /* margin: -1px; */ .my-0 /* margin-top: 0; margin-bottom: 0; */ .my-1 /* margin-top: 0.25rem; margin-bottom: 0.25rem; */ .my-2 /* margin-top: 0.5rem; margin-bottom: 0.5rem; */ .my-3 /* margin-top: 0.75rem; margin-bottom: 0.75rem; */ .my-4 /* margin-top: 1rem; margin-bottom: 1rem; */ .my-5 /* margin-top: 1.25rem; margin-bottom: 1.25rem; */ .my-6 /* margin-top: 1.5rem; margin-bottom: 1.5rem; */ .my-8 /* margin-top: 2rem; margin-bottom: 2rem; */ .my-10 /* margin-top: 2.5rem; margin-bottom: 2.5rem; */ .my-12 /* margin-top: 3rem; margin-bottom: 3rem; */ .my-16 /* margin-top: 4rem; margin-bottom: 4rem; */ .my-20 /* margin-top: 5rem; margin-bottom: 5rem; */ .my-24 /* margin-top: 6rem; margin-bottom: 6rem; */ .my-32 /* margin-top: 8rem; margin-bottom: 8rem; */ .my-40 /* margin-top: 10rem; margin-bottom: 10rem; */ .my-48 /* margin-top: 12rem; margin-bottom: 12rem; */ .my-56 /* margin-top: 14rem; margin-bottom: 14rem; */ .my-64 /* margin-top: 16rem; margin-bottom: 16rem; */ .my-auto /* margin-top: auto; margin-bottom: auto; */ .my-px /* margin-top: 1px; margin-bottom: 1px; */ .-my-1 /* margin-top: -0.25rem; margin-bottom: -0.25rem; */ .-my-2 /* margin-top: -0.5rem; margin-bottom: -0.5rem; */ .-my-3 /* margin-top: -0.75rem; margin-bottom: -0.75rem; */ .-my-4 /* margin-top: -1rem; margin-bottom: -1rem; */ .-my-5 /* margin-top: -1.25rem; margin-bottom: -1.25rem; */ .-my-6 /* margin-top: -1.5rem; margin-bottom: -1.5rem; */ .-my-8 /* margin-top: -2rem; margin-bottom: -2rem; */ .-my-10 /* margin-top: -2.5rem; margin-bottom: -2.5rem; */ .-my-12 /* margin-top: -3rem; margin-bottom: -3rem; */ .-my-16 /* margin-top: -4rem; margin-bottom: -4rem; */ .-my-20 /* margin-top: -5rem; margin-bottom: -5rem; */ .-my-24 /* margin-top: -6rem; margin-bottom: -6rem; */ .-my-32 /* margin-top: -8rem; margin-bottom: -8rem; */ .-my-40 /* margin-top: -10rem; margin-bottom: -10rem; */ .-my-48 /* margin-top: -12rem; margin-bottom: -12rem; */ .-my-56 /* margin-top: -14rem; margin-bottom: -14rem; */ .-my-64 /* margin-top: -16rem; margin-bottom: -16rem; */ .-my-px /* margin-top: -1px; margin-bottom: -1px; */ .mx-0 /* margin-right: 0; margin-left: 0; */ .mx-1 /* margin-right: 0.25rem; margin-left: 0.25rem; */ .mx-2 /* margin-right: 0.5rem; margin-left: 0.5rem; */ .mx-3 /* margin-right: 0.75rem; margin-left: 0.75rem; */ .mx-4 /* margin-right: 1rem; margin-left: 1rem; */ .mx-5 /* margin-right: 1.25rem; margin-left: 1.25rem; */ .mx-6 /* margin-right: 1.5rem; margin-left: 1.5rem; */ .mx-8 /* margin-right: 2rem; margin-left: 2rem; */ .mx-10 /* margin-right: 2.5rem; margin-left: 2.5rem; */ .mx-12 /* margin-right: 3rem; margin-left: 3rem; */ .mx-16 /* margin-right: 4rem; margin-left: 4rem; */ .mx-20 /* margin-right: 5rem; margin-left: 5rem; */ .mx-24 /* margin-right: 6rem; margin-left: 6rem; */ .mx-32 /* margin-right: 8rem; margin-left: 8rem; */ .mx-40 /* margin-right: 10rem; margin-left: 10rem; */ .mx-48 /* margin-right: 12rem; margin-left: 12rem; */ .mx-56 /* margin-right: 14rem; margin-left: 14rem; */ .mx-64 /* margin-right: 16rem; margin-left: 16rem; */ .mx-auto /* margin-right: auto; margin-left: auto; */ .mx-px /* margin-right: 1px; margin-left: 1px; */ .-mx-1 /* margin-right: -0.25rem; margin-left: -0.25rem; */ .-mx-2 /* margin-right: -0.5rem; margin-left: -0.5rem; */ .-mx-3 /* margin-right: -0.75rem; margin-left: -0.75rem; */ .-mx-4 /* margin-right: -1rem; margin-left: -1rem; */ .-mx-5 /* margin-right: -1.25rem; margin-left: -1.25rem; */ .-mx-6 /* margin-right: -1.5rem; margin-left: -1.5rem; */ .-mx-8 /* margin-right: -2rem; margin-left: -2rem; */ .-mx-10 /* margin-right: -2.5rem; margin-left: -2.5rem; */ .-mx-12 /* margin-right: -3rem; margin-left: -3rem; */ .-mx-16 /* margin-right: -4rem; margin-left: -4rem; */ .-mx-20 /* margin-right: -5rem; margin-left: -5rem; */ .-mx-24 /* margin-right: -6rem; margin-left: -6rem; */ .-mx-32 /* margin-right: -8rem; margin-left: -8rem; */ .-mx-40 /* margin-right: -10rem; margin-left: -10rem; */ .-mx-48 /* margin-right: -12rem; margin-left: -12rem; */ .-mx-56 /* margin-right: -14rem; margin-left: -14rem; */ .-mx-64 /* margin-right: -16rem; margin-left: -16rem; */ .-mx-px /* margin-right: -1px; margin-left: -1px; */ .mt-0 /* margin-top: 0; */ .mt-1 /* margin-top: 0.25rem; */ .mt-2 /* margin-top: 0.5rem; */ .mt-3 /* margin-top: 0.75rem; */ .mt-4 /* margin-top: 1rem; */ .mt-5 /* margin-top: 1.25rem; */ .mt-6 /* margin-top: 1.5rem; */ .mt-8 /* margin-top: 2rem; */ .mt-10 /* margin-top: 2.5rem; */ .mt-12 /* margin-top: 3rem; */ .mt-16 /* margin-top: 4rem; */ .mt-20 /* margin-top: 5rem; */ .mt-24 /* margin-top: 6rem; */ .mt-32 /* margin-top: 8rem; */ .mt-40 /* margin-top: 10rem; */ .mt-48 /* margin-top: 12rem; */ .mt-56 /* margin-top: 14rem; */ .mt-64 /* margin-top: 16rem; */ .mt-auto /* margin-top: auto; */ .mt-px /* margin-top: 1px; */ .-mt-1 /* margin-top: -0.25rem; */ .-mt-2 /* margin-top: -0.5rem; */ .-mt-3 /* margin-top: -0.75rem; */ .-mt-4 /* margin-top: -1rem; */ .-mt-5 /* margin-top: -1.25rem; */ .-mt-6 /* margin-top: -1.5rem; */ .-mt-8 /* margin-top: -2rem; */ .-mt-10 /* margin-top: -2.5rem; */ .-mt-12 /* margin-top: -3rem; */ .-mt-16 /* margin-top: -4rem; */ .-mt-20 /* margin-top: -5rem; */ .-mt-24 /* margin-top: -6rem; */ .-mt-32 /* margin-top: -8rem; */ .-mt-40 /* margin-top: -10rem; */ .-mt-48 /* margin-top: -12rem; */ .-mt-56 /* margin-top: -14rem; */ .-mt-64 /* margin-top: -16rem; */ .-mt-px /* margin-top: -1px; */ .mr-0 /* margin-right: 0; */ .mr-1 /* margin-right: 0.25rem; */ .mr-2 /* margin-right: 0.5rem; */ .mr-3 /* margin-right: 0.75rem; */ .mr-4 /* margin-right: 1rem; */ .mr-5 /* margin-right: 1.25rem; */ .mr-6 /* margin-right: 1.5rem; */ .mr-8 /* margin-right: 2rem; */ .mr-10 /* margin-right: 2.5rem; */ .mr-12 /* margin-right: 3rem; */ .mr-16 /* margin-right: 4rem; */ .mr-20 /* margin-right: 5rem; */ .mr-24 /* margin-right: 6rem; */ .mr-32 /* margin-right: 8rem; */ .mr-40 /* margin-right: 10rem; */ .mr-48 /* margin-right: 12rem; */ .mr-56 /* margin-right: 14rem; */ .mr-64 /* margin-right: 16rem; */ .mr-auto /* margin-right: auto; */ .mr-px /* margin-right: 1px; */ .-mr-1 /* margin-right: -0.25rem; */ .-mr-2 /* margin-right: -0.5rem; */ .-mr-3 /* margin-right: -0.75rem; */ .-mr-4 /* margin-right: -1rem; */ .-mr-5 /* margin-right: -1.25rem; */ .-mr-6 /* margin-right: -1.5rem; */ .-mr-8 /* margin-right: -2rem; */ .-mr-10 /* margin-right: -2.5rem; */ .-mr-12 /* margin-right: -3rem; */ .-mr-16 /* margin-right: -4rem; */ .-mr-20 /* margin-right: -5rem; */ .-mr-24 /* margin-right: -6rem; */ .-mr-32 /* margin-right: -8rem; */ .-mr-40 /* margin-right: -10rem; */ .-mr-48 /* margin-right: -12rem; */ .-mr-56 /* margin-right: -14rem; */ .-mr-64 /* margin-right: -16rem; */ .-mr-px /* margin-right: -1px; */ .mb-0 /* margin-bottom: 0; */ .mb-1 /* margin-bottom: 0.25rem; */ .mb-2 /* margin-bottom: 0.5rem; */ .mb-3 /* margin-bottom: 0.75rem; */ .mb-4 /* margin-bottom: 1rem; */ .mb-5 /* margin-bottom: 1.25rem; */ .mb-6 /* margin-bottom: 1.5rem; */ .mb-8 /* margin-bottom: 2rem; */ .mb-10 /* margin-bottom: 2.5rem; */ .mb-12 /* margin-bottom: 3rem; */ .mb-16 /* margin-bottom: 4rem; */ .mb-20 /* margin-bottom: 5rem; */ .mb-24 /* margin-bottom: 6rem; */ .mb-32 /* margin-bottom: 8rem; */ .mb-40 /* margin-bottom: 10rem; */ .mb-48 /* margin-bottom: 12rem; */ .mb-56 /* margin-bottom: 14rem; */ .mb-64 /* margin-bottom: 16rem; */ .mb-auto /* margin-bottom: auto; */ .mb-px /* margin-bottom: 1px; */ .-mb-1 /* margin-bottom: -0.25rem; */ .-mb-2 /* margin-bottom: -0.5rem; */ .-mb-3 /* margin-bottom: -0.75rem; */ .-mb-4 /* margin-bottom: -1rem; */ .-mb-5 /* margin-bottom: -1.25rem; */ .-mb-6 /* margin-bottom: -1.5rem; */ .-mb-8 /* margin-bottom: -2rem; */ .-mb-10 /* margin-bottom: -2.5rem; */ .-mb-12 /* margin-bottom: -3rem; */ .-mb-16 /* margin-bottom: -4rem; */ .-mb-20 /* margin-bottom: -5rem; */ .-mb-24 /* margin-bottom: -6rem; */ .-mb-32 /* margin-bottom: -8rem; */ .-mb-40 /* margin-bottom: -10rem; */ .-mb-48 /* margin-bottom: -12rem; */ .-mb-56 /* margin-bottom: -14rem; */ .-mb-64 /* margin-bottom: -16rem; */ .-mb-px /* margin-bottom: -1px; */ .ml-0 /* margin-left: 0; */ .ml-1 /* margin-left: 0.25rem; */ .ml-2 /* margin-left: 0.5rem; */ .ml-3 /* margin-left: 0.75rem; */ .ml-4 /* margin-left: 1rem; */ .ml-5 /* margin-left: 1.25rem; */ .ml-6 /* margin-left: 1.5rem; */ .ml-8 /* margin-left: 2rem; */ .ml-10 /* margin-left: 2.5rem; */ .ml-12 /* margin-left: 3rem; */ .ml-16 /* margin-left: 4rem; */ .ml-20 /* margin-left: 5rem; */ .ml-24 /* margin-left: 6rem; */ .ml-32 /* margin-left: 8rem; */ .ml-40 /* margin-left: 10rem; */ .ml-48 /* margin-left: 12rem; */ .ml-56 /* margin-left: 14rem; */ .ml-64 /* margin-left: 16rem; */ .ml-auto /* margin-left: auto; */ .ml-px /* margin-left: 1px; */ .-ml-1 /* margin-left: -0.25rem; */ .-ml-2 /* margin-left: -0.5rem; */ .-ml-3 /* margin-left: -0.75rem; */ .-ml-4 /* margin-left: -1rem; */ .-ml-5 /* margin-left: -1.25rem; */ .-ml-6 /* margin-left: -1.5rem; */ .-ml-8 /* margin-left: -2rem; */ .-ml-10 /* margin-left: -2.5rem; */ .-ml-12 /* margin-left: -3rem; */ .-ml-16 /* margin-left: -4rem; */ .-ml-20 /* margin-left: -5rem; */ .-ml-24 /* margin-left: -6rem; */ .-ml-32 /* margin-left: -8rem; */ .-ml-40 /* margin-left: -10rem; */ .-ml-48 /* margin-left: -12rem; */ .-ml-56 /* margin-left: -14rem; */ .-ml-64 /* margin-left: -16rem; */ .-ml-px /* margin-left: -1px; */ /* ******************************************************************************************* * SIZING * ******************************************************************************************* */ /* * Width * -------------------- * * */ /* * Min-Width * -------------------- * * */ /* * Max-Width * -------------------- * * */ /* * Height * -------------------- * * */ /* * Min-Height * -------------------- * * */ /* * Max-Height * -------------------- * * */ /* ******************************************************************************************* * TYPOGRAPHY * ******************************************************************************************* */ /* * Font Family * -------------------- * * */ /* * Font Size * -------------------- * * */ /* * Font Smoothing * -------------------- * * */ /* * Font Style * -------------------- * * */ /* * Font Weight * -------------------- * * */ /* * Letter Spacing * -------------------- * * */ /* * Line Height * -------------------- * * */ /* * List Style Type * -------------------- * * */ /* * List Style Position * -------------------- * * */ /* * Placeholder Color * -------------------- * * */ /* * Text Align * -------------------- * * */ /* * Text Color * -------------------- * * */ /* * Text Decoration * -------------------- * * */ /* * Text Transform * -------------------- * * */ /* * Vertical Align * -------------------- * * */ /* * Whitespace * -------------------- * * */ /* * Word Break * -------------------- * * */ /* ******************************************************************************************* * BACKGROUNDS * ******************************************************************************************* */ /* * BACKGROUND ATTACHMENT * -------------------- * * */ /* * BACKGROUND COLOR * -------------------- * * */ /* * BACKGROUND POSITION * -------------------- * * */ /* * BACKGROUND REPEAT * -------------------- * * */ /* * BACKGROUND SIZE * -------------------- * * */ /* ******************************************************************************************* * BORDERS * ******************************************************************************************* */ /* * BORDER COLOR * -------------------- * * */ /* * BORDER STYLE * -------------------- * * */ /* * BORDER WIDTH * -------------------- * * */ /* * BORDER RADIUS * -------------------- * * */ /* ******************************************************************************************* * TABLES * ******************************************************************************************* */ /* * BORDER COLLAPSE * -------------------- * * */ /* * TABLE LAYOUT * -------------------- * * */ /* ******************************************************************************************* * EFFECTS * ******************************************************************************************* */ /* * BOX SHADOW * -------------------- * * */ /* * OPACITY * -------------------- * * */ /* ******************************************************************************************* * TRANSITIONS * ******************************************************************************************* */ /* * TRANSITION PROPERTY * -------------------- * * */ /* * TRANSITION DURATION * -------------------- * * */ /* * TRANSITION TIMING FUNCTION * -------------------- * * */ /* ******************************************************************************************* * TRANSFORMS * ******************************************************************************************* */ /* * SCALE * -------------------- * * */ /* * ROTATE * -------------------- * * */ /* * TRANSLATE * -------------------- * * */ /* * SKEW * -------------------- * * */ /* * TRANSFORM ORIGIN * -------------------- * * */ /* ******************************************************************************************* * INTERACTIVITY * ******************************************************************************************* */ /* * APPEARANCE * -------------------- * * */ /* * CURSOR * -------------------- * * */ /* * OUTLINE * -------------------- * * */ /* * POINTER EVENTS * -------------------- * * */ /* * RESIZE * -------------------- * * */ /* * USER SELECT * -------------------- * * */ /* ******************************************************************************************* * SVG * ******************************************************************************************* */ /* * FILL * -------------------- * * */ /* * STROKE * -------------------- * * */ /* * STROKE WIDTH * -------------------- * * */ /* ******************************************************************************************* * ACCESSIBILITY * ******************************************************************************************* */ /* * SCREEN READERS * -------------------- * * */