ag-design 1.0.43 → 1.0.45

package/base.css

@@ -15,7 +15,7 @@ h6{font-family: var(--p-f);font-size: calc(var(--general-font-size) * 0.5);}
 
 ul{margin: 0;padding: 0;list-style: none;}
 figure{margin: 0;padding: 0}
-p, a{font-family: var(--s-f);font-size: var(--f-s-3);}
+p{font-family: var(--s-f);font-size: var(--f-s-3);}
 a{text-decoration: none;}
 p a{color:var(--c-1);}
 .ag-lazy:not(.ag-lazy-s)+.s-p-a{opacity: 0;}
@@ -403,6 +403,33 @@ img.ag-lazy:not(.ag-lazy-s){content: "";
 .g-24{gap: 24px;}
 .g-30{gap: 30px;}
 
+.z-0{z-index: 0;}
+.z-1{z-index: 1;}
+.z-2{z-index: 2;}
+.z-3{z-index: 3;}
+.z-4{z-index: 4;}
+.z-5{z-index: 5;}
+.z-6{z-index: 6;}
+.z-7{z-index: 7;}
+.z-8{z-index: 8;}
+.z-9{z-index: 9;}
+.z-10{z-index: 10;}
+.z-11{z-index: 11;}
+.z-12{z-index: 12;}
+.z-13{z-index: 13;}
+.z-14{z-index: 14;}
+.z-15{z-index: 15;}
+.z-16{z-index: 16;}
+.z-17{z-index: 17;}
+.z-18{z-index: 18;}
+.z-19{z-index: 19;}
+.z-20{z-index: 20;}
+.z-30{z-index: 30;}
+.z-99{z-index: 99;}
+.z-100 {z-index: 100;}
+.z-999{z-index: 999;}
+.z-auto{z-index: auto;}
+
 .visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
 
 .s-u-l{ --s: 2px;padding-bottom: var(--s);position: relative;z-index: 9;
@@ -417,6 +444,7 @@ img.ag-lazy:not(.ag-lazy-s){content: "";
 
 .s-pipe{position: relative;}
 .s-pipe:not([data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]):has(~ .s-pipe:not([data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]))::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 66%;background-color: var(--b-color);}
+.s-pipe:not([data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]):not(:has(~ .s-pipe:not([data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]))) {padding-right: 0;}
 
 .im-w-100{width: 100px;}
 .s-mw-u{max-width:unset;}
@@ -1294,13 +1322,31 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
 .btn-1{background: var(--c-1);color: var(--c-99);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content;}
 .btn-1:hover{background: var(--c-4);}
 .btn-1:active{transform: scale(0.95);background: var(--c-5);font-weight: var(--f-w-6);}
-.btn-2{background: var(--bg-t);border: 1px solid var(--c-1);color: var(--c-1);font-weight: var(--f-w-6);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;text-transform: uppercase;}
+.btn-2{background: var(--bg-t);border: 1px solid var(--c-1);color: var(--c-1);font-weight: var(--f-w-6);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;}
 .btn-2:hover{background: var(--c-3);}
 .btn-2:active{transform: scale(0.95);background: var(--c-6);font-weight: var(--f-w-6);}
 
-.btn-3{color: var(--c-7 );border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);text-transform: uppercase;}
-.btn-4{ color: var(--c-1);border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;padding-right:10px;position: relative;font-weight: var(--f-w-6);text-transform: uppercase;}
-.btn-5{background: var(--bg-t);border: 1px solid var(--c-6);color: var(--c-1);font-weight: var(--f-w-6);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;text-transform: uppercase;}
+.btn-3{color: var(--c-7 );border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);}
+.btn-4{color: var(--c-1);border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);padding-right: 6px;}
+.btn-4 > i{font-size: 12px;}
+.btn-5{background: var(--bg-t);border: 1px solid var(--c-6);color: var(--c-1);font-weight: var(--f-w-6);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;}
 .btn-5:hover{border-color: var(--c-2);}
 .btn-5:active{transform: scale(0.95);background: var(--c-6);font-weight: var(--f-w-6);}
-/* button end */
+
+.btn-99{background: var(--c-99);color: var(--c-100);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content; border: 1px solid var(--c-100);}
+.btn-99:hover{background: var(--c-100);}
+.btn-99:active{transform: scale(0.95);background: var(--c-100);font-weight: var(--f-w-6);}
+ 
+.btn-100{background: var(--c-100);color: var(--c-99);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content;}
+.btn-100:hover{background: var(--c-4);}
+.btn-100:active{transform: scale(0.95);background: var(--c-4);font-weight: var(--f-w-6);}
+ 
+.btn-101{background: var(--c-101);color: var(--c-100);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content;}
+.btn-101:hover{background: var(--c-6);}
+.btn-101:active{transform: scale(0.95);background: var(--c-5);font-weight: var(--f-w-6);}
+/* button end */
+
+.ani-aro::after{font-size: var(--f-s-2);font-weight: var(--f-w-6);transition: .4s cubic-bezier(.37, 0, .63, 1);margin-left: 8px !important;}
+.ani-aro:hover::after{transform: translate3d(6px, 0, 0);} 
+
+.ca-l{bottom: 0; color: hsla(0, 0%, 100%, .01); left: 0;}