@evercam/ui 0.0.12 → 0.0.13

package/dist/styles.css

@@ -315,32 +315,212 @@
 .e-max-w-\[5rem\]{
         max-width: 5rem;
 }
+.e-grow{
+        flex-grow: 1;
+}
+.e-grow-0{
+        flex-grow: 0;
+}
+.e-basis-0{
+        flex-basis: 0px;
+}
+.e-basis-0\.5{
+        flex-basis: 0.125rem;
+}
+.e-basis-1\/12{
+        flex-basis: 8.333333%;
+}
+.e-basis-1\/2{
+        flex-basis: 50%;
+}
+.e-basis-1\/3{
+        flex-basis: 33.333333%;
+}
+.e-basis-1\/4{
+        flex-basis: 25%;
+}
+.e-basis-1\/5{
+        flex-basis: 20%;
+}
+.e-basis-1\/6{
+        flex-basis: 16.666667%;
+}
+.e-basis-10\/12{
+        flex-basis: 83.333333%;
+}
+.e-basis-11\/12{
+        flex-basis: 91.666667%;
+}
+.e-basis-2\/12{
+        flex-basis: 16.666667%;
+}
+.e-basis-2\/3{
+        flex-basis: 66.666667%;
+}
+.e-basis-2\/4{
+        flex-basis: 50%;
+}
+.e-basis-2\/5{
+        flex-basis: 40%;
+}
+.e-basis-2\/6{
+        flex-basis: 33.333333%;
+}
+.e-basis-3\/12{
+        flex-basis: 25%;
+}
+.e-basis-3\/4{
+        flex-basis: 75%;
+}
+.e-basis-3\/5{
+        flex-basis: 60%;
+}
+.e-basis-3\/6{
+        flex-basis: 50%;
+}
+.e-basis-4\/12{
+        flex-basis: 33.333333%;
+}
+.e-basis-4\/5{
+        flex-basis: 80%;
+}
+.e-basis-4\/6{
+        flex-basis: 66.666667%;
+}
+.e-basis-5\/12{
+        flex-basis: 41.666667%;
+}
+.e-basis-5\/6{
+        flex-basis: 83.333333%;
+}
+.e-basis-6\/12{
+        flex-basis: 50%;
+}
+.e-basis-7\/12{
+        flex-basis: 58.333333%;
+}
+.e-basis-8\/12{
+        flex-basis: 66.666667%;
+}
+.e-basis-9\/12{
+        flex-basis: 75%;
+}
+.e-basis-auto{
+        flex-basis: auto;
+}
+.e-basis-full{
+        flex-basis: 100%;
+}
 .e-flex-col{
         flex-direction: column;
 }
+.e-flex-wrap{
+        flex-wrap: wrap;
+}
+.e-content-normal{
+        align-content: normal;
+}
+.e-content-center{
+        align-content: center;
+}
+.e-content-start{
+        align-content: flex-start;
+}
+.e-content-end{
+        align-content: flex-end;
+}
+.e-content-between{
+        align-content: space-between;
+}
+.e-content-around{
+        align-content: space-around;
+}
+.e-content-evenly{
+        align-content: space-evenly;
+}
+.e-content-baseline{
+        align-content: baseline;
+}
+.e-content-stretch{
+        align-content: stretch;
+}
+.e-items-start{
+        align-items: flex-start;
+}
 .e-items-end{
         align-items: flex-end;
 }
 .e-items-center{
         align-items: center;
 }
+.e-items-baseline{
+        align-items: baseline;
+}
+.e-items-stretch{
+        align-items: stretch;
+}
+.e-justify-normal{
+        justify-content: normal;
+}
+.e-justify-start{
+        justify-content: flex-start;
+}
+.e-justify-end{
+        justify-content: flex-end;
+}
 .e-justify-center{
         justify-content: center;
 }
+.e-justify-between{
+        justify-content: space-between;
+}
 .e-justify-around{
         justify-content: space-around;
 }
