/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: May 03 2025 | 18:16:14 */ /* ///// Alpha Detail Utilities ////// /////////////////////////////////// *//*** Detail Add-ons Toolkit ***/ /* note: must be added last in all alpha css kits */ /*** Position Management ***/ .abs { position:absolute !important } .rel { position:relative !important } .box { box-sizing:border-box } .blk { display:block } .ib { display:inline-block } .hide { display:none !important; } .invi { visibility:hidden; } /* note: .block component uses flex */ .center:not(.flex) { text-align:center } .left:not(.flex) { text-align:left } .right:not(.flex) { text-align:right } .justify:not(.flex) { text-align:justify } .top:not(.flex) { vertical-align:top } .middle:not(.flex) { vertical-align:middle } .bottom:not(.flex) { vertical-align:bottom; } .baseline:not(.flex) { vertical-align:baseline; } .float-l { float:left; } .float-r { float:right; } /* note: best used for display:flex */ .to-left ,.to-center { margin-right: auto } .to-right ,.to-center { margin-left: auto } .to-top ,.to-middle { margin-bottom: auto } .to-bottom,.to-middle { margin-top: auto } /*** Text Management ***/ .ft-7 , .ft-7i > *, .ft-icons-7 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 7px !important; } .ft-8 , .ft-8i > *, .ft-icons-8 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 8px !important; } .ft-9 , .ft-9i > *, .ft-icons-9 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 9px !important; } .ft-10 , .ft-10i > *, .ft-icons-10 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 10px !important; } .ft-11 , .ft-11i > *, .ft-icons-11 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 11px !important; } .ft-12 , .ft-12i > *, .ft-icons-12 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 12px !important; } .ft-13 , .ft-13i > *, .ft-icons-13 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 13px !important; } .ft-14 , .ft-14i > *, .ft-icons-14 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 14px !important; } .ft-16 , .ft-16i > *, .ft-icons-16 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 16px !important; } .ft-18 , .ft-18i > *, .ft-icons-18 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 18px !important; } .ft-20 , .ft-20i > *, .ft-icons-20 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 20px !important; } .ft-22 , .ft-22i > *, .ft-icons-22 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 22px !important; } .ft-24 , .ft-24i > *, .ft-icons-24 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 24px !important; } .ft-30 , .ft-30i > *, .ft-icons-30 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 30px !important; } .ft-32 , .ft-32i > *, .ft-icons-32 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 32px !important; } .ft-40 , .ft-40i > *, .ft-icons-40 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 40px !important; } .ft-60 , .ft-60i > *, .ft-icons-60 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 60px !important; } .ft-80 , .ft-80i > *, .ft-icons-80 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 80px !important; } .ft-90 , .ft-90i > *, .ft-icons-90 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size: 90px !important; } .ft-120, .ft-120i > *, .ft-icons-120 :where(.glyphicon, .mdl2, .mdl2-block):before { font-size:120px !important; } .ft-reg { font-weight: 400; } .ft-reg2 { font-weight: 500; } .ft-reg3 { font-weight: 600; } .ft-bold { font-weight: bold; } /* Other fonts require linking */ .ft-inter { font-family: "Inter var"; } .ft-bree { font-family: "Bree Serif"; } .ft-roboto { font-family: "Roboto"; } .ft-open-sans { font-family: "Open Sans"; } .ft-albert-sans { font-family: "Albert Sans"; } .ft-arial { font-family: arial, sans serif; } .line-0 { line-height:0 } .line-05 { line-height:0.5 } .line-1 { line-height:1 } .line-1-15 { line-height:1.15 } .line-1-25 { line-height:1.25 } .line-1-50 { line-height:1.5 } .line-1-75 { line-height:1.75 } .line-2 { line-height:2 } .line-3 { line-height:3 } /*** Text-select Control ***/ button,[type=button],[type=reset],[type=submit], .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .can-select { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /*** Text Wrap Control ***/ .word-wrap { overflow-wrap: break-word; word-wrap: break-word; } /*** Border Management ***/ .no-border { border-width: 0 !important } .no-radius { border-radius: 0 !important } .no-outline { outline:none !important; outline-color:none !important; box-shadow:none !important;; } .line-a { border: var(--a-line-border) } .line-v,.line-t { border-top: var(--a-line-border) } .line-h,.line-r { border-right: var(--a-line-border) } .line-h,.line-l { border-left: var(--a-line-border) } .line-v,.line-b { border-bottom: var(--a-line-border) } .line-b2 { border-bottom: 2px solid var(--a-line-color) } .line-d { border-bottom: 1px dotted var(--a-line-color) } .line-d2 { border-bottom: 2px dotted var(--a-line-color) } .line-c { border-bottom: 1px dashed var(--a-line-color) } .line-c2 { border-bottom: 1px dashed var(--a-line-color) } .round { border-radius:5px; } /* Inflate Element Size */ .inflate,.inflate-h { margin-left:-1px; margin-right: -1px; } .inflate,.inflate-v { margin-top: -1px; margin-bottom:-1px; } /* Splash Elements */ .splash { width:100%; height:100% !important; } .splash:not(tr) { display:flex; align-items:center; justify-content:center; gap:var(--a-gap); } tr.splash * { text-align:center; } /* Grouped Elements */ .group { min-height:32px; display:flex; align-items:center; border-radius: calc(var(--a-border-radius) + 1px); border-width:0; } .group.slim { min-height:26px; font-size:12px; } .group input, .group button,.group label { padding:0 15px; } .group button,.group label { display:flex; align-items:center; justify-content: space-evenly; gap: 10px; } .group input ,.group label { outline:none; } .group label { white-space:nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .group span,.group div { border:0; } .group > * { min-height:inherit !important; box-sizing:border-box; border: var(--a-line-border); border-left-width:0 !important; border-radius:0 !important; } .group > *:first-child { border-radius: calc(var(--a-border-radius) - 1px) 0 0 calc(var(--a-border-radius) - 1px) !important; border-left-width:1px !important; } .group > *:last-child { border-radius: 0 calc(var(--a-border-radius) - 1px) calc(var(--a-border-radius) - 1px) 0 !important } /* ### add border colors based on bg */ .square, .square > :where(:first-child,:last-child):not(.oval), .square.group > *, .square input,.square select,.square textarea { border-radius: 0 !important; } /*** Effects ***/ .shadowed { box-shadow:0 2px 3px 1px rgba(0,50,100, 0.13), 0 -1px 5px rgba( 0, 50,100, 0.05) !important; } .shadowed2 { box-shadow:0 5px 15px rgba(0,50,100, 0.18) !important } .shadowed3 { box-shadow:0 8px 25px rgba(0,50,100, 0.20) !important } .shadowed4 { box-shadow:0 10px 40px rgba(0,50,100, 0.30) !important } .shadowed5 { box-shadow:0 10px 20px rgba(0,50,100, 1.00) !important } .backdrop,.backdrop2,.backdrop3 { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px) !important; } .backdrop:not([bg]) { background-color: rgba(255, 255, 255, 0.30) !important } .backdrop2:not([bg]) { background-color: rgba(255, 255, 255, 0.50) !important } .backdrop3:not([bg]) { background-color: rgba(255, 255, 255, 0.70) !important } .special.shadowed { box-shadow: -2px -4px 5px rgba( 0, 0,255, 0.25) , -2px 4px 5px rgba(255, 0, 0, 0.25) , 2px 0 5px rgba( 0,255, 0, 0.25) !important; } .special.shadowed2 { box-shadow: -2px -4px 5px rgba(255,255,255, 0.25) , -2px 4px 5px rgba( 0, 0, 0, 0.25) , 2px 0 5px rgba(255,255,255, 0.25) !important; } .special.shadowed3 { box-shadow: -2px -4px 5px rgba(var(--a-green), 0.25), -2px 4px 5px rgba(var(--a-green), 0.25), 2px 0 5px rgba(var(--a-green), 0.25) !important; } /* ### make [pad] reactive to alpha.ui.css featured widgets */ /*** Padding ***/ [pad^="40"],[pad*="h40"],[pad*="l40"],[pad]:where([pad^="40i"],[pad*="h40i"],[pad*="l40i"])>div:not([pad]) { padding-left: 40px !important } [pad^="30"],[pad*="h30"],[pad*="l30"],[pad]:where([pad^="30i"],[pad*="h30i"],[pad*="l30i"])>div:not([pad]) { padding-left: 30px !important } [pad^="20"],[pad*="h20"],[pad*="l20"],[pad]:where([pad^="20i"],[pad*="h20i"],[pad*="l20i"])>div:not([pad]) { padding-left: 20px !important } [pad^="15"],[pad*="h15"],[pad*="l15"],[pad]:where([pad^="15i"],[pad*="h15i"],[pad*="l15i"])>div:not([pad]) { padding-left: 15px !important } [pad^="10"],[pad*="h10"],[pad*="l10"],[pad]:where([pad^="10i"],[pad*="h10i"],[pad*="l10i"])>div:not([pad]) { padding-left: 10px !important } [pad^="5" ],[pad*="h5" ],[pad*="l5" ],[pad]:where([pad^="5i" ],[pad*="h5i" ],[pad*="l5i" ])>div:not([pad]) { padding-left: 5px !important } [pad^="0" ],[pad*="h0" ],[pad*="l0" ],[pad]:where([pad^="0i" ],[pad*="h0i" ],[pad*="l0i" ])>div:not([pad]) { padding-left: 0px !important } [pad^="40"],[pad*="h40"],[pad*="r40"],[pad]:where([pad^="40i"],[pad*="h40i"],[pad*="r40i"])>div:not([pad]) { padding-right: 40px !important } [pad^="30"],[pad*="h30"],[pad*="r30"],[pad]:where([pad^="30i"],[pad*="h30i"],[pad*="r30i"])>div:not([pad]) { padding-right: 30px !important } [pad^="20"],[pad*="h20"],[pad*="r20"],[pad]:where([pad^="20i"],[pad*="h20i"],[pad*="r20i"])>div:not([pad]) { padding-right: 20px !important } [pad^="15"],[pad*="h15"],[pad*="r15"],[pad]:where([pad^="15i"],[pad*="h15i"],[pad*="r15i"])>div:not([pad]) { padding-right: 15px !important } [pad^="10"],[pad*="h10"],[pad*="r10"],[pad]:where([pad^="10i"],[pad*="h10i"],[pad*="r10i"])>div:not([pad]) { padding-right: 10px !important } [pad^="5" ],[pad*="h5" ],[pad*="r5" ],[pad]:where([pad^="5i" ],[pad*="h5i" ],[pad*="r5i" ])>div:not([pad]) { padding-right: 5px !important } [pad^="0" ],[pad*="h0" ],[pad*="r0" ],[pad]:where([pad^="0i" ],[pad*="h0i" ],[pad*="r0i" ])>div:not([pad]) { padding-right: 0px !important } [pad^="40"],[pad*="v40"],[pad*="t40"],[pad]:where([pad^="40i"],[pad*="v40i"],[pad*="t40i"])>div:not([pad]) { padding-top: 40px !important } [pad^="30"],[pad*="v30"],[pad*="t30"],[pad]:where([pad^="30i"],[pad*="v30i"],[pad*="t30i"])>div:not([pad]) { padding-top: 30px !important } [pad^="20"],[pad*="v20"],[pad*="t20"],[pad]:where([pad^="20i"],[pad*="v20i"],[pad*="t20i"])>div:not([pad]) { padding-top: 20px !important } [pad^="15"],[pad*="v15"],[pad*="t15"],[pad]:where([pad^="15i"],[pad*="v15i"],[pad*="t15i"])>div:not([pad]) { padding-top: 15px !important } [pad^="10"],[pad*="v10"],[pad*="t10"],[pad]:where([pad^="10i"],[pad*="v10i"],[pad*="t10i"])>div:not([pad]) { padding-top: 10px !important } [pad^="5" ],[pad*="v5" ],[pad*="t5" ],[pad]:where([pad^="5i" ],[pad*="v5i" ],[pad*="t5i" ])>div:not([pad]) { padding-top: 5px !important } [pad^="0" ],[pad*="v0" ],[pad*="t0" ],[pad]:where([pad^="0i" ],[pad*="v0i" ],[pad*="t0i" ])>div:not([pad]) { padding-top: 0px !important } [pad^="40"],[pad*="v40"],[pad*="b40"],[pad]:where([pad^="40i"],[pad*="v40i"],[pad*="b40i"])>div:not([pad]) { padding-bottom: 40px !important } [pad^="30"],[pad*="v30"],[pad*="b30"],[pad]:where([pad^="30i"],[pad*="v30i"],[pad*="b30i"])>div:not([pad]) { padding-bottom: 30px !important } [pad^="20"],[pad*="v20"],[pad*="b20"],[pad]:where([pad^="20i"],[pad*="v20i"],[pad*="b20i"])>div:not([pad]) { padding-bottom: 20px !important } [pad^="15"],[pad*="v15"],[pad*="b15"],[pad]:where([pad^="15i"],[pad*="v15i"],[pad*="b15i"])>div:not([pad]) { padding-bottom: 15px !important } [pad^="10"],[pad*="v10"],[pad*="b10"],[pad]:where([pad^="10i"],[pad*="v10i"],[pad*="b10i"])>div:not([pad]) { padding-bottom: 10px !important } [pad^="5" ],[pad*="v5" ],[pad*="b5" ],[pad]:where([pad^="5i" ],[pad*="v5i" ],[pad*="b5i" ])>div:not([pad]) { padding-bottom: 5px !important } [pad^="0" ],[pad*="v0" ],[pad*="b0" ],[pad]:where([pad^="0i" ],[pad*="v0i" ],[pad*="b0i" ])>div:not([pad]) { padding-bottom: 0px !important } /*** Margin ***/ [mar^="40"],[mar*="h40"],[mar*="l40"],[mar]:where([mar^="40i"],[mar*="h40i"],[mar*="l40i"])>div:not([mar]) { margin-left: 40px !important } [mar^="30"],[mar*="h30"],[mar*="l30"],[mar]:where([mar^="30i"],[mar*="h30i"],[mar*="l30i"])>div:not([mar]) { margin-left: 30px !important } [mar^="20"],[mar*="h20"],[mar*="l20"],[mar]:where([mar^="20i"],[mar*="h20i"],[mar*="l20i"])>div:not([mar]) { margin-left: 20px !important } [mar^="15"],[mar*="h15"],[mar*="l15"],[mar]:where([mar^="15i"],[mar*="h15i"],[mar*="l15i"])>div:not([mar]) { margin-left: 15px !important } [mar^="10"],[mar*="h10"],[mar*="l10"],[mar]:where([mar^="10i"],[mar*="h10i"],[mar*="l10i"])>div:not([mar]) { margin-left: 10px !important } [mar^="5" ],[mar*="h5" ],[mar*="l5" ],[mar]:where([mar^="5i" ],[mar*="h5i" ],[mar*="l5i" ])>div:not([mar]) { margin-left: 5px !important } [mar^="0" ],[mar*="h0" ],[mar*="l0" ],[mar]:where([mar^="0i" ],[mar*="h0i" ],[mar*="l0i" ])>div:not([mar]) { margin-left: 0px !important } [mar^="40"],[mar*="h40"],[mar*="r40"],[mar]:where([mar^="40i"],[mar*="h40i"],[mar*="r40i"])>div:not([mar]) { margin-right: 40px !important } [mar^="30"],[mar*="h30"],[mar*="r30"],[mar]:where([mar^="30i"],[mar*="h30i"],[mar*="r30i"])>div:not([mar]) { margin-right: 30px !important } [mar^="20"],[mar*="h20"],[mar*="r20"],[mar]:where([mar^="20i"],[mar*="h20i"],[mar*="r20i"])>div:not([mar]) { margin-right: 20px !important } [mar^="15"],[mar*="h15"],[mar*="r15"],[mar]:where([mar^="15i"],[mar*="h15i"],[mar*="r15i"])>div:not([mar]) { margin-right: 15px !important } [mar^="10"],[mar*="h10"],[mar*="r10"],[mar]:where([mar^="10i"],[mar*="h10i"],[mar*="r10i"])>div:not([mar]) { margin-right: 10px !important } [mar^="5" ],[mar*="h5" ],[mar*="r5" ],[mar]:where([mar^="5i" ],[mar*="h5i" ],[mar*="r5i" ])>div:not([mar]) { margin-right: 5px !important } [mar^="0" ],[mar*="h0" ],[mar*="r0" ],[mar]:where([mar^="0i" ],[mar*="h0i" ],[mar*="r0i" ])>div:not([mar]) { margin-right: 0px !important } [mar^="40"],[mar*="v40"],[mar*="t40"],[mar]:where([mar^="40i"],[mar*="v40i"],[mar*="t40i"])>div:not([mar]) { margin-top: 40px !important } [mar^="30"],[mar*="v30"],[mar*="t30"],[mar]:where([mar^="30i"],[mar*="v30i"],[mar*="t30i"])>div:not([mar]) { margin-top: 30px !important } [mar^="20"],[mar*="v20"],[mar*="t20"],[mar]:where([mar^="20i"],[mar*="v20i"],[mar*="t20i"])>div:not([mar]) { margin-top: 20px !important } [mar^="15"],[mar*="v15"],[mar*="t15"],[mar]:where([mar^="15i"],[mar*="v15i"],[mar*="t15i"])>div:not([mar]) { margin-top: 15px !important } [mar^="10"],[mar*="v10"],[mar*="t10"],[mar]:where([mar^="10i"],[mar*="v10i"],[mar*="t10i"])>div:not([mar]) { margin-top: 10px !important } [mar^="5" ],[mar*="v5" ],[mar*="t5" ],[mar]:where([mar^="5i" ],[mar*="v5i" ],[mar*="t5i" ])>div:not([mar]) { margin-top: 5px !important } [mar^="0" ],[mar*="v0" ],[mar*="t0" ],[mar]:where([mar^="0i" ],[mar*="v0i" ],[mar*="t0i" ])>div:not([mar]) { margin-top: 0px !important } [mar^="40"],[mar*="v40"],[mar*="b40"],[mar]:where([mar^="40i"],[mar*="v40i"],[mar*="b40i"])>div:not([mar]) { margin-bottom: 40px !important } [mar^="30"],[mar*="v30"],[mar*="b30"],[mar]:where([mar^="30i"],[mar*="v30i"],[mar*="b30i"])>div:not([mar]) { margin-bottom: 30px !important } [mar^="20"],[mar*="v20"],[mar*="b20"],[mar]:where([mar^="20i"],[mar*="v20i"],[mar*="b20i"])>div:not([mar]) { margin-bottom: 20px !important } [mar^="15"],[mar*="v15"],[mar*="b15"],[mar]:where([mar^="15i"],[mar*="v15i"],[mar*="b15i"])>div:not([mar]) { margin-bottom: 15px !important } [mar^="10"],[mar*="v10"],[mar*="b10"],[mar]:where([mar^="10i"],[mar*="v10i"],[mar*="b10i"])>div:not([mar]) { margin-bottom: 10px !important } [mar^="5" ],[mar*="v5" ],[mar*="b5" ],[mar]:where([mar^="5i" ],[mar*="v5i" ],[mar*="b5i" ])>div:not([mar]) { margin-bottom: 5px !important } [mar^="0" ],[mar*="v0" ],[mar*="b0" ],[mar]:where([mar^="0i" ],[mar*="v0i" ],[mar*="b0i" ])>div:not([mar]) { margin-bottom: 0px !important } /*///// Fixed Width & Height /////*/ [fill~=width],[fill~=both], [w="fill"] { width: 100% } [w ="vw"] { width: 100vw } [w^= "15"] { min-width: 15px } [w^= "15px"] { width: 15px } [w*= "x15"] { max-width: 15px } [w^= "20"] { min-width: 20px } [w^= "20px"] { width: 20px } [w*= "x20"] { max-width: 20px } [w^= "25"] { min-width: 25px } [w^= "25px"] { width: 25px } [w*= "x25"] { max-width: 25px } [w^= "30"] { min-width: 30px } [w^= "30px"] { width: 30px } [w*= "x30"] { max-width: 30px } [w^= "40"] { min-width: 40px } [w^= "40px"] { width: 40px } [w*= "x40"] { max-width: 40px } [w^= "50"] { min-width: 50px } [w^= "50px"] { width: 50px } [w*= "x50"] { max-width: 50px } [w^= "60"] { min-width: 60px } [w^= "60px"] { width: 60px } [w*= "x60"] { max-width: 60px } [w^= "80"] { min-width: 80px } [w^= "80px"] { width: 80px } [w*= "x80"] { max-width: 80px } [w^= "90"] { min-width: 90px } [w^= "90px"] { width: 90px } [w*= "x90"] { max-width: 90px } [w^="100"] { min-width: 100px } [w^="100px"] { width: 100px } [w*="x100"] { max-width: 100px } [w^="120"] { min-width: 120px } [w^="120px"] { width: 120px } [w*="x120"] { max-width: 120px } [w^="150"] { min-width: 150px } [w^="150px"] { width: 150px } [w*="x150"] { max-width: 150px } [w^="180"] { min-width: 180px } [w^="180px"] { width: 180px } [w*="x150"] { max-width: 180px } [w^="200"] { min-width: 200px } [w^="200px"] { width: 200px } [w*="x200"] { max-width: 200px } [w^="250"] { min-width: 250px } [w^="250px"] { width: 250px } [w*="x250"] { max-width: 250px } [w^="280"] { min-width: 280px } [w^="280px"] { width: 280px } [w*="x280"] { max-width: 280px } [w^="300"] { min-width: 300px } [w^="300px"] { width: 300px } [w*="x300"] { max-width: 300px } [w^="350"] { min-width: 350px } [w^="350px"] { width: 350px } [w*="x350"] { max-width: 350px } [w^="380"] { min-width: 380px } [w^="380px"] { width: 380px } [w*="x380"] { max-width: 380px } [w^="400"] { min-width: 400px } [w^="400px"] { width: 400px } [w*="x400"] { max-width: 400px } [w^="480"] { min-width: 480px } [w^="480px"] { width: 480px } [w*="x480"] { max-width: 480px } [w^="500"] { min-width: 500px } [w^="500px"] { width: 500px } [w*="x500"] { max-width: 500px } [w^="600"] { min-width: 600px } [w^="600px"] { width: 600px } [w*="x600"] { max-width: 600px } [w^="640"] { min-width: 640px } [w^="640px"] { width: 640px } [w*="x640"] { max-width: 640px } [w^="700"] { min-width: 700px } [w^="700px"] { width: 700px } [w*="x700"] { max-width: 700px } [w^="750"] { min-width: 750px } [w^="750px"] { width: 750px } [w*="x750"] { max-width: 750px } [w^="780"] { min-width: 780px } [w^="780px"] { width: 780px } [w*="x780"] { max-width: 780px } [w^="800"] { min-width: 800px } [w^="800px"] { width: 800px } [w*="x800"] { max-width: 800px } [w^="840"] { min-width: 840px } [w^="840px"] { width: 840px } [w*="x840"] { max-width: 840px } [w^="900"] { min-width: 900px } [w^="900px"] { width: 900px } [w*="x900"] { max-width: 900px } [w^="960"] { min-width: 960px } [w^="960px"] { width: 960px } [w*="x960"] { max-width: 960px } [w="half"] { width: 50% } [w="third"] { width: 33.33% } [w="pint"] { width: 25% } [fill~=height],[fill~=both], [h="fill"] { height: 100% } [h ="vh"] { height: 100vh } [h^= "15"] { min-height: 15px } [h^= "15px"] { height: 15px } [h*= "x15"] { max-height: 15px } [h^= "20"] { min-height: 20px } [h^= "20px"] { height: 20px } [h*= "x20"] { max-height: 20px } [h^= "25"] { min-height: 25px } [h^= "25px"] { height: 25px } [h*= "x25"] { max-height: 25px } [h^= "30"] { min-height: 30px } [h^= "30px"] { height: 30px } [h*= "x30"] { max-height: 30px } [h^= "40"] { min-height: 40px } [h^= "40px"] { height: 40px } [h*= "x40"] { max-height: 40px } [h^= "50"] { min-height: 50px } [h^= "50px"] { height: 50px } [h*= "x50"] { max-height: 50px } [h^= "60"] { min-height: 60px } [h^= "60px"] { height: 60px } [h*= "x60"] { max-height: 60px } [h^= "80"] { min-height: 80px } [h^= "80px"] { height: 80px } [h*= "x80"] { max-height: 80px } [h^= "90"] { min-height: 90px } [h^= "90px"] { height: 90px } [h*= "x90"] { max-height: 90px } [h^="100"] { min-height: 100px } [h^="100px"] { height: 100px } [h*="x100"] { max-height: 100px } [h^="120"] { min-height: 120px } [h^="120px"] { height: 120px } [h*="x100"] { max-height: 120px } [h^="150"] { min-height: 150px } [h^="150px"] { height: 150px } [h*="x150"] { max-height: 150px } [h^="180"] { min-height: 180px } [h^="180px"] { height: 180px } [h*="x180"] { max-height: 180px } [h^="200"] { min-height: 200px } [h^="200px"] { height: 200px } [h*="x200"] { max-height: 200px } [h^="280"] { min-height: 280px } [h^="280px"] { height: 280px } [h*="x280"] { max-height: 280px } [h^="300"] { min-height: 300px } [h^="300px"] { height: 300px } [h*="x300"] { max-height: 300px } [h^="350"] { min-height: 350px } [h^="350px"] { height: 350px } [h*="x350"] { max-height: 350px } [h^="400"] { min-height: 400px } [h^="400px"] { height: 400px } [h*="x400"] { max-height: 400px } [h^="500"] { min-height: 500px } [h^="500px"] { height: 500px } [h*="x500"] { max-height: 500px } [h^="600"] { min-height: 600px } [h^="600px"] { height: 600px } [h*="x600"] { max-height: 600px } [h^="700"] { min-height: 700px } [h^="700px"] { height: 700px } [h*="x700"] { max-height: 700px } [h^="750"] { min-height: 750px } [h^="750px"] { height: 750px } [h*="x750"] { max-height: 750px } [h^="780"] { min-height: 780px } [h^="780px"] { height: 780px } [h*="x780"] { max-height: 780px } [h^="800"] { min-height: 800px } [h^="800px"] { height: 800px } [h*="x800"] { max-height: 800px } [h^="900"] { min-height: 900px } [h^="900px"] { height: 900px } [h*="x900"] { max-height: 900px } [h^="960"] { min-height: 960px } [h^="960px"] { height: 960px } [h*="x960"] { max-height: 960px } [h="half"] { height: 50% } [h="third"] { height:33.33% } [h="pint"] { height: 25% } [fill~=screen] { width:100vw; height:100vh; } [fill~=half] { width: 50vw; height: 50vh; } /*** z-index ***/ [z] { position:relative; } [z="0"] { z-index: 0 !important } [z="1"] { z-index: 1 !important } [z="6"] { z-index: 6 !important } [z="2"] { z-index: 2 !important } [z="7"] { z-index: 7 !important } [z="3"] { z-index: 3 !important } [z="8"] { z-index: 8 !important } [z="4"] { z-index: 4 !important } [z="9"] { z-index: 9 !important } [z="5"] { z-index: 5 !important } [z="10"] { z-index: 10 !important } [z="999"] { z-index: 999 !important } [z="9999"]{ z-index: 9999 !important } /* //// Transitions ///// ////////////////////// *//* Basic Animation Utility */ button,input[type],textarea,select, .tab-frame *, .ani, .ani-child > *, .ani-all * { --a-ani-speed: var(--a-speed-mid); transition: all var(--a-ani-speed) ease; -o-transition: all var(--a-ani-speed) ease; -ms-transition: all var(--a-ani-speed) ease; -moz-transition: all var(--a-ani-speed) ease; -webkit-transition: all var(--a-ani-speed) ease; } .ani-optimized { will-change: all; } button { transition-property: width, height, opacity, top, left, right, bottom, background, background-color, color, font, box-shadow, text-shadow; } .fast { --a-ani-speed: var(--a-speed-fast); } .slow { --a-ani-speed: var(--a-speed-slow); } .delay-025s { transition-delay: 0.25s; } .delay-05s { transition-delay: 0.50s; } .delay-1s { transition-delay: 1.00s; } .delay-2s { transition-delay: 2.00s; }