+.e-justify-evenly{
+        justify-content: space-evenly;
+}
+.e-justify-stretch{
+        justify-content: stretch;
+}
 .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
         --tw-space-x-reverse: 0;
         margin-right: calc(0.5rem * var(--tw-space-x-reverse));
         margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.e-self-auto{
+        align-self: auto;
+}
+.e-self-start{
+        align-self: flex-start;
+}
+.e-self-end{
+        align-self: flex-end;
+}
+.e-self-center{
+        align-self: center;
+}
+.e-self-stretch{
+        align-self: stretch;
+}
+.e-self-baseline{
+        align-self: baseline;
+}
 .e-rounded-full{
         border-radius: 9999px;
 }
+.e-rounded-lg{
+        border-radius: 0.5rem;
+}
 .e-rounded-md{
         border-radius: 0.375rem;
 }
+.e-border-2{
+        border-width: 2px;
+}
+.e-border-dashed{
+        border-style: dashed;
+}
 .e-bg-amber-500{
         --tw-bg-opacity: 1;
         background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -349,6 +529,14 @@
         --tw-bg-opacity: 1;
         background-color: rgb(6 182 212 / var(--tw-bg-opacity));
 }
+.e-bg-emerald-600{
+        --tw-bg-opacity: 1;
+        background-color: rgb(5 150 105 / var(--tw-bg-opacity));
+}
+.e-bg-gray-800{
+        --tw-bg-opacity: 1;
+        background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
 .e-bg-lime-500{
         --tw-bg-opacity: 1;
         background-color: rgb(132 204 22 / var(--tw-bg-opacity));
@@ -387,6 +575,12 @@
         padding-left: 0.25rem;
         padding-right: 0.25rem;
 }
+.e-pb-2{
+        padding-bottom: 0.5rem;
+}
+.e-font-mono{
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .e-text-2xl{
         font-size: 1.5rem;
 }
@@ -441,6 +635,9 @@
 .e-font-semibold{
         font-weight: 600;
 }
+.e-leading-6{
+        line-height: 1.5rem;
+}
 .e-text-black{
         --tw-text-opacity: 1;
         color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -453,3 +650,848 @@
         --tw-text-opacity: 1;
         color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.e-underline-offset-1{
+        text-underline-offset: 1px;
+}
+.e-underline-offset-2{
+        text-underline-offset: 2px;
+}
+.e-underline-offset-4{
+        text-underline-offset: 4px;
+}
+.e-underline-offset-8{
+        text-underline-offset: 8px;
+}
+.e-shadow-lg{
+        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.-e-outline-offset-1{
+        outline-offset: -1px;
+}
+.-e-outline-offset-2{
+        outline-offset: -2px;
+}
+.-e-outline-offset-4{
+        outline-offset: -4px;
+}
+.-e-outline-offset-8{
+        outline-offset: -8px;
+}
+.e--outline-offset-1{
+        outline-offset: -1px;
+}
+.e--outline-offset-2{
+        outline-offset: -2px;
+}
+.e--outline-offset-4{
+        outline-offset: -4px;
+}
+.e--outline-offset-8{
+        outline-offset: -8px;
+}
+.e-outline-offset-1{
+        outline-offset: 1px;
+}
+.e-outline-offset-2{
+        outline-offset: 2px;
+}
+.e-outline-offset-4{
+        outline-offset: 4px;
+}
+.e-outline-offset-8{
+        outline-offset: 8px;
+}
+@media (min-width: 640px){
+
+        .sm\:e-w-full{
+                width: 100%;
+        }
+
+        .sm\:e-grow{
+                flex-grow: 1;
+        }
+
+        .sm\:e-grow-0{
+                flex-grow: 0;
+        }
+
+        .sm\:e-basis-0{
+                flex-basis: 0px;
+        }
+
+        .sm\:e-basis-0\.5{
+                flex-basis: 0.125rem;
+        }
+
+        .sm\:e-basis-1\/12{
+                flex-basis: 8.333333%;
+        }
+
+        .sm\:e-basis-1\/2{
+                flex-basis: 50%;
+        }
+
+        .sm\:e-basis-1\/3{
+                flex-basis: 33.333333%;
+        }
+
+        .sm\:e-basis-1\/4{
+                flex-basis: 25%;
+        }
+
+        .sm\:e-basis-1\/5{
+                flex-basis: 20%;
+        }
+
+        .sm\:e-basis-1\/6{
+                flex-basis: 16.666667%;
+        }
+
+        .sm\:e-basis-10\/12{
+                flex-basis: 83.333333%;
+        }
+
+        .sm\:e-basis-11\/12{
+                flex-basis: 91.666667%;
+        }
+
+        .sm\:e-basis-2\/12{
+                flex-basis: 16.666667%;
+        }
+
+        .sm\:e-basis-2\/3{
+                flex-basis: 66.666667%;
+        }
+
+        .sm\:e-basis-2\/4{
+                flex-basis: 50%;
+        }
+
+        .sm\:e-basis-2\/5{
+                flex-basis: 40%;
+        }
+
+        .sm\:e-basis-2\/6{
+                flex-basis: 33.333333%;
+        }
+
+        .sm\:e-basis-3\/12{
+                flex-basis: 25%;
+        }
+
+        .sm\:e-basis-3\/4{
+                flex-basis: 75%;
+        }
+
+        .sm\:e-basis-3\/5{
+                flex-basis: 60%;
+        }
+
+        .sm\:e-basis-3\/6{
+                flex-basis: 50%;
+        }
+
+        .sm\:e-basis-4\/12{
+                flex-basis: 33.333333%;
+        }
+
+        .sm\:e-basis-4\/5{
+                flex-basis: 80%;
+        }
+
+        .sm\:e-basis-4\/6{
+                flex-basis: 66.666667%;
+        }
+
+        .sm\:e-basis-5\/12{
+                flex-basis: 41.666667%;
+        }
+
+        .sm\:e-basis-5\/6{
+                flex-basis: 83.333333%;
+        }
+
+        .sm\:e-basis-6\/12{
+                flex-basis: 50%;
+        }
+
+        .sm\:e-basis-7\/12{
+                flex-basis: 58.333333%;
+        }
+
+        .sm\:e-basis-8\/12{
+                flex-basis: 66.666667%;
+        }
+
+        .sm\:e-basis-9\/12{
+                flex-basis: 75%;
+        }
+
+        .sm\:e-basis-auto{
+                flex-basis: auto;
+        }
+
+        .sm\:e-basis-full{
+                flex-basis: 100%;
+        }
+
+        .sm\:e-underline-offset-1{
+                text-underline-offset: 1px;
+        }
+
+        .sm\:e-underline-offset-2{
+                text-underline-offset: 2px;
+        }
+
+        .sm\:e-underline-offset-4{
+                text-underline-offset: 4px;
+        }
+
+        .sm\:e-underline-offset-8{
+                text-underline-offset: 8px;
+        }
+
+        .sm\:-e-outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .sm\:-e-outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .sm\:-e-outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .sm\:-e-outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .sm\:e--outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .sm\:e--outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .sm\:e--outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .sm\:e--outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .sm\:e-outline-offset-1{
+                outline-offset: 1px;
+        }
+
+        .sm\:e-outline-offset-2{
+                outline-offset: 2px;
+        }
+
+        .sm\:e-outline-offset-4{
+                outline-offset: 4px;
+        }
+
+        .sm\:e-outline-offset-8{
+                outline-offset: 8px;
+        }
+}
+@media (min-width: 768px){
+
+        .md\:e-w-full{
+                width: 100%;
+        }
+
+        .md\:e-grow{
+                flex-grow: 1;
+        }
+
+        .md\:e-grow-0{
+                flex-grow: 0;
+        }
+
+        .md\:e-basis-0{
+                flex-basis: 0px;
+        }
+
+        .md\:e-basis-0\.5{
+                flex-basis: 0.125rem;
+        }
+
+        .md\:e-basis-1\/12{
+                flex-basis: 8.333333%;
+        }
+
+        .md\:e-basis-1\/2{
+                flex-basis: 50%;
+        }
+
+        .md\:e-basis-1\/3{
+                flex-basis: 33.333333%;
+        }
+
+        .md\:e-basis-1\/4{
+                flex-basis: 25%;
+        }
+
+        .md\:e-basis-1\/5{
+                flex-basis: 20%;
+        }
+
+        .md\:e-basis-1\/6{
+                flex-basis: 16.666667%;
+        }
+
+        .md\:e-basis-10\/12{
+                flex-basis: 83.333333%;
+        }
+
+        .md\:e-basis-11\/12{
+                flex-basis: 91.666667%;
+        }
+
+        .md\:e-basis-2\/12{
+                flex-basis: 16.666667%;
+        }
+
+        .md\:e-basis-2\/3{
+                flex-basis: 66.666667%;
+        }
+
+        .md\:e-basis-2\/4{
+                flex-basis: 50%;
+        }
+
+        .md\:e-basis-2\/5{
+                flex-basis: 40%;
+        }
+
+        .md\:e-basis-2\/6{
+                flex-basis: 33.333333%;
+        }
+
+        .md\:e-basis-3\/12{
+                flex-basis: 25%;
+        }
+
+        .md\:e-basis-3\/4{
+                flex-basis: 75%;
+        }
+
+        .md\:e-basis-3\/5{
+                flex-basis: 60%;
+        }
+
+        .md\:e-basis-3\/6{
+                flex-basis: 50%;
+        }
+
+        .md\:e-basis-4\/12{
+                flex-basis: 33.333333%;
+        }
+
+        .md\:e-basis-4\/5{
+                flex-basis: 80%;
+        }
+
+        .md\:e-basis-4\/6{
+                flex-basis: 66.666667%;
+        }
+
+        .md\:e-basis-5\/12{
+                flex-basis: 41.666667%;
+        }
+
+        .md\:e-basis-5\/6{
+                flex-basis: 83.333333%;
+        }
+
+        .md\:e-basis-6\/12{
+                flex-basis: 50%;
+        }
+
+        .md\:e-basis-7\/12{
+                flex-basis: 58.333333%;
+        }
+
+        .md\:e-basis-8\/12{
+                flex-basis: 66.666667%;
+        }
+
+        .md\:e-basis-9\/12{
+                flex-basis: 75%;
+        }
+
+        .md\:e-basis-auto{
+                flex-basis: auto;
+        }
+
+        .md\:e-basis-full{
+                flex-basis: 100%;
+        }
+
+        .md\:e-underline-offset-1{
+                text-underline-offset: 1px;
+        }
+
+        .md\:e-underline-offset-2{
+                text-underline-offset: 2px;
+        }
+
+        .md\:e-underline-offset-4{
+                text-underline-offset: 4px;
+        }
+
+        .md\:e-underline-offset-8{
+                text-underline-offset: 8px;
+        }
+
+        .md\:-e-outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .md\:-e-outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .md\:-e-outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .md\:-e-outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .md\:e--outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .md\:e--outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .md\:e--outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .md\:e--outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .md\:e-outline-offset-1{
+                outline-offset: 1px;
+        }
+
+        .md\:e-outline-offset-2{
+                outline-offset: 2px;
+        }
+
+        .md\:e-outline-offset-4{
+                outline-offset: 4px;
+        }
+
+        .md\:e-outline-offset-8{
+                outline-offset: 8px;
+        }
+}
+@media (min-width: 1024px){
+
+        .lg\:e-w-full{
+                width: 100%;
+        }
+
+        .lg\:e-grow{
+                flex-grow: 1;
+        }
+
+        .lg\:e-grow-0{
+                flex-grow: 0;
+        }
+
+        .lg\:e-basis-0{
+                flex-basis: 0px;
+        }
+
+        .lg\:e-basis-0\.5{
+                flex-basis: 0.125rem;
+        }
+
+        .lg\:e-basis-1\/12{
+                flex-basis: 8.333333%;
+        }
+
+        .lg\:e-basis-1\/2{
+                flex-basis: 50%;
+        }
+
+        .lg\:e-basis-1\/3{
+                flex-basis: 33.333333%;
+        }
+
+        .lg\:e-basis-1\/4{
+                flex-basis: 25%;
+        }
+
+        .lg\:e-basis-1\/5{
+                flex-basis: 20%;
+        }
+
+        .lg\:e-basis-1\/6{
+                flex-basis: 16.666667%;
+        }
+
+        .lg\:e-basis-10\/12{
+                flex-basis: 83.333333%;
+        }
+
+        .lg\:e-basis-11\/12{
+                flex-basis: 91.666667%;
+        }
+
+        .lg\:e-basis-2\/12{
+                flex-basis: 16.666667%;
+        }
+
+        .lg\:e-basis-2\/3{
+                flex-basis: 66.666667%;
+        }
+
+        .lg\:e-basis-2\/4{
+                flex-basis: 50%;
+        }
+
+        .lg\:e-basis-2\/5{
+                flex-basis: 40%;
+        }
+
+        .lg\:e-basis-2\/6{
+                flex-basis: 33.333333%;
+        }
+
+        .lg\:e-basis-3\/12{
+                flex-basis: 25%;
+        }
+
+        .lg\:e-basis-3\/4{
+                flex-basis: 75%;
+        }
+
+        .lg\:e-basis-3\/5{
+                flex-basis: 60%;
+        }
+
+        .lg\:e-basis-3\/6{
+                flex-basis: 50%;
+        }
+
+        .lg\:e-basis-4\/12{
+                flex-basis: 33.333333%;
+        }
+
+        .lg\:e-basis-4\/5{
+                flex-basis: 80%;
+        }
+
+        .lg\:e-basis-4\/6{
+                flex-basis: 66.666667%;
+        }
+
+        .lg\:e-basis-5\/12{
+                flex-basis: 41.666667%;
+        }
+
+        .lg\:e-basis-5\/6{
+                flex-basis: 83.333333%;
+        }
+
+        .lg\:e-basis-6\/12{
+                flex-basis: 50%;
+        }
+
+        .lg\:e-basis-7\/12{
+                flex-basis: 58.333333%;
+        }
+
+        .lg\:e-basis-8\/12{
+                flex-basis: 66.666667%;
+        }
+
+        .lg\:e-basis-9\/12{
+                flex-basis: 75%;
+        }
+
+        .lg\:e-basis-auto{
+                flex-basis: auto;
+        }
+
+        .lg\:e-basis-full{
+                flex-basis: 100%;
+        }
+
+        .lg\:e-underline-offset-1{
+                text-underline-offset: 1px;
+        }
+
+        .lg\:e-underline-offset-2{
+                text-underline-offset: 2px;
+        }
+
+        .lg\:e-underline-offset-4{
+                text-underline-offset: 4px;
+        }
+
+        .lg\:e-underline-offset-8{
+                text-underline-offset: 8px;
+        }
+
+        .lg\:-e-outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .lg\:-e-outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .lg\:-e-outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .lg\:-e-outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .lg\:e--outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .lg\:e--outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .lg\:e--outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .lg\:e--outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .lg\:e-outline-offset-1{
+                outline-offset: 1px;
+        }
+
+        .lg\:e-outline-offset-2{
+                outline-offset: 2px;
+        }
+
+        .lg\:e-outline-offset-4{
+                outline-offset: 4px;
+        }
+
+        .lg\:e-outline-offset-8{
+                outline-offset: 8px;
+        }
+}
+@media (min-width: 1280px){
+
+        .xl\:e-w-full{
+                width: 100%;
+        }
+
+        .xl\:e-grow{
+                flex-grow: 1;
+        }
+
+        .xl\:e-grow-0{
+                flex-grow: 0;
+        }
+
+        .xl\:e-basis-0{
+                flex-basis: 0px;
+        }
+
+        .xl\:e-basis-0\.5{
+                flex-basis: 0.125rem;
+        }
+
+        .xl\:e-basis-1\/12{
+                flex-basis: 8.333333%;
+        }
+
+        .xl\:e-basis-1\/2{
+                flex-basis: 50%;
+        }
+
+        .xl\:e-basis-1\/3{
+                flex-basis: 33.333333%;
+        }
+
+        .xl\:e-basis-1\/4{
+                flex-basis: 25%;
+        }
+
+        .xl\:e-basis-1\/5{
+                flex-basis: 20%;
+        }
+
+        .xl\:e-basis-1\/6{
+                flex-basis: 16.666667%;
+        }
+
+        .xl\:e-basis-10\/12{
+                flex-basis: 83.333333%;
+        }
+
+        .xl\:e-basis-11\/12{
+                flex-basis: 91.666667%;
+        }
+
+        .xl\:e-basis-2\/12{
+                flex-basis: 16.666667%;
+        }
+
+        .xl\:e-basis-2\/3{
+                flex-basis: 66.666667%;
+        }
+
+        .xl\:e-basis-2\/4{
+                flex-basis: 50%;
+        }
+
+        .xl\:e-basis-2\/5{
+                flex-basis: 40%;
+        }
+
+        .xl\:e-basis-2\/6{
+                flex-basis: 33.333333%;
+        }
+
+        .xl\:e-basis-3\/12{
+                flex-basis: 25%;
+        }
+
+        .xl\:e-basis-3\/4{
+                flex-basis: 75%;
+        }
+
+        .xl\:e-basis-3\/5{
+                flex-basis: 60%;
+        }
+
+        .xl\:e-basis-3\/6{
+                flex-basis: 50%;
+        }
+
+        .xl\:e-basis-4\/12{
+                flex-basis: 33.333333%;
+        }
+
+        .xl\:e-basis-4\/5{
+                flex-basis: 80%;
+        }
+
+        .xl\:e-basis-4\/6{
+                flex-basis: 66.666667%;
+        }
+
+        .xl\:e-basis-5\/12{
+                flex-basis: 41.666667%;
+        }
+
+        .xl\:e-basis-5\/6{
+                flex-basis: 83.333333%;
+        }
+
+        .xl\:e-basis-6\/12{
+                flex-basis: 50%;
+        }
+
+        .xl\:e-basis-7\/12{
+                flex-basis: 58.333333%;
+        }
+
+        .xl\:e-basis-8\/12{
+                flex-basis: 66.666667%;
+        }
+
+        .xl\:e-basis-9\/12{
+                flex-basis: 75%;
+        }
+
+        .xl\:e-basis-auto{
+                flex-basis: auto;
+        }
+
+        .xl\:e-basis-full{
+                flex-basis: 100%;
+        }
+
+        .xl\:e-underline-offset-1{
+                text-underline-offset: 1px;
+        }
+
+        .xl\:e-underline-offset-2{
+                text-underline-offset: 2px;
+        }
+
+        .xl\:e-underline-offset-4{
+                text-underline-offset: 4px;
+        }
+
+        .xl\:e-underline-offset-8{
+                text-underline-offset: 8px;
+        }
+
+        .xl\:-e-outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .xl\:-e-outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .xl\:-e-outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .xl\:-e-outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .xl\:e--outline-offset-1{
+                outline-offset: -1px;
+        }
+
+        .xl\:e--outline-offset-2{
+                outline-offset: -2px;
+        }
+
+        .xl\:e--outline-offset-4{
+                outline-offset: -4px;
+        }
+
+        .xl\:e--outline-offset-8{
+                outline-offset: -8px;
+        }
+
+        .xl\:e-outline-offset-1{
+                outline-offset: 1px;
+        }
+
+        .xl\:e-outline-offset-2{
+                outline-offset: 2px;
+        }
+
+        .xl\:e-outline-offset-4{
+                outline-offset: 4px;
+        }
+
+        .xl\:e-outline-offset-8{
+                outline-offset: 8px;
+        }
+}