@gem-sdk/styles 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/base.css +90 -0
- package/dist/base.min.css +1 -0
- package/dist/builder.css +102 -0
- package/dist/builder.min.css +1 -0
- package/dist/utility.css +6034 -0
- package/dist/utility.min.css +1 -0
- package/package.json +47 -0
- package/src/css/all.css +98 -0
- package/src/css/builds/base.css +93 -0
- package/src/css/builds/builder.css +96 -0
- package/src/css/builds/utility.css +6 -0
- package/src/css/helpers/_background.css +15 -0
- package/src/css/helpers/_layout.css +23 -0
- package/src/css/helpers/_position.css +40 -0
- package/src/css/helpers/_shadows.css +61 -0
- package/src/css/helpers/_spacing.css +21 -0
- package/src/css/helpers/_transform.css +36 -0
- package/src/css/helpers/_typography.css +54 -0
- package/src/css/medias.css +2 -0
- package/src/css/mixins.css +133 -0
- package/src/css/utilities/_background.css +22 -0
- package/src/css/utilities/_border.css +21 -0
- package/src/css/utilities/_flex.css +12 -0
- package/src/css/utilities/_grid.css +15 -0
- package/src/css/utilities/_interact.css +8 -0
- package/src/css/utilities/_layout.css +12 -0
- package/src/css/utilities/_misc.css +12 -0
- package/src/css/utilities/_overflow.css +3 -0
- package/src/css/utilities/_sizing.css +7 -0
- package/src/css/utilities/_spacing.css +13 -0
- package/src/css/utilities/_transform.css +4 -0
- package/src/css/utilities/_transition.css +6 -0
- package/src/css/utilities/_typography.css +33 -0
- package/src/css/utilities/all.css +113 -0
- package/src/css/variables.css +1 -0
- package/src/index.js +5 -0
- package/src/plugins/animation.js +109 -0
- package/src/plugins/components.js +59 -0
- package/src/plugins/contain-intrinsic-size.js +34 -0
- package/src/plugins/custom-variants.js +12 -0
- package/src/plugins/heading.js +32 -0
- package/src/plugins/size.js +20 -0
- package/src/plugins/typography.js +97 -0
- package/src/preset.js +130 -0
- package/src/properties.js +730 -0
- package/types/common.d.ts +11 -0
- package/types/globals.d.ts +2671 -0
- package/types/index.d.ts +9 -0
- package/types/types.d.ts +100 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[style*="--ac:"]{align-content:var(--ac)}[style*="--hvr-ac:"]:hover{align-content:var(--hvr-ac)}[style*="--focus-ac:"]:focus{align-content:var(--focus-ac)}[style*="--ai:"]{align-items:var(--ai)}[style*="--hvr-ai:"]:hover{align-items:var(--hvr-ai)}[style*="--focus-ai:"]:focus{align-items:var(--focus-ai)}[style*="--as:"]{align-self:var(--as)}[style*="--hvr-as:"]:hover{align-self:var(--hvr-as)}[style*="--focus-as:"]:focus{align-self:var(--focus-as)}[style*="--aspect:"]{aspect-ratio:var(--aspect)}[style*="--hvr-aspect:"]:hover{aspect-ratio:var(--hvr-aspect)}[style*="--focus-aspect:"]:focus{aspect-ratio:var(--focus-aspect)}[style*="--bg:"]{background:var(--bg)}[style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}[style*="--focus-bg:"]:focus{background:var(--focus-bg)}[style*="--bga:"]{background-attachment:var(--bga)}[style*="--hvr-bga:"]:hover{background-attachment:var(--hvr-bga)}[style*="--focus-bga:"]:focus{background-attachment:var(--focus-bga)}[style*="--bgc:"]{background-color:var(--bgc)}[style*="--hvr-bgc:"]:hover{background-color:var(--hvr-bgc)}[style*="--focus-bgc:"]:focus{background-color:var(--focus-bgc)}[style*="--bgi:"]{background-image:var(--bgi)}[style*="--hvr-bgi:"]:hover{background-image:var(--hvr-bgi)}[style*="--focus-bgi:"]:focus{background-image:var(--focus-bgi)}[style*="--bgp:"]{background-position:var(--bgp)}[style*="--hvr-bgp:"]:hover{background-position:var(--hvr-bgp)}[style*="--focus-bgp:"]:focus{background-position:var(--focus-bgp)}[style*="--bgr:"]{background-repeat:var(--bgr)}[style*="--hvr-bgr:"]:hover{background-repeat:var(--hvr-bgr)}[style*="--focus-bgr:"]:focus{background-repeat:var(--focus-bgr)}[style*="--bgs:"]{background-size:var(--bgs)}[style*="--hvr-bgs:"]:hover{background-size:var(--hvr-bgs)}[style*="--focus-bgs:"]:focus{background-size:var(--focus-bgs)}[style*="--b:"]{border:var(--b)}[style*="--hvr-b:"]:hover{border:var(--hvr-b)}[style*="--focus-b:"]:focus{border:var(--focus-b)}[style*="--bb:"]{border-bottom:var(--bb)}[style*="--hvr-bb:"]:hover{border-bottom:var(--hvr-bb)}[style*="--focus-bb:"]:focus{border-bottom:var(--focus-bb)}[style*="--bbw:"]{border-bottom-width:var(--bbw)}[style*="--hvr-bbw:"]:hover{border-bottom-width:var(--hvr-bbw)}[style*="--focus-bbw:"]:focus{border-bottom-width:var(--focus-bbw)}[style*="--bbc:"]{border-bottom-color:var(--bbc)}[style*="--hvr-bbc:"]:hover{border-bottom-color:var(--hvr-bbc)}[style*="--focus-bbc:"]:focus{border-bottom-color:var(--focus-bbc)}[style*="--bc:"]{border-color:var(--bc)}[style*="--hvr-bc:"]:hover{border-color:var(--hvr-bc)}[style*="--focus-bc:"]:focus{border-color:var(--focus-bc)}[style*="--bblr:"]{border-bottom-left-radius:var(--bblr)}[style*="--hvr-bblr:"]:hover{border-bottom-left-radius:var(--hvr-bblr)}[style*="--focus-bblr:"]:focus{border-bottom-left-radius:var(--focus-bblr)}[style*="--bbrr:"]{border-bottom-right-radius:var(--bbrr)}[style*="--hvr-bbrr:"]:hover{border-bottom-right-radius:var(--hvr-bbrr)}[style*="--focus-bbrr:"]:focus{border-bottom-right-radius:var(--focus-bbrr)}[style*="--bl:"]{border-left:var(--bl)}[style*="--hvr-bl:"]:hover{border-left:var(--hvr-bl)}[style*="--focus-bl:"]:focus{border-left:var(--focus-bl)}[style*="--radius:"]{border-radius:var(--radius)}[style*="--hvr-radius:"]:hover{border-radius:var(--hvr-radius)}[style*="--focus-radius:"]:focus{border-radius:var(--focus-radius)}[style*="--br:"]{border-right:var(--br)}[style*="--hvr-br:"]:hover{border-right:var(--hvr-br)}[style*="--focus-br:"]:focus{border-right:var(--focus-br)}[style*="--bs:"]{border-style:var(--bs)}[style*="--hvr-bs:"]:hover{border-style:var(--hvr-bs)}[style*="--focus-bs:"]:focus{border-style:var(--focus-bs)}[style*="--bt:"]{border-top:var(--bt)}[style*="--hvr-bt:"]:hover{border-top:var(--hvr-bt)}[style*="--focus-bt:"]:focus{border-top:var(--focus-bt)}[style*="--btlr:"]{border-top-left-radius:var(--btlr)}[style*="--hvr-btlr:"]:hover{border-top-left-radius:var(--hvr-btlr)}[style*="--focus-btlr:"]:focus{border-top-left-radius:var(--focus-btlr)}[style*="--btrr:"]{border-top-right-radius:var(--btrr)}[style*="--hvr-btrr:"]:hover{border-top-right-radius:var(--hvr-btrr)}[style*="--focus-btrr:"]:focus{border-top-right-radius:var(--focus-btrr)}[style*="--bw:"]{border-width:var(--bw)}[style*="--hvr-bw:"]:hover{border-width:var(--hvr-bw)}[style*="--focus-bw:"]:focus{border-width:var(--focus-bw)}[style*="--bottom:"]{bottom:var(--bottom)}[style*="--hvr-bottom:"]:hover{bottom:var(--hvr-bottom)}[style*="--focus-bottom:"]:focus{bottom:var(--focus-bottom)}[style*="--shadow:"]{box-shadow:var(--shadow)}[style*="--hvr-shadow:"]:hover{box-shadow:var(--hvr-shadow)}[style*="--focus-shadow:"]:focus{box-shadow:var(--focus-shadow)}[style*="--cr:"]{clear:var(--cr)}[style*="--hvr-cr:"]:hover{clear:var(--hvr-cr)}[style*="--focus-cr:"]:focus{clear:var(--focus-cr)}[style*="--c:"]{color:var(--c)}[style*="--hvr-c:"]:hover{color:var(--hvr-c)}[style*="--focus-c:"]:focus{color:var(--focus-c)}[style*="--cg:"]{-webkit-column-gap:var(--cg);column-gap:var(--cg)}[style*="--hvr-cg:"]:hover{-webkit-column-gap:var(--hvr-cg);column-gap:var(--hvr-cg)}[style*="--focus-cg:"]:focus{-webkit-column-gap:var(--focus-cg);column-gap:var(--focus-cg)}[style*="--d:"]{display:var(--d)}[style*="--hvr-d:"]:hover{display:var(--hvr-d)}[style*="--focus-d:"]:focus{display:var(--focus-d)}[style*="--fr:"]{-webkit-filter:var(--fr);filter:var(--fr)}[style*="--hvr-fr:"]:hover{-webkit-filter:var(--hvr-fr);filter:var(--hvr-fr)}[style*="--focus-fr:"]:focus{-webkit-filter:var(--focus-fr);filter:var(--focus-fr)}[style*="--fx:"]{flex:var(--fx)}[style*="--hvr-fx:"]:hover{flex:var(--hvr-fx)}[style*="--focus-fx:"]:focus{flex:var(--focus-fx)}[style*="--fb:"]{flex-basis:var(--fb)}[style*="--hvr-fb:"]:hover{flex-basis:var(--hvr-fb)}[style*="--focus-fb:"]:focus{flex-basis:var(--focus-fb)}[style*="--fd:"]{flex-direction:var(--fd)}[style*="--hvr-fd:"]:hover{flex-direction:var(--hvr-fd)}[style*="--focus-fd:"]:focus{flex-direction:var(--focus-fd)}[style*="--fg:"]{flex-grow:var(--fg)}[style*="--hvr-fg:"]:hover{flex-grow:var(--hvr-fg)}[style*="--focus-fg:"]:focus{flex-grow:var(--focus-fg)}[style*="--fs:"]{flex-shrink:var(--fs)}[style*="--hvr-fs:"]:hover{flex-shrink:var(--hvr-fs)}[style*="--focus-fs:"]:focus{flex-shrink:var(--focus-fs)}[style*="--fw:"]{flex-wrap:var(--fw)}[style*="--hvr-fw:"]:hover{flex-wrap:var(--hvr-fw)}[style*="--focus-fw:"]:focus{flex-wrap:var(--focus-fw)}[style*="--ft:"]{float:var(--ft)}[style*="--hvr-ft:"]:hover{float:var(--hvr-ft)}[style*="--focus-ft:"]:focus{float:var(--focus-ft)}[style*="--ff:"]{font-family:var(--ff)}[style*="--hvr-ff:"]:hover{font-family:var(--hvr-ff)}[style*="--focus-ff:"]:focus{font-family:var(--focus-ff)}[style*="--size:"]{font-size:var(--size)}[style*="--hvr-size:"]:hover{font-size:var(--hvr-size)}[style*="--focus-size:"]:focus{font-size:var(--focus-size)}[style*="--fs:"]{font-style:var(--fs)}[style*="--hvr-fs:"]:hover{font-style:var(--hvr-fs)}[style*="--focus-fs:"]:focus{font-style:var(--focus-fs)}[style*="--weight:"]{font-weight:var(--weight)}[style*="--hvr-weight:"]:hover{font-weight:var(--hvr-weight)}[style*="--focus-weight:"]:focus{font-weight:var(--focus-weight)}[style*="--gac:"]{grid-auto-columns:var(--gac)}[style*="--hvr-gac:"]:hover{grid-auto-columns:var(--hvr-gac)}[style*="--focus-gac:"]:focus{grid-auto-columns:var(--focus-gac)}[style*="--gar:"]{grid-auto-rows:var(--gar)}[style*="--hvr-gar:"]:hover{grid-auto-rows:var(--hvr-gar)}[style*="--focus-gar:"]:focus{grid-auto-rows:var(--focus-gar)}[style*="--gc:"]{grid-column:var(--gc)}[style*="--hvr-gc:"]:hover{grid-column:var(--hvr-gc)}[style*="--focus-gc:"]:focus{grid-column:var(--focus-gc)}[style*="--gg:"]{grid-gap:var(--gg)}[style*="--hvr-gg:"]:hover{grid-gap:var(--hvr-gg)}[style*="--focus-gg:"]:focus{grid-gap:var(--focus-gg)}[style*="--gr:"]{grid-row:var(--gr)}[style*="--hvr-gr:"]:hover{grid-row:var(--hvr-gr)}[style*="--focus-gr:"]:focus{grid-row:var(--focus-gr)}[style*="--gtc:"]{grid-template-columns:var(--gtc)}[style*="--hvr-gtc:"]:hover{grid-template-columns:var(--hvr-gtc)}[style*="--focus-gtc:"]:focus{grid-template-columns:var(--focus-gtc)}[style*="--gtr:"]{grid-template-rows:var(--gtr)}[style*="--hvr-gtr:"]:hover{grid-template-rows:var(--hvr-gtr)}[style*="--focus-gtr:"]:focus{grid-template-rows:var(--focus-gtr)}[style*="--h:"]{height:var(--h)}[style*="--hvr-h:"]:hover{height:var(--hvr-h)}[style*="--focus-h:"]:focus{height:var(--focus-h)}[style*="--jc:"]{justify-content:var(--jc)}[style*="--hvr-jc:"]:hover{justify-content:var(--hvr-jc)}[style*="--focus-jc:"]:focus{justify-content:var(--focus-jc)}[style*="--left:"]{left:var(--left)}[style*="--hvr-left:"]:hover{left:var(--hvr-left)}[style*="--focus-left:"]:focus{left:var(--focus-left)}[style*="--ls:"]{letter-spacing:var(--ls)}[style*="--hvr-ls:"]:hover{letter-spacing:var(--hvr-ls)}[style*="--focus-ls:"]:focus{letter-spacing:var(--focus-ls)}[style*="--lh:"]{line-height:var(--lh)}[style*="--hvr-lh:"]:hover{line-height:var(--hvr-lh)}[style*="--focus-lh:"]:focus{line-height:var(--focus-lh)}[style*="--tdt:"]{text-decoration-thickness:var(--tdt)}[style*="--hvr-tdt:"]:hover{text-decoration-thickness:var(--hvr-tdt)}[style*="--focus-tdt:"]:focus{text-decoration-thickness:var(--focus-tdt)}[style*="--tdc:"]{text-decoration-color:var(--tdc)}[style*="--hvr-tdc:"]:hover{text-decoration-color:var(--hvr-tdc)}[style*="--focus-tdc:"]:focus{text-decoration-color:var(--focus-tdc)}[style*="--tds:"]{text-decoration-style:var(--tds)}[style*="--hvr-tds:"]:hover{text-decoration-style:var(--hvr-tds)}[style*="--focus-tds:"]:focus{text-decoration-style:var(--focus-tds)}[style*="--m:"]{margin:var(--m)}[style*="--hvr-m:"]:hover{margin:var(--hvr-m)}[style*="--focus-m:"]:focus{margin:var(--focus-m)}[style*="--mb:"]{margin-bottom:var(--mb)}[style*="--hvr-mb:"]:hover{margin-bottom:var(--hvr-mb)}[style*="--focus-mb:"]:focus{margin-bottom:var(--focus-mb)}[style*="--ml:"]{margin-left:var(--ml)}[style*="--hvr-ml:"]:hover{margin-left:var(--hvr-ml)}[style*="--focus-ml:"]:focus{margin-left:var(--focus-ml)}[style*="--mr:"]{margin-right:var(--mr)}[style*="--hvr-mr:"]:hover{margin-right:var(--hvr-mr)}[style*="--focus-mr:"]:focus{margin-right:var(--focus-mr)}[style*="--mt:"]{margin-top:var(--mt)}[style*="--hvr-mt:"]:hover{margin-top:var(--hvr-mt)}[style*="--focus-mt:"]:focus{margin-top:var(--focus-mt)}[style*="--maxh:"]{max-height:var(--maxh)}[style*="--hvr-maxh:"]:hover{max-height:var(--hvr-maxh)}[style*="--focus-maxh:"]:focus{max-height:var(--focus-maxh)}[style*="--maxw:"]{max-width:var(--maxw)}[style*="--hvr-maxw:"]:hover{max-width:var(--hvr-maxw)}[style*="--focus-maxw:"]:focus{max-width:var(--focus-maxw)}[style*="--minh:"]{min-height:var(--minh)}[style*="--hvr-minh:"]:hover{min-height:var(--hvr-minh)}[style*="--focus-minh:"]:focus{min-height:var(--focus-minh)}[style*="--minw:"]{min-width:var(--minw)}[style*="--hvr-minw:"]:hover{min-width:var(--hvr-minw)}[style*="--focus-minw:"]:focus{min-width:var(--focus-minw)}[style*="--rt:"]{rotate:var(--rt)}[style*="--hvr-rt:"]:hover{rotate:var(--hvr-rt)}[style*="--focus-rt:"]:focus{rotate:var(--focus-rt)}[style*="--objf:"]{object-fit:var(--objf)}[style*="--hvr-objf:"]:hover{object-fit:var(--hvr-objf)}[style*="--focus-objf:"]:focus{object-fit:var(--focus-objf)}[style*="--objp:"]{object-position:var(--objp)}[style*="--hvr-objp:"]:hover{object-position:var(--hvr-objp)}[style*="--focus-objp:"]:focus{object-position:var(--focus-objp)}[style*="--op:"]{opacity:var(--op)}[style*="--hvr-op:"]:hover{opacity:var(--hvr-op)}[style*="--focus-op:"]:focus{opacity:var(--focus-op)}[style*="--o:"]{order:var(--o)}[style*="--hvr-o:"]:hover{order:var(--hvr-o)}[style*="--focus-o:"]:focus{order:var(--focus-o)}[style*="--p:"]{padding:var(--p)}[style*="--hvr-p:"]:hover{padding:var(--hvr-p)}[style*="--focus-p:"]:focus{padding:var(--focus-p)}[style*="--pb:"]{padding-bottom:var(--pb)}[style*="--hvr-pb:"]:hover{padding-bottom:var(--hvr-pb)}[style*="--focus-pb:"]:focus{padding-bottom:var(--focus-pb)}[style*="--pl:"]{padding-left:var(--pl)}[style*="--hvr-pl:"]:hover{padding-left:var(--hvr-pl)}[style*="--focus-pl:"]:focus{padding-left:var(--focus-pl)}[style*="--pr:"]{padding-right:var(--pr)}[style*="--hvr-pr:"]:hover{padding-right:var(--hvr-pr)}[style*="--focus-pr:"]:focus{padding-right:var(--focus-pr)}[style*="--pt:"]{padding-top:var(--pt)}[style*="--hvr-pt:"]:hover{padding-top:var(--hvr-pt)}[style*="--focus-pt:"]:focus{padding-top:var(--focus-pt)}[style*="--pos:"]{position:var(--pos)}[style*="--hvr-pos:"]:hover{position:var(--hvr-pos)}[style*="--focus-pos:"]:focus{position:var(--focus-pos)}[style*="--right:"]{right:var(--right)}[style*="--hvr-right:"]:hover{right:var(--hvr-right)}[style*="--focus-right:"]:focus{right:var(--focus-right)}[style*="--rg:"]{row-gap:var(--rg)}[style*="--hvr-rg:"]:hover{row-gap:var(--hvr-rg)}[style*="--focus-rg:"]:focus{row-gap:var(--focus-rg)}[style*="--ta:"]{text-align:var(--ta)}[style*="--hvr-ta:"]:hover{text-align:var(--hvr-ta)}[style*="--focus-ta:"]:focus{text-align:var(--focus-ta)}[style*="--td:"]{-webkit-text-decoration:var(--td);text-decoration:var(--td)}[style*="--hvr-td:"]:hover{-webkit-text-decoration:var(--hvr-td);text-decoration:var(--hvr-td)}[style*="--focus-td:"]:focus{-webkit-text-decoration:var(--focus-td);text-decoration:var(--focus-td)}[style*="--ts:"]{text-shadow:var(--ts)}[style*="--hvr-ts:"]:hover{text-shadow:var(--hvr-ts)}[style*="--focus-ts:"]:focus{text-shadow:var(--focus-ts)}[style*="--tt:"]{text-transform:var(--tt)}[style*="--hvr-tt:"]:hover{text-transform:var(--hvr-tt)}[style*="--focus-tt:"]:focus{text-transform:var(--focus-tt)}[style*="--top:"]{top:var(--top)}[style*="--hvr-top:"]:hover{top:var(--hvr-top)}[style*="--focus-top:"]:focus{top:var(--focus-top)}[style*="--t:"]{-webkit-transform:var(--t);transform:var(--t)}[style*="--hvr-t:"]:hover{-webkit-transform:var(--hvr-t);transform:var(--hvr-t)}[style*="--focus-t:"]:focus{-webkit-transform:var(--focus-t);transform:var(--focus-t)}[style*="--ta:"]{-webkit-transform-origin:var(--ta);transform-origin:var(--ta)}[style*="--hvr-ta:"]:hover{-webkit-transform-origin:var(--hvr-ta);transform-origin:var(--hvr-ta)}[style*="--focus-ta:"]:focus{-webkit-transform-origin:var(--focus-ta);transform-origin:var(--focus-ta)}[style*="--ts:"]{-webkit-transform-style:var(--ts);transform-style:var(--ts)}[style*="--hvr-ts:"]:hover{-webkit-transform-style:var(--hvr-ts);transform-style:var(--hvr-ts)}[style*="--focus-ts:"]:focus{-webkit-transform-style:var(--focus-ts);transform-style:var(--focus-ts)}[style*="--tn:"]{transition:var(--tn)}[style*="--hvr-tn:"]:hover{transition:var(--hvr-tn)}[style*="--focus-tn:"]:focus{transition:var(--focus-tn)}[style*="--td:"]{transition-delay:var(--td)}[style*="--hvr-td:"]:hover{transition-delay:var(--hvr-td)}[style*="--focus-td:"]:focus{transition-delay:var(--focus-td)}[style*="--tnd:"]{transition-duration:var(--tnd)}[style*="--hvr-tnd:"]:hover{transition-duration:var(--hvr-tnd)}[style*="--focus-tnd:"]:focus{transition-duration:var(--focus-tnd)}[style*="--tp:"]{transition-property:var(--tp)}[style*="--hvr-tp:"]:hover{transition-property:var(--hvr-tp)}[style*="--focus-tp:"]:focus{transition-property:var(--focus-tp)}[style*="--ttf:"]{transition-timing-function:var(--ttf)}[style*="--hvr-ttf:"]:hover{transition-timing-function:var(--hvr-ttf)}[style*="--focus-ttf:"]:focus{transition-timing-function:var(--focus-ttf)}[style*="--tsl:"]{translate:var(--tsl)}[style*="--hvr-tsl:"]:hover{translate:var(--hvr-tsl)}[style*="--focus-tsl:"]:focus{translate:var(--focus-tsl)}[style*="--v:"]{visibility:var(--v)}[style*="--hvr-v:"]:hover{visibility:var(--hvr-v)}[style*="--focus-v:"]:focus{visibility:var(--focus-v)}[style*="--w:"]{width:var(--w)}[style*="--hvr-w:"]:hover{width:var(--hvr-w)}[style*="--focus-w:"]:focus{width:var(--focus-w)}[style*="--z:"]{z-index:var(--z)}[style*="--hvr-z:"]:hover{z-index:var(--hvr-z)}[style*="--focus-z:"]:focus{z-index:var(--focus-z)}[style*="--line-clamp:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);display:-webkit-box;overflow:hidden}[style*="--text-3d:"]{text-shadow:6px 6px 10px hsla(0,0%,100%,.1),6px 6px var(--text-3d),5.75px 5.75px var(--text-3d),5.5px 5.5px var(--text-3d),5.25px 5.25px var(--text-3d),5px 5px var(--text-3d),4.75px 4.75px var(--text-3d),4.5px 4.5px var(--text-3d),4.25px 4.25px var(--text-3d),4px 4px var(--text-3d),3.75px 3.75px var(--text-3d),3.5px 3.5px var(--text-3d),3.25px 3.25px var(--text-3d),3px 3px var(--text-3d),2.75px 2.75px var(--text-3d),2.5px 2.5px var(--text-3d),2.25px 2.25px var(--text-3d),2px 2px var(--text-3d),1.75px 1.75px var(--text-3d),1.5px 1.5px var(--text-3d),1.25px 1.25px var(--text-3d),1px 1px var(--text-3d),.75px .75px var(--text-3d),.5px .5px var(--text-3d),.25px .25px var(--text-3d)}@media only screen and (max-width:1023px){[style*="--ac-tablet:"]{align-content:var(--ac-tablet)}[style*="--hvr-ac-tablet:"]:hover{align-content:var(--hvr-ac-tablet)}[style*="--focus-ac-tablet:"]:focus{align-content:var(--focus-ac-tablet)}[style*="--ai-tablet:"]{align-items:var(--ai-tablet)}[style*="--hvr-ai-tablet:"]:hover{align-items:var(--hvr-ai-tablet)}[style*="--focus-ai-tablet:"]:focus{align-items:var(--focus-ai-tablet)}[style*="--as-tablet:"]{align-self:var(--as-tablet)}[style*="--hvr-as-tablet:"]:hover{align-self:var(--hvr-as-tablet)}[style*="--focus-as-tablet:"]:focus{align-self:var(--focus-as-tablet)}[style*="--aspect-tablet:"]{aspect-ratio:var(--aspect-tablet)}[style*="--hvr-aspect-tablet:"]:hover{aspect-ratio:var(--hvr-aspect-tablet)}[style*="--focus-aspect-tablet:"]:focus{aspect-ratio:var(--focus-aspect-tablet)}[style*="--bg-tablet:"]{background:var(--bg-tablet)}[style*="--hvr-bg-tablet:"]:hover{background:var(--hvr-bg-tablet)}[style*="--focus-bg-tablet:"]:focus{background:var(--focus-bg-tablet)}[style*="--bga-tablet:"]{background-attachment:var(--bga-tablet)}[style*="--hvr-bga-tablet:"]:hover{background-attachment:var(--hvr-bga-tablet)}[style*="--focus-bga-tablet:"]:focus{background-attachment:var(--focus-bga-tablet)}[style*="--bgc-tablet:"]{background-color:var(--bgc-tablet)}[style*="--hvr-bgc-tablet:"]:hover{background-color:var(--hvr-bgc-tablet)}[style*="--focus-bgc-tablet:"]:focus{background-color:var(--focus-bgc-tablet)}[style*="--bgi-tablet:"]{background-image:var(--bgi-tablet)}[style*="--hvr-bgi-tablet:"]:hover{background-image:var(--hvr-bgi-tablet)}[style*="--focus-bgi-tablet:"]:focus{background-image:var(--focus-bgi-tablet)}[style*="--bgp-tablet:"]{background-position:var(--bgp-tablet)}[style*="--hvr-bgp-tablet:"]:hover{background-position:var(--hvr-bgp-tablet)}[style*="--focus-bgp-tablet:"]:focus{background-position:var(--focus-bgp-tablet)}[style*="--bgr-tablet:"]{background-repeat:var(--bgr-tablet)}[style*="--hvr-bgr-tablet:"]:hover{background-repeat:var(--hvr-bgr-tablet)}[style*="--focus-bgr-tablet:"]:focus{background-repeat:var(--focus-bgr-tablet)}[style*="--bgs-tablet:"]{background-size:var(--bgs-tablet)}[style*="--hvr-bgs-tablet:"]:hover{background-size:var(--hvr-bgs-tablet)}[style*="--focus-bgs-tablet:"]:focus{background-size:var(--focus-bgs-tablet)}[style*="--b-tablet:"]{border:var(--b-tablet)}[style*="--hvr-b-tablet:"]:hover{border:var(--hvr-b-tablet)}[style*="--focus-b-tablet:"]:focus{border:var(--focus-b-tablet)}[style*="--bb-tablet:"]{border-bottom:var(--bb-tablet)}[style*="--hvr-bb-tablet:"]:hover{border-bottom:var(--hvr-bb-tablet)}[style*="--focus-bb-tablet:"]:focus{border-bottom:var(--focus-bb-tablet)}[style*="--bbw-tablet:"]{border-bottom-width:var(--bbw-tablet)}[style*="--hvr-bbw-tablet:"]:hover{border-bottom-width:var(--hvr-bbw-tablet)}[style*="--focus-bbw-tablet:"]:focus{border-bottom-width:var(--focus-bbw-tablet)}[style*="--bbc-tablet:"]{border-bottom-color:var(--bbc-tablet)}[style*="--hvr-bbc-tablet:"]:hover{border-bottom-color:var(--hvr-bbc-tablet)}[style*="--focus-bbc-tablet:"]:focus{border-bottom-color:var(--focus-bbc-tablet)}[style*="--bc-tablet:"]{border-color:var(--bc-tablet)}[style*="--hvr-bc-tablet:"]:hover{border-color:var(--hvr-bc-tablet)}[style*="--focus-bc-tablet:"]:focus{border-color:var(--focus-bc-tablet)}[style*="--bblr-tablet:"]{border-bottom-left-radius:var(--bblr-tablet)}[style*="--hvr-bblr-tablet:"]:hover{border-bottom-left-radius:var(--hvr-bblr-tablet)}[style*="--focus-bblr-tablet:"]:focus{border-bottom-left-radius:var(--focus-bblr-tablet)}[style*="--bbrr-tablet:"]{border-bottom-right-radius:var(--bbrr-tablet)}[style*="--hvr-bbrr-tablet:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-tablet)}[style*="--focus-bbrr-tablet:"]:focus{border-bottom-right-radius:var(--focus-bbrr-tablet)}[style*="--bl-tablet:"]{border-left:var(--bl-tablet)}[style*="--hvr-bl-tablet:"]:hover{border-left:var(--hvr-bl-tablet)}[style*="--focus-bl-tablet:"]:focus{border-left:var(--focus-bl-tablet)}[style*="--radius-tablet:"]{border-radius:var(--radius-tablet)}[style*="--hvr-radius-tablet:"]:hover{border-radius:var(--hvr-radius-tablet)}[style*="--focus-radius-tablet:"]:focus{border-radius:var(--focus-radius-tablet)}[style*="--br-tablet:"]{border-right:var(--br-tablet)}[style*="--hvr-br-tablet:"]:hover{border-right:var(--hvr-br-tablet)}[style*="--focus-br-tablet:"]:focus{border-right:var(--focus-br-tablet)}[style*="--bs-tablet:"]{border-style:var(--bs-tablet)}[style*="--hvr-bs-tablet:"]:hover{border-style:var(--hvr-bs-tablet)}[style*="--focus-bs-tablet:"]:focus{border-style:var(--focus-bs-tablet)}[style*="--bt-tablet:"]{border-top:var(--bt-tablet)}[style*="--hvr-bt-tablet:"]:hover{border-top:var(--hvr-bt-tablet)}[style*="--focus-bt-tablet:"]:focus{border-top:var(--focus-bt-tablet)}[style*="--btlr-tablet:"]{border-top-left-radius:var(--btlr-tablet)}[style*="--hvr-btlr-tablet:"]:hover{border-top-left-radius:var(--hvr-btlr-tablet)}[style*="--focus-btlr-tablet:"]:focus{border-top-left-radius:var(--focus-btlr-tablet)}[style*="--btrr-tablet:"]{border-top-right-radius:var(--btrr-tablet)}[style*="--hvr-btrr-tablet:"]:hover{border-top-right-radius:var(--hvr-btrr-tablet)}[style*="--focus-btrr-tablet:"]:focus{border-top-right-radius:var(--focus-btrr-tablet)}[style*="--bw-tablet:"]{border-width:var(--bw-tablet)}[style*="--hvr-bw-tablet:"]:hover{border-width:var(--hvr-bw-tablet)}[style*="--focus-bw-tablet:"]:focus{border-width:var(--focus-bw-tablet)}[style*="--bottom-tablet:"]{bottom:var(--bottom-tablet)}[style*="--hvr-bottom-tablet:"]:hover{bottom:var(--hvr-bottom-tablet)}[style*="--focus-bottom-tablet:"]:focus{bottom:var(--focus-bottom-tablet)}[style*="--shadow-tablet:"]{box-shadow:var(--shadow-tablet)}[style*="--hvr-shadow-tablet:"]:hover{box-shadow:var(--hvr-shadow-tablet)}[style*="--focus-shadow-tablet:"]:focus{box-shadow:var(--focus-shadow-tablet)}[style*="--cr-tablet:"]{clear:var(--cr-tablet)}[style*="--hvr-cr-tablet:"]:hover{clear:var(--hvr-cr-tablet)}[style*="--focus-cr-tablet:"]:focus{clear:var(--focus-cr-tablet)}[style*="--c-tablet:"]{color:var(--c-tablet)}[style*="--hvr-c-tablet:"]:hover{color:var(--hvr-c-tablet)}[style*="--focus-c-tablet:"]:focus{color:var(--focus-c-tablet)}[style*="--cg-tablet:"]{-webkit-column-gap:var(--cg-tablet);column-gap:var(--cg-tablet)}[style*="--hvr-cg-tablet:"]:hover{-webkit-column-gap:var(--hvr-cg-tablet);column-gap:var(--hvr-cg-tablet)}[style*="--focus-cg-tablet:"]:focus{-webkit-column-gap:var(--focus-cg-tablet);column-gap:var(--focus-cg-tablet)}[style*="--d-tablet:"]{display:var(--d-tablet)}[style*="--hvr-d-tablet:"]:hover{display:var(--hvr-d-tablet)}[style*="--focus-d-tablet:"]:focus{display:var(--focus-d-tablet)}[style*="--fx-tablet:"]{flex:var(--fx-tablet)}[style*="--hvr-fx-tablet:"]:hover{flex:var(--hvr-fx-tablet)}[style*="--focus-fx-tablet:"]:focus{flex:var(--focus-fx-tablet)}[style*="--fb-tablet:"]{flex-basis:var(--fb-tablet)}[style*="--hvr-fb-tablet:"]:hover{flex-basis:var(--hvr-fb-tablet)}[style*="--focus-fb-tablet:"]:focus{flex-basis:var(--focus-fb-tablet)}[style*="--fd-tablet:"]{flex-direction:var(--fd-tablet)}[style*="--hvr-fd-tablet:"]:hover{flex-direction:var(--hvr-fd-tablet)}[style*="--focus-fd-tablet:"]:focus{flex-direction:var(--focus-fd-tablet)}[style*="--fg-tablet:"]{flex-grow:var(--fg-tablet)}[style*="--hvr-fg-tablet:"]:hover{flex-grow:var(--hvr-fg-tablet)}[style*="--focus-fg-tablet:"]:focus{flex-grow:var(--focus-fg-tablet)}[style*="--fs-tablet:"]{flex-shrink:var(--fs-tablet)}[style*="--hvr-fs-tablet:"]:hover{flex-shrink:var(--hvr-fs-tablet)}[style*="--focus-fs-tablet:"]:focus{flex-shrink:var(--focus-fs-tablet)}[style*="--fw-tablet:"]{flex-wrap:var(--fw-tablet)}[style*="--hvr-fw-tablet:"]:hover{flex-wrap:var(--hvr-fw-tablet)}[style*="--focus-fw-tablet:"]:focus{flex-wrap:var(--focus-fw-tablet)}[style*="--ft-tablet:"]{float:var(--ft-tablet)}[style*="--hvr-ft-tablet:"]:hover{float:var(--hvr-ft-tablet)}[style*="--focus-ft-tablet:"]:focus{float:var(--focus-ft-tablet)}[style*="--ff-tablet:"]{font-family:var(--ff-tablet)}[style*="--hvr-ff-tablet:"]:hover{font-family:var(--hvr-ff-tablet)}[style*="--focus-ff-tablet:"]:focus{font-family:var(--focus-ff-tablet)}[style*="--size-tablet:"]{font-size:var(--size-tablet)}[style*="--hvr-size-tablet:"]:hover{font-size:var(--hvr-size-tablet)}[style*="--focus-size-tablet:"]:focus{font-size:var(--focus-size-tablet)}[style*="--fs-tablet:"]{font-style:var(--fs-tablet)}[style*="--hvr-fs-tablet:"]:hover{font-style:var(--hvr-fs-tablet)}[style*="--focus-fs-tablet:"]:focus{font-style:var(--focus-fs-tablet)}[style*="--weight-tablet:"]{font-weight:var(--weight-tablet)}[style*="--hvr-weight-tablet:"]:hover{font-weight:var(--hvr-weight-tablet)}[style*="--focus-weight-tablet:"]:focus{font-weight:var(--focus-weight-tablet)}[style*="--gac-tablet:"]{grid-auto-columns:var(--gac-tablet)}[style*="--hvr-gac-tablet:"]:hover{grid-auto-columns:var(--hvr-gac-tablet)}[style*="--focus-gac-tablet:"]:focus{grid-auto-columns:var(--focus-gac-tablet)}[style*="--gar-tablet:"]{grid-auto-rows:var(--gar-tablet)}[style*="--hvr-gar-tablet:"]:hover{grid-auto-rows:var(--hvr-gar-tablet)}[style*="--focus-gar-tablet:"]:focus{grid-auto-rows:var(--focus-gar-tablet)}[style*="--gc-tablet:"]{grid-column:var(--gc-tablet)}[style*="--hvr-gc-tablet:"]:hover{grid-column:var(--hvr-gc-tablet)}[style*="--focus-gc-tablet:"]:focus{grid-column:var(--focus-gc-tablet)}[style*="--gg-tablet:"]{grid-gap:var(--gg-tablet)}[style*="--hvr-gg-tablet:"]:hover{grid-gap:var(--hvr-gg-tablet)}[style*="--focus-gg-tablet:"]:focus{grid-gap:var(--focus-gg-tablet)}[style*="--gr-tablet:"]{grid-row:var(--gr-tablet)}[style*="--hvr-gr-tablet:"]:hover{grid-row:var(--hvr-gr-tablet)}[style*="--focus-gr-tablet:"]:focus{grid-row:var(--focus-gr-tablet)}[style*="--gtc-tablet:"]{grid-template-columns:var(--gtc-tablet)}[style*="--hvr-gtc-tablet:"]:hover{grid-template-columns:var(--hvr-gtc-tablet)}[style*="--focus-gtc-tablet:"]:focus{grid-template-columns:var(--focus-gtc-tablet)}[style*="--gtr-tablet:"]{grid-template-rows:var(--gtr-tablet)}[style*="--hvr-gtr-tablet:"]:hover{grid-template-rows:var(--hvr-gtr-tablet)}[style*="--focus-gtr-tablet:"]:focus{grid-template-rows:var(--focus-gtr-tablet)}[style*="--h-tablet:"]{height:var(--h-tablet)}[style*="--hvr-h-tablet:"]:hover{height:var(--hvr-h-tablet)}[style*="--focus-h-tablet:"]:focus{height:var(--focus-h-tablet)}[style*="--jc-tablet:"]{justify-content:var(--jc-tablet)}[style*="--hvr-jc-tablet:"]:hover{justify-content:var(--hvr-jc-tablet)}[style*="--focus-jc-tablet:"]:focus{justify-content:var(--focus-jc-tablet)}[style*="--left-tablet:"]{left:var(--left-tablet)}[style*="--hvr-left-tablet:"]:hover{left:var(--hvr-left-tablet)}[style*="--focus-left-tablet:"]:focus{left:var(--focus-left-tablet)}[style*="--ls-tablet:"]{letter-spacing:var(--ls-tablet)}[style*="--hvr-ls-tablet:"]:hover{letter-spacing:var(--hvr-ls-tablet)}[style*="--focus-ls-tablet:"]:focus{letter-spacing:var(--focus-ls-tablet)}[style*="--lh-tablet:"]{line-height:var(--lh-tablet)}[style*="--hvr-lh-tablet:"]:hover{line-height:var(--hvr-lh-tablet)}[style*="--focus-lh-tablet:"]:focus{line-height:var(--focus-lh-tablet)}[style*="--tdt-tablet:"]{text-decoration-thickness:var(--tdt-tablet)}[style*="--hvr-tdt-tablet:"]:hover{text-decoration-thickness:var(--hvr-tdt-tablet)}[style*="--focus-tdt-tablet:"]:focus{text-decoration-thickness:var(--focus-tdt-tablet)}[style*="--tdc-tablet:"]{text-decoration-color:var(--tdc-tablet)}[style*="--hvr-tdc-tablet:"]:hover{text-decoration-color:var(--hvr-tdc-tablet)}[style*="--focus-tdc-tablet:"]:focus{text-decoration-color:var(--focus-tdc-tablet)}[style*="--tds-tablet:"]{text-decoration-style:var(--tds-tablet)}[style*="--hvr-tds-tablet:"]:hover{text-decoration-style:var(--hvr-tds-tablet)}[style*="--focus-tds-tablet:"]:focus{text-decoration-style:var(--focus-tds-tablet)}[style*="--m-tablet:"]{margin:var(--m-tablet)}[style*="--hvr-m-tablet:"]:hover{margin:var(--hvr-m-tablet)}[style*="--focus-m-tablet:"]:focus{margin:var(--focus-m-tablet)}[style*="--mb-tablet:"]{margin-bottom:var(--mb-tablet)}[style*="--hvr-mb-tablet:"]:hover{margin-bottom:var(--hvr-mb-tablet)}[style*="--focus-mb-tablet:"]:focus{margin-bottom:var(--focus-mb-tablet)}[style*="--ml-tablet:"]{margin-left:var(--ml-tablet)}[style*="--hvr-ml-tablet:"]:hover{margin-left:var(--hvr-ml-tablet)}[style*="--focus-ml-tablet:"]:focus{margin-left:var(--focus-ml-tablet)}[style*="--mr-tablet:"]{margin-right:var(--mr-tablet)}[style*="--hvr-mr-tablet:"]:hover{margin-right:var(--hvr-mr-tablet)}[style*="--focus-mr-tablet:"]:focus{margin-right:var(--focus-mr-tablet)}[style*="--mt-tablet:"]{margin-top:var(--mt-tablet)}[style*="--hvr-mt-tablet:"]:hover{margin-top:var(--hvr-mt-tablet)}[style*="--focus-mt-tablet:"]:focus{margin-top:var(--focus-mt-tablet)}[style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}[style*="--hvr-maxh-tablet:"]:hover{max-height:var(--hvr-maxh-tablet)}[style*="--focus-maxh-tablet:"]:focus{max-height:var(--focus-maxh-tablet)}[style*="--maxw-tablet:"]{max-width:var(--maxw-tablet)}[style*="--hvr-maxw-tablet:"]:hover{max-width:var(--hvr-maxw-tablet)}[style*="--focus-maxw-tablet:"]:focus{max-width:var(--focus-maxw-tablet)}[style*="--minh-tablet:"]{min-height:var(--minh-tablet)}[style*="--hvr-minh-tablet:"]:hover{min-height:var(--hvr-minh-tablet)}[style*="--focus-minh-tablet:"]:focus{min-height:var(--focus-minh-tablet)}[style*="--minw-tablet:"]{min-width:var(--minw-tablet)}[style*="--hvr-minw-tablet:"]:hover{min-width:var(--hvr-minw-tablet)}[style*="--focus-minw-tablet:"]:focus{min-width:var(--focus-minw-tablet)}[style*="--rt-tablet:"]{rotate:var(--rt-tablet)}[style*="--hvr-rt-tablet:"]:hover{rotate:var(--hvr-rt-tablet)}[style*="--focus-rt-tablet:"]:focus{rotate:var(--focus-rt-tablet)}[style*="--objf-tablet:"]{object-fit:var(--objf-tablet)}[style*="--hvr-objf-tablet:"]:hover{object-fit:var(--hvr-objf-tablet)}[style*="--focus-objf-tablet:"]:focus{object-fit:var(--focus-objf-tablet)}[style*="--objp-tablet:"]{object-position:var(--objp-tablet)}[style*="--hvr-objp-tablet:"]:hover{object-position:var(--hvr-objp-tablet)}[style*="--focus-objp-tablet:"]:focus{object-position:var(--focus-objp-tablet)}[style*="--op-tablet:"]{opacity:var(--op-tablet)}[style*="--hvr-op-tablet:"]:hover{opacity:var(--hvr-op-tablet)}[style*="--focus-op-tablet:"]:focus{opacity:var(--focus-op-tablet)}[style*="--o-tablet:"]{order:var(--o-tablet)}[style*="--hvr-o-tablet:"]:hover{order:var(--hvr-o-tablet)}[style*="--focus-o-tablet:"]:focus{order:var(--focus-o-tablet)}[style*="--p-tablet:"]{padding:var(--p-tablet)}[style*="--hvr-p-tablet:"]:hover{padding:var(--hvr-p-tablet)}[style*="--focus-p-tablet:"]:focus{padding:var(--focus-p-tablet)}[style*="--pb-tablet:"]{padding-bottom:var(--pb-tablet)}[style*="--hvr-pb-tablet:"]:hover{padding-bottom:var(--hvr-pb-tablet)}[style*="--focus-pb-tablet:"]:focus{padding-bottom:var(--focus-pb-tablet)}[style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}[style*="--hvr-pl-tablet:"]:hover{padding-left:var(--hvr-pl-tablet)}[style*="--focus-pl-tablet:"]:focus{padding-left:var(--focus-pl-tablet)}[style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}[style*="--hvr-pr-tablet:"]:hover{padding-right:var(--hvr-pr-tablet)}[style*="--focus-pr-tablet:"]:focus{padding-right:var(--focus-pr-tablet)}[style*="--pt-tablet:"]{padding-top:var(--pt-tablet)}[style*="--hvr-pt-tablet:"]:hover{padding-top:var(--hvr-pt-tablet)}[style*="--focus-pt-tablet:"]:focus{padding-top:var(--focus-pt-tablet)}[style*="--pos-tablet:"]{position:var(--pos-tablet)}[style*="--hvr-pos-tablet:"]:hover{position:var(--hvr-pos-tablet)}[style*="--focus-pos-tablet:"]:focus{position:var(--focus-pos-tablet)}[style*="--right-tablet:"]{right:var(--right-tablet)}[style*="--hvr-right-tablet:"]:hover{right:var(--hvr-right-tablet)}[style*="--focus-right-tablet:"]:focus{right:var(--focus-right-tablet)}[style*="--rg-tablet:"]{row-gap:var(--rg-tablet)}[style*="--hvr-rg-tablet:"]:hover{row-gap:var(--hvr-rg-tablet)}[style*="--focus-rg-tablet:"]:focus{row-gap:var(--focus-rg-tablet)}[style*="--ta-tablet:"]{text-align:var(--ta-tablet)}[style*="--hvr-ta-tablet:"]:hover{text-align:var(--hvr-ta-tablet)}[style*="--focus-ta-tablet:"]:focus{text-align:var(--focus-ta-tablet)}[style*="--td-tablet:"]{-webkit-text-decoration:var(--td-tablet);text-decoration:var(--td-tablet)}[style*="--hvr-td-tablet:"]:hover{-webkit-text-decoration:var(--hvr-td-tablet);text-decoration:var(--hvr-td-tablet)}[style*="--focus-td-tablet:"]:focus{-webkit-text-decoration:var(--focus-td-tablet);text-decoration:var(--focus-td-tablet)}[style*="--ts-tablet:"]{text-shadow:var(--ts-tablet)}[style*="--hvr-ts-tablet:"]:hover{text-shadow:var(--hvr-ts-tablet)}[style*="--focus-ts-tablet:"]:focus{text-shadow:var(--focus-ts-tablet)}[style*="--tt-tablet:"]{text-transform:var(--tt-tablet)}[style*="--hvr-tt-tablet:"]:hover{text-transform:var(--hvr-tt-tablet)}[style*="--focus-tt-tablet:"]:focus{text-transform:var(--focus-tt-tablet)}[style*="--top-tablet:"]{top:var(--top-tablet)}[style*="--hvr-top-tablet:"]:hover{top:var(--hvr-top-tablet)}[style*="--focus-top-tablet:"]:focus{top:var(--focus-top-tablet)}[style*="--t-tablet:"]{-webkit-transform:var(--t-tablet);transform:var(--t-tablet)}[style*="--hvr-t-tablet:"]:hover{-webkit-transform:var(--hvr-t-tablet);transform:var(--hvr-t-tablet)}[style*="--focus-t-tablet:"]:focus{-webkit-transform:var(--focus-t-tablet);transform:var(--focus-t-tablet)}[style*="--ta-tablet:"]{-webkit-transform-origin:var(--ta-tablet);transform-origin:var(--ta-tablet)}[style*="--hvr-ta-tablet:"]:hover{-webkit-transform-origin:var(--hvr-ta-tablet);transform-origin:var(--hvr-ta-tablet)}[style*="--focus-ta-tablet:"]:focus{-webkit-transform-origin:var(--focus-ta-tablet);transform-origin:var(--focus-ta-tablet)}[style*="--ts-tablet:"]{-webkit-transform-style:var(--ts-tablet);transform-style:var(--ts-tablet)}[style*="--hvr-ts-tablet:"]:hover{-webkit-transform-style:var(--hvr-ts-tablet);transform-style:var(--hvr-ts-tablet)}[style*="--focus-ts-tablet:"]:focus{-webkit-transform-style:var(--focus-ts-tablet);transform-style:var(--focus-ts-tablet)}[style*="--tn-tablet:"]{transition:var(--tn-tablet)}[style*="--hvr-tn-tablet:"]:hover{transition:var(--hvr-tn-tablet)}[style*="--focus-tn-tablet:"]:focus{transition:var(--focus-tn-tablet)}[style*="--td-tablet:"]{transition-delay:var(--td-tablet)}[style*="--hvr-td-tablet:"]:hover{transition-delay:var(--hvr-td-tablet)}[style*="--focus-td-tablet:"]:focus{transition-delay:var(--focus-td-tablet)}[style*="--tnd-tablet:"]{transition-duration:var(--tnd-tablet)}[style*="--hvr-tnd-tablet:"]:hover{transition-duration:var(--hvr-tnd-tablet)}[style*="--focus-tnd-tablet:"]:focus{transition-duration:var(--focus-tnd-tablet)}[style*="--tp-tablet:"]{transition-property:var(--tp-tablet)}[style*="--hvr-tp-tablet:"]:hover{transition-property:var(--hvr-tp-tablet)}[style*="--focus-tp-tablet:"]:focus{transition-property:var(--focus-tp-tablet)}[style*="--ttf-tablet:"]{transition-timing-function:var(--ttf-tablet)}[style*="--hvr-ttf-tablet:"]:hover{transition-timing-function:var(--hvr-ttf-tablet)}[style*="--focus-ttf-tablet:"]:focus{transition-timing-function:var(--focus-ttf-tablet)}[style*="--tsl-tablet:"]{translate:var(--tsl-tablet)}[style*="--hvr-tsl-tablet:"]:hover{translate:var(--hvr-tsl-tablet)}[style*="--focus-tsl-tablet:"]:focus{translate:var(--focus-tsl-tablet)}[style*="--v-tablet:"]{visibility:var(--v-tablet)}[style*="--hvr-v-tablet:"]:hover{visibility:var(--hvr-v-tablet)}[style*="--focus-v-tablet:"]:focus{visibility:var(--focus-v-tablet)}[style*="--w-tablet:"]{width:var(--w-tablet)}[style*="--hvr-w-tablet:"]:hover{width:var(--hvr-w-tablet)}[style*="--focus-w-tablet:"]:focus{width:var(--focus-w-tablet)}[style*="--z-tablet:"]{z-index:var(--z-tablet)}[style*="--hvr-z-tablet:"]:hover{z-index:var(--hvr-z-tablet)}[style*="--focus-z-tablet:"]:focus{z-index:var(--focus-z-tablet)}[style*="--line-clamp-tablet:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-tablet);display:-webkit-box;overflow:hidden}}@media only screen and (max-width:767px){[style*="--ac-mobile:"]{align-content:var(--ac-mobile)}[style*="--hvr-ac-mobile:"]:hover{align-content:var(--hvr-ac-mobile)}[style*="--focus-ac-mobile:"]:focus{align-content:var(--focus-ac-mobile)}[style*="--ai-mobile:"]{align-items:var(--ai-mobile)}[style*="--hvr-ai-mobile:"]:hover{align-items:var(--hvr-ai-mobile)}[style*="--focus-ai-mobile:"]:focus{align-items:var(--focus-ai-mobile)}[style*="--as-mobile:"]{align-self:var(--as-mobile)}[style*="--hvr-as-mobile:"]:hover{align-self:var(--hvr-as-mobile)}[style*="--focus-as-mobile:"]:focus{align-self:var(--focus-as-mobile)}[style*="--aspect-mobile:"]{aspect-ratio:var(--aspect-mobile)}[style*="--hvr-aspect-mobile:"]:hover{aspect-ratio:var(--hvr-aspect-mobile)}[style*="--focus-aspect-mobile:"]:focus{aspect-ratio:var(--focus-aspect-mobile)}[style*="--bg-mobile:"]{background:var(--bg-mobile)}[style*="--hvr-bg-mobile:"]:hover{background:var(--hvr-bg-mobile)}[style*="--focus-bg-mobile:"]:focus{background:var(--focus-bg-mobile)}[style*="--bga-mobile:"]{background-attachment:var(--bga-mobile)}[style*="--hvr-bga-mobile:"]:hover{background-attachment:var(--hvr-bga-mobile)}[style*="--focus-bga-mobile:"]:focus{background-attachment:var(--focus-bga-mobile)}[style*="--bgc-mobile:"]{background-color:var(--bgc-mobile)}[style*="--hvr-bgc-mobile:"]:hover{background-color:var(--hvr-bgc-mobile)}[style*="--focus-bgc-mobile:"]:focus{background-color:var(--focus-bgc-mobile)}[style*="--bgi-mobile:"]{background-image:var(--bgi-mobile)}[style*="--hvr-bgi-mobile:"]:hover{background-image:var(--hvr-bgi-mobile)}[style*="--focus-bgi-mobile:"]:focus{background-image:var(--focus-bgi-mobile)}[style*="--bgp-mobile:"]{background-position:var(--bgp-mobile)}[style*="--hvr-bgp-mobile:"]:hover{background-position:var(--hvr-bgp-mobile)}[style*="--focus-bgp-mobile:"]:focus{background-position:var(--focus-bgp-mobile)}[style*="--bgr-mobile:"]{background-repeat:var(--bgr-mobile)}[style*="--hvr-bgr-mobile:"]:hover{background-repeat:var(--hvr-bgr-mobile)}[style*="--focus-bgr-mobile:"]:focus{background-repeat:var(--focus-bgr-mobile)}[style*="--bgs-mobile:"]{background-size:var(--bgs-mobile)}[style*="--hvr-bgs-mobile:"]:hover{background-size:var(--hvr-bgs-mobile)}[style*="--focus-bgs-mobile:"]:focus{background-size:var(--focus-bgs-mobile)}[style*="--b-mobile:"]{border:var(--b-mobile)}[style*="--hvr-b-mobile:"]:hover{border:var(--hvr-b-mobile)}[style*="--focus-b-mobile:"]:focus{border:var(--focus-b-mobile)}[style*="--bb-mobile:"]{border-bottom:var(--bb-mobile)}[style*="--hvr-bb-mobile:"]:hover{border-bottom:var(--hvr-bb-mobile)}[style*="--focus-bb-mobile:"]:focus{border-bottom:var(--focus-bb-mobile)}[style*="--bbw-mobile:"]{border-bottom-width:var(--bbw-mobile)}[style*="--hvr-bbw-mobile:"]:hover{border-bottom-width:var(--hvr-bbw-mobile)}[style*="--focus-bbw-mobile:"]:focus{border-bottom-width:var(--focus-bbw-mobile)}[style*="--bbc-mobile:"]{border-bottom-color:var(--bbc-mobile)}[style*="--hvr-bbc-mobile:"]:hover{border-bottom-color:var(--hvr-bbc-mobile)}[style*="--focus-bbc-mobile:"]:focus{border-bottom-color:var(--focus-bbc-mobile)}[style*="--bc-mobile:"]{border-color:var(--bc-mobile)}[style*="--hvr-bc-mobile:"]:hover{border-color:var(--hvr-bc-mobile)}[style*="--focus-bc-mobile:"]:focus{border-color:var(--focus-bc-mobile)}[style*="--bblr-mobile:"]{border-bottom-left-radius:var(--bblr-mobile)}[style*="--hvr-bblr-mobile:"]:hover{border-bottom-left-radius:var(--hvr-bblr-mobile)}[style*="--focus-bblr-mobile:"]:focus{border-bottom-left-radius:var(--focus-bblr-mobile)}[style*="--bbrr-mobile:"]{border-bottom-right-radius:var(--bbrr-mobile)}[style*="--hvr-bbrr-mobile:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-mobile)}[style*="--focus-bbrr-mobile:"]:focus{border-bottom-right-radius:var(--focus-bbrr-mobile)}[style*="--bl-mobile:"]{border-left:var(--bl-mobile)}[style*="--hvr-bl-mobile:"]:hover{border-left:var(--hvr-bl-mobile)}[style*="--focus-bl-mobile:"]:focus{border-left:var(--focus-bl-mobile)}[style*="--radius-mobile:"]{border-radius:var(--radius-mobile)}[style*="--hvr-radius-mobile:"]:hover{border-radius:var(--hvr-radius-mobile)}[style*="--focus-radius-mobile:"]:focus{border-radius:var(--focus-radius-mobile)}[style*="--br-mobile:"]{border-right:var(--br-mobile)}[style*="--hvr-br-mobile:"]:hover{border-right:var(--hvr-br-mobile)}[style*="--focus-br-mobile:"]:focus{border-right:var(--focus-br-mobile)}[style*="--bs-mobile:"]{border-style:var(--bs-mobile)}[style*="--hvr-bs-mobile:"]:hover{border-style:var(--hvr-bs-mobile)}[style*="--focus-bs-mobile:"]:focus{border-style:var(--focus-bs-mobile)}[style*="--bt-mobile:"]{border-top:var(--bt-mobile)}[style*="--hvr-bt-mobile:"]:hover{border-top:var(--hvr-bt-mobile)}[style*="--focus-bt-mobile:"]:focus{border-top:var(--focus-bt-mobile)}[style*="--btlr-mobile:"]{border-top-left-radius:var(--btlr-mobile)}[style*="--hvr-btlr-mobile:"]:hover{border-top-left-radius:var(--hvr-btlr-mobile)}[style*="--focus-btlr-mobile:"]:focus{border-top-left-radius:var(--focus-btlr-mobile)}[style*="--btrr-mobile:"]{border-top-right-radius:var(--btrr-mobile)}[style*="--hvr-btrr-mobile:"]:hover{border-top-right-radius:var(--hvr-btrr-mobile)}[style*="--focus-btrr-mobile:"]:focus{border-top-right-radius:var(--focus-btrr-mobile)}[style*="--bw-mobile:"]{border-width:var(--bw-mobile)}[style*="--hvr-bw-mobile:"]:hover{border-width:var(--hvr-bw-mobile)}[style*="--focus-bw-mobile:"]:focus{border-width:var(--focus-bw-mobile)}[style*="--bottom-mobile:"]{bottom:var(--bottom-mobile)}[style*="--hvr-bottom-mobile:"]:hover{bottom:var(--hvr-bottom-mobile)}[style*="--focus-bottom-mobile:"]:focus{bottom:var(--focus-bottom-mobile)}[style*="--shadow-mobile:"]{box-shadow:var(--shadow-mobile)}[style*="--hvr-shadow-mobile:"]:hover{box-shadow:var(--hvr-shadow-mobile)}[style*="--focus-shadow-mobile:"]:focus{box-shadow:var(--focus-shadow-mobile)}[style*="--cr-mobile:"]{clear:var(--cr-mobile)}[style*="--hvr-cr-mobile:"]:hover{clear:var(--hvr-cr-mobile)}[style*="--focus-cr-mobile:"]:focus{clear:var(--focus-cr-mobile)}[style*="--c-mobile:"]{color:var(--c-mobile)}[style*="--hvr-c-mobile:"]:hover{color:var(--hvr-c-mobile)}[style*="--focus-c-mobile:"]:focus{color:var(--focus-c-mobile)}[style*="--cg-mobile:"]{-webkit-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}[style*="--hvr-cg-mobile:"]:hover{-webkit-column-gap:var(--hvr-cg-mobile);column-gap:var(--hvr-cg-mobile)}[style*="--focus-cg-mobile:"]:focus{-webkit-column-gap:var(--focus-cg-mobile);column-gap:var(--focus-cg-mobile)}[style*="--d-mobile:"]{display:var(--d-mobile)}[style*="--hvr-d-mobile:"]:hover{display:var(--hvr-d-mobile)}[style*="--focus-d-mobile:"]:focus{display:var(--focus-d-mobile)}[style*="--fx-mobile:"]{flex:var(--fx-mobile)}[style*="--hvr-fx-mobile:"]:hover{flex:var(--hvr-fx-mobile)}[style*="--focus-fx-mobile:"]:focus{flex:var(--focus-fx-mobile)}[style*="--fb-mobile:"]{flex-basis:var(--fb-mobile)}[style*="--hvr-fb-mobile:"]:hover{flex-basis:var(--hvr-fb-mobile)}[style*="--focus-fb-mobile:"]:focus{flex-basis:var(--focus-fb-mobile)}[style*="--fd-mobile:"]{flex-direction:var(--fd-mobile)}[style*="--hvr-fd-mobile:"]:hover{flex-direction:var(--hvr-fd-mobile)}[style*="--focus-fd-mobile:"]:focus{flex-direction:var(--focus-fd-mobile)}[style*="--fg-mobile:"]{flex-grow:var(--fg-mobile)}[style*="--hvr-fg-mobile:"]:hover{flex-grow:var(--hvr-fg-mobile)}[style*="--focus-fg-mobile:"]:focus{flex-grow:var(--focus-fg-mobile)}[style*="--fs-mobile:"]{flex-shrink:var(--fs-mobile)}[style*="--hvr-fs-mobile:"]:hover{flex-shrink:var(--hvr-fs-mobile)}[style*="--focus-fs-mobile:"]:focus{flex-shrink:var(--focus-fs-mobile)}[style*="--fw-mobile:"]{flex-wrap:var(--fw-mobile)}[style*="--hvr-fw-mobile:"]:hover{flex-wrap:var(--hvr-fw-mobile)}[style*="--focus-fw-mobile:"]:focus{flex-wrap:var(--focus-fw-mobile)}[style*="--ft-mobile:"]{float:var(--ft-mobile)}[style*="--hvr-ft-mobile:"]:hover{float:var(--hvr-ft-mobile)}[style*="--focus-ft-mobile:"]:focus{float:var(--focus-ft-mobile)}[style*="--ff-mobile:"]{font-family:var(--ff-mobile)}[style*="--hvr-ff-mobile:"]:hover{font-family:var(--hvr-ff-mobile)}[style*="--focus-ff-mobile:"]:focus{font-family:var(--focus-ff-mobile)}[style*="--size-mobile:"]{font-size:var(--size-mobile)}[style*="--hvr-size-mobile:"]:hover{font-size:var(--hvr-size-mobile)}[style*="--focus-size-mobile:"]:focus{font-size:var(--focus-size-mobile)}[style*="--fs-mobile:"]{font-style:var(--fs-mobile)}[style*="--hvr-fs-mobile:"]:hover{font-style:var(--hvr-fs-mobile)}[style*="--focus-fs-mobile:"]:focus{font-style:var(--focus-fs-mobile)}[style*="--weight-mobile:"]{font-weight:var(--weight-mobile)}[style*="--hvr-weight-mobile:"]:hover{font-weight:var(--hvr-weight-mobile)}[style*="--focus-weight-mobile:"]:focus{font-weight:var(--focus-weight-mobile)}[style*="--gac-mobile:"]{grid-auto-columns:var(--gac-mobile)}[style*="--hvr-gac-mobile:"]:hover{grid-auto-columns:var(--hvr-gac-mobile)}[style*="--focus-gac-mobile:"]:focus{grid-auto-columns:var(--focus-gac-mobile)}[style*="--gar-mobile:"]{grid-auto-rows:var(--gar-mobile)}[style*="--hvr-gar-mobile:"]:hover{grid-auto-rows:var(--hvr-gar-mobile)}[style*="--focus-gar-mobile:"]:focus{grid-auto-rows:var(--focus-gar-mobile)}[style*="--gc-mobile:"]{grid-column:var(--gc-mobile)}[style*="--hvr-gc-mobile:"]:hover{grid-column:var(--hvr-gc-mobile)}[style*="--focus-gc-mobile:"]:focus{grid-column:var(--focus-gc-mobile)}[style*="--gg-mobile:"]{grid-gap:var(--gg-mobile)}[style*="--hvr-gg-mobile:"]:hover{grid-gap:var(--hvr-gg-mobile)}[style*="--focus-gg-mobile:"]:focus{grid-gap:var(--focus-gg-mobile)}[style*="--gr-mobile:"]{grid-row:var(--gr-mobile)}[style*="--hvr-gr-mobile:"]:hover{grid-row:var(--hvr-gr-mobile)}[style*="--focus-gr-mobile:"]:focus{grid-row:var(--focus-gr-mobile)}[style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}[style*="--hvr-gtc-mobile:"]:hover{grid-template-columns:var(--hvr-gtc-mobile)}[style*="--focus-gtc-mobile:"]:focus{grid-template-columns:var(--focus-gtc-mobile)}[style*="--gtr-mobile:"]{grid-template-rows:var(--gtr-mobile)}[style*="--hvr-gtr-mobile:"]:hover{grid-template-rows:var(--hvr-gtr-mobile)}[style*="--focus-gtr-mobile:"]:focus{grid-template-rows:var(--focus-gtr-mobile)}[style*="--h-mobile:"]{height:var(--h-mobile)}[style*="--hvr-h-mobile:"]:hover{height:var(--hvr-h-mobile)}[style*="--focus-h-mobile:"]:focus{height:var(--focus-h-mobile)}[style*="--jc-mobile:"]{justify-content:var(--jc-mobile)}[style*="--hvr-jc-mobile:"]:hover{justify-content:var(--hvr-jc-mobile)}[style*="--focus-jc-mobile:"]:focus{justify-content:var(--focus-jc-mobile)}[style*="--left-mobile:"]{left:var(--left-mobile)}[style*="--hvr-left-mobile:"]:hover{left:var(--hvr-left-mobile)}[style*="--focus-left-mobile:"]:focus{left:var(--focus-left-mobile)}[style*="--ls-mobile:"]{letter-spacing:var(--ls-mobile)}[style*="--hvr-ls-mobile:"]:hover{letter-spacing:var(--hvr-ls-mobile)}[style*="--focus-ls-mobile:"]:focus{letter-spacing:var(--focus-ls-mobile)}[style*="--lh-mobile:"]{line-height:var(--lh-mobile)}[style*="--hvr-lh-mobile:"]:hover{line-height:var(--hvr-lh-mobile)}[style*="--focus-lh-mobile:"]:focus{line-height:var(--focus-lh-mobile)}[style*="--tdt-mobile:"]{text-decoration-thickness:var(--tdt-mobile)}[style*="--hvr-tdt-mobile:"]:hover{text-decoration-thickness:var(--hvr-tdt-mobile)}[style*="--focus-tdt-mobile:"]:focus{text-decoration-thickness:var(--focus-tdt-mobile)}[style*="--tdc-mobile:"]{text-decoration-color:var(--tdc-mobile)}[style*="--hvr-tdc-mobile:"]:hover{text-decoration-color:var(--hvr-tdc-mobile)}[style*="--focus-tdc-mobile:"]:focus{text-decoration-color:var(--focus-tdc-mobile)}[style*="--tds-mobile:"]{text-decoration-style:var(--tds-mobile)}[style*="--hvr-tds-mobile:"]:hover{text-decoration-style:var(--hvr-tds-mobile)}[style*="--focus-tds-mobile:"]:focus{text-decoration-style:var(--focus-tds-mobile)}[style*="--m-mobile:"]{margin:var(--m-mobile)}[style*="--hvr-m-mobile:"]:hover{margin:var(--hvr-m-mobile)}[style*="--focus-m-mobile:"]:focus{margin:var(--focus-m-mobile)}[style*="--mb-mobile:"]{margin-bottom:var(--mb-mobile)}[style*="--hvr-mb-mobile:"]:hover{margin-bottom:var(--hvr-mb-mobile)}[style*="--focus-mb-mobile:"]:focus{margin-bottom:var(--focus-mb-mobile)}[style*="--ml-mobile:"]{margin-left:var(--ml-mobile)}[style*="--hvr-ml-mobile:"]:hover{margin-left:var(--hvr-ml-mobile)}[style*="--focus-ml-mobile:"]:focus{margin-left:var(--focus-ml-mobile)}[style*="--mr-mobile:"]{margin-right:var(--mr-mobile)}[style*="--hvr-mr-mobile:"]:hover{margin-right:var(--hvr-mr-mobile)}[style*="--focus-mr-mobile:"]:focus{margin-right:var(--focus-mr-mobile)}[style*="--mt-mobile:"]{margin-top:var(--mt-mobile)}[style*="--hvr-mt-mobile:"]:hover{margin-top:var(--hvr-mt-mobile)}[style*="--focus-mt-mobile:"]:focus{margin-top:var(--focus-mt-mobile)}[style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}[style*="--hvr-maxh-mobile:"]:hover{max-height:var(--hvr-maxh-mobile)}[style*="--focus-maxh-mobile:"]:focus{max-height:var(--focus-maxh-mobile)}[style*="--maxw-mobile:"]{max-width:var(--maxw-mobile)}[style*="--hvr-maxw-mobile:"]:hover{max-width:var(--hvr-maxw-mobile)}[style*="--focus-maxw-mobile:"]:focus{max-width:var(--focus-maxw-mobile)}[style*="--minh-mobile:"]{min-height:var(--minh-mobile)}[style*="--hvr-minh-mobile:"]:hover{min-height:var(--hvr-minh-mobile)}[style*="--focus-minh-mobile:"]:focus{min-height:var(--focus-minh-mobile)}[style*="--minw-mobile:"]{min-width:var(--minw-mobile)}[style*="--hvr-minw-mobile:"]:hover{min-width:var(--hvr-minw-mobile)}[style*="--focus-minw-mobile:"]:focus{min-width:var(--focus-minw-mobile)}[style*="--rt-mobile:"]{rotate:var(--rt-mobile)}[style*="--hvr-rt-mobile:"]:hover{rotate:var(--hvr-rt-mobile)}[style*="--focus-rt-mobile:"]:focus{rotate:var(--focus-rt-mobile)}[style*="--objf-mobile:"]{object-fit:var(--objf-mobile)}[style*="--hvr-objf-mobile:"]:hover{object-fit:var(--hvr-objf-mobile)}[style*="--focus-objf-mobile:"]:focus{object-fit:var(--focus-objf-mobile)}[style*="--objp-mobile:"]{object-position:var(--objp-mobile)}[style*="--hvr-objp-mobile:"]:hover{object-position:var(--hvr-objp-mobile)}[style*="--focus-objp-mobile:"]:focus{object-position:var(--focus-objp-mobile)}[style*="--op-mobile:"]{opacity:var(--op-mobile)}[style*="--hvr-op-mobile:"]:hover{opacity:var(--hvr-op-mobile)}[style*="--focus-op-mobile:"]:focus{opacity:var(--focus-op-mobile)}[style*="--o-mobile:"]{order:var(--o-mobile)}[style*="--hvr-o-mobile:"]:hover{order:var(--hvr-o-mobile)}[style*="--focus-o-mobile:"]:focus{order:var(--focus-o-mobile)}[style*="--p-mobile:"]{padding:var(--p-mobile)}[style*="--hvr-p-mobile:"]:hover{padding:var(--hvr-p-mobile)}[style*="--focus-p-mobile:"]:focus{padding:var(--focus-p-mobile)}[style*="--pb-mobile:"]{padding-bottom:var(--pb-mobile)}[style*="--hvr-pb-mobile:"]:hover{padding-bottom:var(--hvr-pb-mobile)}[style*="--focus-pb-mobile:"]:focus{padding-bottom:var(--focus-pb-mobile)}[style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}[style*="--hvr-pl-mobile:"]:hover{padding-left:var(--hvr-pl-mobile)}[style*="--focus-pl-mobile:"]:focus{padding-left:var(--focus-pl-mobile)}[style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}[style*="--hvr-pr-mobile:"]:hover{padding-right:var(--hvr-pr-mobile)}[style*="--focus-pr-mobile:"]:focus{padding-right:var(--focus-pr-mobile)}[style*="--pt-mobile:"]{padding-top:var(--pt-mobile)}[style*="--hvr-pt-mobile:"]:hover{padding-top:var(--hvr-pt-mobile)}[style*="--focus-pt-mobile:"]:focus{padding-top:var(--focus-pt-mobile)}[style*="--pos-mobile:"]{position:var(--pos-mobile)}[style*="--hvr-pos-mobile:"]:hover{position:var(--hvr-pos-mobile)}[style*="--focus-pos-mobile:"]:focus{position:var(--focus-pos-mobile)}[style*="--right-mobile:"]{right:var(--right-mobile)}[style*="--hvr-right-mobile:"]:hover{right:var(--hvr-right-mobile)}[style*="--focus-right-mobile:"]:focus{right:var(--focus-right-mobile)}[style*="--rg-mobile:"]{row-gap:var(--rg-mobile)}[style*="--hvr-rg-mobile:"]:hover{row-gap:var(--hvr-rg-mobile)}[style*="--focus-rg-mobile:"]:focus{row-gap:var(--focus-rg-mobile)}[style*="--ta-mobile:"]{text-align:var(--ta-mobile)}[style*="--hvr-ta-mobile:"]:hover{text-align:var(--hvr-ta-mobile)}[style*="--focus-ta-mobile:"]:focus{text-align:var(--focus-ta-mobile)}[style*="--td-mobile:"]{-webkit-text-decoration:var(--td-mobile);text-decoration:var(--td-mobile)}[style*="--hvr-td-mobile:"]:hover{-webkit-text-decoration:var(--hvr-td-mobile);text-decoration:var(--hvr-td-mobile)}[style*="--focus-td-mobile:"]:focus{-webkit-text-decoration:var(--focus-td-mobile);text-decoration:var(--focus-td-mobile)}[style*="--ts-mobile:"]{text-shadow:var(--ts-mobile)}[style*="--hvr-ts-mobile:"]:hover{text-shadow:var(--hvr-ts-mobile)}[style*="--focus-ts-mobile:"]:focus{text-shadow:var(--focus-ts-mobile)}[style*="--tt-mobile:"]{text-transform:var(--tt-mobile)}[style*="--hvr-tt-mobile:"]:hover{text-transform:var(--hvr-tt-mobile)}[style*="--focus-tt-mobile:"]:focus{text-transform:var(--focus-tt-mobile)}[style*="--top-mobile:"]{top:var(--top-mobile)}[style*="--hvr-top-mobile:"]:hover{top:var(--hvr-top-mobile)}[style*="--focus-top-mobile:"]:focus{top:var(--focus-top-mobile)}[style*="--t-mobile:"]{-webkit-transform:var(--t-mobile);transform:var(--t-mobile)}[style*="--hvr-t-mobile:"]:hover{-webkit-transform:var(--hvr-t-mobile);transform:var(--hvr-t-mobile)}[style*="--focus-t-mobile:"]:focus{-webkit-transform:var(--focus-t-mobile);transform:var(--focus-t-mobile)}[style*="--ta-mobile:"]{-webkit-transform-origin:var(--ta-mobile);transform-origin:var(--ta-mobile)}[style*="--hvr-ta-mobile:"]:hover{-webkit-transform-origin:var(--hvr-ta-mobile);transform-origin:var(--hvr-ta-mobile)}[style*="--focus-ta-mobile:"]:focus{-webkit-transform-origin:var(--focus-ta-mobile);transform-origin:var(--focus-ta-mobile)}[style*="--ts-mobile:"]{-webkit-transform-style:var(--ts-mobile);transform-style:var(--ts-mobile)}[style*="--hvr-ts-mobile:"]:hover{-webkit-transform-style:var(--hvr-ts-mobile);transform-style:var(--hvr-ts-mobile)}[style*="--focus-ts-mobile:"]:focus{-webkit-transform-style:var(--focus-ts-mobile);transform-style:var(--focus-ts-mobile)}[style*="--tn-mobile:"]{transition:var(--tn-mobile)}[style*="--hvr-tn-mobile:"]:hover{transition:var(--hvr-tn-mobile)}[style*="--focus-tn-mobile:"]:focus{transition:var(--focus-tn-mobile)}[style*="--td-mobile:"]{transition-delay:var(--td-mobile)}[style*="--hvr-td-mobile:"]:hover{transition-delay:var(--hvr-td-mobile)}[style*="--focus-td-mobile:"]:focus{transition-delay:var(--focus-td-mobile)}[style*="--tnd-mobile:"]{transition-duration:var(--tnd-mobile)}[style*="--hvr-tnd-mobile:"]:hover{transition-duration:var(--hvr-tnd-mobile)}[style*="--focus-tnd-mobile:"]:focus{transition-duration:var(--focus-tnd-mobile)}[style*="--tp-mobile:"]{transition-property:var(--tp-mobile)}[style*="--hvr-tp-mobile:"]:hover{transition-property:var(--hvr-tp-mobile)}[style*="--focus-tp-mobile:"]:focus{transition-property:var(--focus-tp-mobile)}[style*="--ttf-mobile:"]{transition-timing-function:var(--ttf-mobile)}[style*="--hvr-ttf-mobile:"]:hover{transition-timing-function:var(--hvr-ttf-mobile)}[style*="--focus-ttf-mobile:"]:focus{transition-timing-function:var(--focus-ttf-mobile)}[style*="--tsl-mobile:"]{translate:var(--tsl-mobile)}[style*="--hvr-tsl-mobile:"]:hover{translate:var(--hvr-tsl-mobile)}[style*="--focus-tsl-mobile:"]:focus{translate:var(--focus-tsl-mobile)}[style*="--v-mobile:"]{visibility:var(--v-mobile)}[style*="--hvr-v-mobile:"]:hover{visibility:var(--hvr-v-mobile)}[style*="--focus-v-mobile:"]:focus{visibility:var(--focus-v-mobile)}[style*="--w-mobile:"]{width:var(--w-mobile)}[style*="--hvr-w-mobile:"]:hover{width:var(--hvr-w-mobile)}[style*="--focus-w-mobile:"]:focus{width:var(--focus-w-mobile)}[style*="--z-mobile:"]{z-index:var(--z-mobile)}[style*="--hvr-z-mobile:"]:hover{z-index:var(--hvr-z-mobile)}[style*="--focus-z-mobile:"]:focus{z-index:var(--focus-z-mobile)}[style*="--line-clamp-mobile:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);display:-webkit-box;overflow:hidden}}
|
package/package.json
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@gem-sdk/styles",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"main": "src/index.js",
|
|
7
|
+
"types": "types/index.d.ts",
|
|
8
|
+
"style": "dist/theme.css",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist",
|
|
11
|
+
"src",
|
|
12
|
+
"types"
|
|
13
|
+
],
|
|
14
|
+
"scripts": {
|
|
15
|
+
"build": "gulp build"
|
|
16
|
+
},
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"@tailwindcss/line-clamp": "^0.4.2"
|
|
19
|
+
},
|
|
20
|
+
"devDependencies": {
|
|
21
|
+
"cssnano": "^5.1.14",
|
|
22
|
+
"csstype": "^3.1.1",
|
|
23
|
+
"del": "^6.0.0",
|
|
24
|
+
"gulp": "^4.0.2",
|
|
25
|
+
"gulp-bytediff": "^1.0.0",
|
|
26
|
+
"gulp-filter": "^7.0.0",
|
|
27
|
+
"gulp-flatten": "^0.4.0",
|
|
28
|
+
"gulp-postcss": "^9.0.1",
|
|
29
|
+
"gulp-rename": "^2.0.0",
|
|
30
|
+
"gulp-sizereport": "^1.2.1",
|
|
31
|
+
"gulp-sourcemaps": "^3.0.0",
|
|
32
|
+
"lodash": "^4.17.21",
|
|
33
|
+
"postcss-import": "^15.1.0"
|
|
34
|
+
},
|
|
35
|
+
"browserslist": {
|
|
36
|
+
"production": [
|
|
37
|
+
">0.2%",
|
|
38
|
+
"not dead",
|
|
39
|
+
"not op_mini all"
|
|
40
|
+
],
|
|
41
|
+
"development": [
|
|
42
|
+
"last 1 chrome version",
|
|
43
|
+
"last 1 firefox version",
|
|
44
|
+
"last 1 safari version"
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
}
|
package/src/css/all.css
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
@mixin svar-mq align-content, ac;
|
|
2
|
+
@mixin svar-mq align-items, ai;
|
|
3
|
+
@mixin svar-mq align-self, as;
|
|
4
|
+
@mixin svar-mq aspect-ratio, aspect;
|
|
5
|
+
@mixin svar-mq background, bg;
|
|
6
|
+
@mixin svar-mq background-attachment, bga;
|
|
7
|
+
@mixin svar-mq background-color, bgc;
|
|
8
|
+
@mixin svar-mq background-image, bgi;
|
|
9
|
+
@mixin svar-mq background-position, bgp;
|
|
10
|
+
@mixin svar-mq background-repeat, bgr;
|
|
11
|
+
@mixin svar-mq background-size, bgs;
|
|
12
|
+
@mixin svar-mq border, b;
|
|
13
|
+
@mixin svar-mq border-bottom, bb;
|
|
14
|
+
@mixin svar-mq border-bottom-width, bbw;
|
|
15
|
+
@mixin svar-mq border-bottom-color, bbc;
|
|
16
|
+
@mixin svar-mq border-color, bc;
|
|
17
|
+
@mixin svar-mq border-bottom-left-radius, bblr;
|
|
18
|
+
@mixin svar-mq border-bottom-right-radius, bbrr;
|
|
19
|
+
@mixin svar-mq border-left, bl;
|
|
20
|
+
@mixin svar-mq border-radius, radius;
|
|
21
|
+
@mixin svar-mq border-right, br;
|
|
22
|
+
@mixin svar-mq border-style, bs;
|
|
23
|
+
@mixin svar-mq border-top, bt;
|
|
24
|
+
@mixin svar-mq border-top-left-radius, btlr;
|
|
25
|
+
@mixin svar-mq border-top-right-radius, btrr;
|
|
26
|
+
@mixin svar-mq border-width, bw;
|
|
27
|
+
@mixin svar-mq bottom, bottom;
|
|
28
|
+
@mixin svar-mq box-shadow, shadow;
|
|
29
|
+
@mixin svar-mq clear, cr;
|
|
30
|
+
@mixin svar-mq color, c;
|
|
31
|
+
@mixin svar-mq column-gap, cg;
|
|
32
|
+
@mixin svar-mq display, d;
|
|
33
|
+
@mixin svar filter, fr;
|
|
34
|
+
@mixin svar-mq flex, fx;
|
|
35
|
+
@mixin svar-mq flex-basis, fb;
|
|
36
|
+
@mixin svar-mq flex-direction, fd;
|
|
37
|
+
@mixin svar-mq flex-grow, fg;
|
|
38
|
+
@mixin svar-mq flex-shrink, fs;
|
|
39
|
+
@mixin svar-mq flex-wrap, fw;
|
|
40
|
+
@mixin svar-mq float, ft;
|
|
41
|
+
@mixin svar-mq font-family, ff;
|
|
42
|
+
@mixin svar-mq font-size, size;
|
|
43
|
+
@mixin svar-mq font-style, fs;
|
|
44
|
+
@mixin svar-mq font-weight, weight;
|
|
45
|
+
@mixin svar-mq grid-auto-columns, gac;
|
|
46
|
+
@mixin svar-mq grid-auto-rows, gar;
|
|
47
|
+
@mixin svar-mq grid-column, gc;
|
|
48
|
+
@mixin svar-mq grid-gap, gg;
|
|
49
|
+
@mixin svar-mq grid-row, gr;
|
|
50
|
+
@mixin svar-mq grid-template-columns, gtc;
|
|
51
|
+
@mixin svar-mq grid-template-rows, gtr;
|
|
52
|
+
@mixin svar-mq height, h;
|
|
53
|
+
@mixin svar-mq justify-content, jc;
|
|
54
|
+
@mixin svar-mq left, left;
|
|
55
|
+
@mixin svar-mq letter-spacing, ls;
|
|
56
|
+
@mixin svar-mq line-height, lh;
|
|
57
|
+
@mixin svar-mq text-decoration-thickness, tdt;
|
|
58
|
+
@mixin svar-mq text-decoration-color, tdc;
|
|
59
|
+
@mixin svar-mq text-decoration-style, tds;
|
|
60
|
+
@mixin svar-mq margin, m;
|
|
61
|
+
@mixin svar-mq margin-bottom, mb;
|
|
62
|
+
@mixin svar-mq margin-left, ml;
|
|
63
|
+
@mixin svar-mq margin-right, mr;
|
|
64
|
+
@mixin svar-mq margin-top, mt;
|
|
65
|
+
@mixin svar-mq max-height, maxh;
|
|
66
|
+
@mixin svar-mq max-width, maxw;
|
|
67
|
+
@mixin svar-mq min-height, minh;
|
|
68
|
+
@mixin svar-mq min-width, minw;
|
|
69
|
+
@mixin svar-mq rotate, rt;
|
|
70
|
+
@mixin svar-mq object-fit, objf;
|
|
71
|
+
@mixin svar-mq object-position, objp;
|
|
72
|
+
@mixin svar-mq opacity, op;
|
|
73
|
+
@mixin svar-mq order, o;
|
|
74
|
+
@mixin svar-mq padding, p;
|
|
75
|
+
@mixin svar-mq padding-bottom, pb;
|
|
76
|
+
@mixin svar-mq padding-left, pl;
|
|
77
|
+
@mixin svar-mq padding-right, pr;
|
|
78
|
+
@mixin svar-mq padding-top, pt;
|
|
79
|
+
@mixin svar-mq position, pos;
|
|
80
|
+
@mixin svar-mq right, right;
|
|
81
|
+
@mixin svar-mq row-gap, rg;
|
|
82
|
+
@mixin svar-mq text-align, ta;
|
|
83
|
+
@mixin svar-mq text-decoration, td;
|
|
84
|
+
@mixin svar-mq text-shadow, ts;
|
|
85
|
+
@mixin svar-mq text-transform, tt;
|
|
86
|
+
@mixin svar-mq top, top;
|
|
87
|
+
@mixin svar-mq transform, t;
|
|
88
|
+
@mixin svar-mq transform-origin, ta;
|
|
89
|
+
@mixin svar-mq transform-style, ts;
|
|
90
|
+
@mixin svar-mq transition, tn;
|
|
91
|
+
@mixin svar-mq transition-delay, td;
|
|
92
|
+
@mixin svar-mq transition-duration, tnd;
|
|
93
|
+
@mixin svar-mq transition-property, tp;
|
|
94
|
+
@mixin svar-mq transition-timing-function, ttf;
|
|
95
|
+
@mixin svar-mq translate, tsl;
|
|
96
|
+
@mixin svar-mq visibility, v;
|
|
97
|
+
@mixin svar-mq width, w;
|
|
98
|
+
@mixin svar-mq z-index, z;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
@layer base {
|
|
6
|
+
html {
|
|
7
|
+
-webkit-tap-highlight-color: transparent;
|
|
8
|
+
}
|
|
9
|
+
a {
|
|
10
|
+
@apply text-g-brand underline;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@layer components {
|
|
15
|
+
#__next {
|
|
16
|
+
height: 100%;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.wrapper {
|
|
20
|
+
width: 100%;
|
|
21
|
+
padding-left: var(--g-ct-p);
|
|
22
|
+
padding-right: var(--g-ct-p);
|
|
23
|
+
margin-left: auto;
|
|
24
|
+
margin-right: auto;
|
|
25
|
+
max-width: var(--g-ct-w, 1200px);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.gem-slider:not([data-keen-slider-disabled]) {
|
|
29
|
+
align-content: flex-start;
|
|
30
|
+
display: flex;
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
position: relative;
|
|
33
|
+
user-select: none;
|
|
34
|
+
-webkit-touch-callout: none;
|
|
35
|
+
-khtml-user-select: none;
|
|
36
|
+
-ms-touch-action: pan-y;
|
|
37
|
+
touch-action: pan-y;
|
|
38
|
+
-webkit-tap-highlight-color: transparent;
|
|
39
|
+
width: 100%;
|
|
40
|
+
|
|
41
|
+
.gem-slider-item {
|
|
42
|
+
position: relative;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
width: 100%;
|
|
45
|
+
min-height: 100%;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&[data-keen-slider-reverse] {
|
|
49
|
+
flex-direction: row-reverse;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&[data-keen-slider-v] {
|
|
53
|
+
flex-wrap: wrap;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[data-keen-slider-moves] * {
|
|
58
|
+
pointer-events: none;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@layer utilities {
|
|
63
|
+
.pb-safe {
|
|
64
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
65
|
+
}
|
|
66
|
+
.pt-safe {
|
|
67
|
+
padding-top: env(safe-area-inset-top);
|
|
68
|
+
}
|
|
69
|
+
.pl-safe {
|
|
70
|
+
padding-left: env(safe-area-inset-left);
|
|
71
|
+
}
|
|
72
|
+
.pr-safe {
|
|
73
|
+
padding-right: env(safe-area-inset-right);
|
|
74
|
+
}
|
|
75
|
+
.p-safe {
|
|
76
|
+
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
|
|
77
|
+
env(safe-area-inset-left);
|
|
78
|
+
}
|
|
79
|
+
.px-safe {
|
|
80
|
+
padding-left: env(safe-area-inset-left);
|
|
81
|
+
padding-right: env(safe-area-inset-right);
|
|
82
|
+
}
|
|
83
|
+
.py-safe {
|
|
84
|
+
padding-top: env(safe-area-inset-top);
|
|
85
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
86
|
+
}
|
|
87
|
+
.h-safe {
|
|
88
|
+
height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));
|
|
89
|
+
}
|
|
90
|
+
.min-h-safe {
|
|
91
|
+
min-height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));
|
|
92
|
+
}
|
|
93
|
+
}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
[data-slot='children'] {
|
|
2
|
+
display: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.builder {
|
|
6
|
+
[data-slot='children'] {
|
|
7
|
+
position: relative;
|
|
8
|
+
width: 100%;
|
|
9
|
+
display: block;
|
|
10
|
+
height: 50px;
|
|
11
|
+
background: #f2f3f4;
|
|
12
|
+
&:hover {
|
|
13
|
+
background: #e5e6e8;
|
|
14
|
+
}
|
|
15
|
+
&:after {
|
|
16
|
+
content: 'Drop element here';
|
|
17
|
+
position: absolute;
|
|
18
|
+
top: 50%;
|
|
19
|
+
left: 50%;
|
|
20
|
+
transform: translate(-50%, -50%);
|
|
21
|
+
text-align: center;
|
|
22
|
+
color: #aaa;
|
|
23
|
+
font-size: 14px;
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
text-overflow: ellipsis;
|
|
27
|
+
display: -webkit-box;
|
|
28
|
+
-webkit-line-clamp: 2;
|
|
29
|
+
line-clamp: 2;
|
|
30
|
+
-webkit-box-orient: vertical;
|
|
31
|
+
}
|
|
32
|
+
.drag-placeholder {
|
|
33
|
+
height: 100%;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.drag-placeholder {
|
|
39
|
+
display: none;
|
|
40
|
+
width: 100%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
#storefront {
|
|
44
|
+
position: relative;
|
|
45
|
+
z-index: 20;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
#visual-content {
|
|
49
|
+
display: none;
|
|
50
|
+
position: absolute;
|
|
51
|
+
z-index: 50;
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 100%;
|
|
54
|
+
top: 0;
|
|
55
|
+
left: 0;
|
|
56
|
+
.fake-placeholder {
|
|
57
|
+
position: absolute;
|
|
58
|
+
top: 0px;
|
|
59
|
+
left: 0px;
|
|
60
|
+
z-index: 10;
|
|
61
|
+
background: transparent;
|
|
62
|
+
|
|
63
|
+
&.fake-placeholder-slot {
|
|
64
|
+
background: transparent;
|
|
65
|
+
}
|
|
66
|
+
&.has-section {
|
|
67
|
+
background-color: transparent !important;
|
|
68
|
+
border: none !important;
|
|
69
|
+
|
|
70
|
+
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
71
|
+
linear-gradient(0deg, #fdb913, #fdb913);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&.visual-placeholder {
|
|
75
|
+
z-index: 20;
|
|
76
|
+
border: 1px dashed #3c67ff;
|
|
77
|
+
border-radius: 3px;
|
|
78
|
+
background-color: #d8e1ff;
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
color: #3c67ff;
|
|
83
|
+
font-weight: 500;
|
|
84
|
+
font-size: 14px;
|
|
85
|
+
line-height: 150%;
|
|
86
|
+
&.visual-placeholder-error {
|
|
87
|
+
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
88
|
+
linear-gradient(0deg, #f44336, #f44336);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
&.visual-placeholder-between-sections {
|
|
92
|
+
background-color: #3c67ff;
|
|
93
|
+
border: none;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* Background Helpers */
|
|
2
|
+
|
|
3
|
+
[style*="--$(prefix)grad:"] {
|
|
4
|
+
background-image: linear-gradient(var(--$(prefix)grad), rgba(0,0,0,0), var(--$(prefix)grad-color, rgba(0,0,0,1)));
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
[style*="--$(prefix)grad-vars:"] {
|
|
8
|
+
background-image: linear-gradient(var(--$(prefix)grad-vars), var(--$(prefix)primary), var(--$(prefix)secondary));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
[style*="--$(prefix)bg-pattern-squares:"] {
|
|
12
|
+
background-image: repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
|
|
13
|
+
background-position: 0 0,calc(var(--$(prefix)bg-pattern-squares) * 1px) calc(var(--$(prefix)bg-pattern-squares) * 1px);
|
|
14
|
+
background-size: calc(var(--$(prefix)bg-pattern-squares) * 2px) calc(var(--$(prefix)bg-pattern-squares) * 2px);
|
|
15
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* Layout Helpers */
|
|
2
|
+
|
|
3
|
+
.wrapper,
|
|
4
|
+
[style*="--$(prefix)wrapper:"] {
|
|
5
|
+
max-width: var(--$(prefix)wrapper);
|
|
6
|
+
margin-left: auto;
|
|
7
|
+
margin-right: auto;
|
|
8
|
+
padding-left: var(--$(prefix)gutter);
|
|
9
|
+
padding-right: var(--$(prefix)gutter);
|
|
10
|
+
|
|
11
|
+
@media only screen and (min-width:640px) {
|
|
12
|
+
--$(prefix)gutter: var(--$(prefix)gutter-sm);
|
|
13
|
+
}
|
|
14
|
+
@media only screen and (min-width:768px) {
|
|
15
|
+
--$(prefix)gutter: var(--$(prefix)gutter-md);
|
|
16
|
+
}
|
|
17
|
+
@media only screen and (min-width:1024px) {
|
|
18
|
+
--$(prefix)gutter: var(--$(prefix)gutter-lg);
|
|
19
|
+
}
|
|
20
|
+
@media only screen and (min-width:1280px) {
|
|
21
|
+
--$(prefix)gutter: var(--$(prefix)gutter-xl);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* Position Helpers */
|
|
2
|
+
|
|
3
|
+
[style*="--$(prefix)inset:"] {
|
|
4
|
+
top: var(--$(prefix)inset);
|
|
5
|
+
left: var(--$(prefix)inset);
|
|
6
|
+
right: var(--$(prefix)inset);
|
|
7
|
+
bottom: var(--$(prefix)inset);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
[style*="--$(prefix)inset-top:"] {
|
|
11
|
+
top: var(--$(prefix)inset-top);
|
|
12
|
+
left: var(--$(prefix)inset-top);
|
|
13
|
+
right: var(--$(prefix)inset-top);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
[style*="--$(prefix)inset-bottom:"] {
|
|
17
|
+
left: var(--$(prefix)inset-bottom);
|
|
18
|
+
right: var(--$(prefix)inset-bottom);
|
|
19
|
+
bottom: var(--$(prefix)inset-bottom);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
[style*="--$(prefix)inset-top-left:"] {
|
|
23
|
+
top: var(--$(prefix)inset-top-left);
|
|
24
|
+
left: var(--$(prefix)inset-top-left);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
[style*="--$(prefix)inset-top-right:"] {
|
|
28
|
+
top: var(--$(prefix)inset-top-right);
|
|
29
|
+
right: var(--$(prefix)inset-top-right);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
[style*="--$(prefix)inset-bottom-left:"] {
|
|
33
|
+
bottom: var(--$(prefix)inset-bottom-left);
|
|
34
|
+
left: var(--$(prefix)inset-bottom-left);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
[style*="--$(prefix)inset-bottom-right:"] {
|
|
38
|
+
bottom: var(--$(prefix)inset-bottom-right);
|
|
39
|
+
right: var(--$(prefix)inset-bottom-right);
|
|
40
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/* Shadow Helpers */
|
|
2
|
+
|
|
3
|
+
[style*="--$(prefix)levitate:"] {
|
|
4
|
+
box-shadow: 0 calc(var(--$(prefix)levitate) * .5px) calc(var(--$(prefix)levitate) * .6px) rgba(0,0,0,calc(var(--$(prefix)levitate) * .013)),
|
|
5
|
+
0 calc(var(--$(prefix)levitate) * 1px) calc(var(--$(prefix)levitate) * 1.2px) rgba(0,0,0,calc(var(--$(prefix)levitate) * .013)),
|
|
6
|
+
0 calc(var(--$(prefix)levitate) * 2px) calc(var(--$(prefix)levitate) * 2.4px) rgba(0,0,0,calc(var(--$(prefix)levitate) * .013)),
|
|
7
|
+
0 calc(var(--$(prefix)levitate) * 4px) calc(var(--$(prefix)levitate) * 4.4px) rgba(0,0,0,calc(var(--$(prefix)levitate) * .013));
|
|
8
|
+
transform: translateY(calc(var(--$(prefix)levitate) * -1.2px));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
[style*="--$(prefix)levitate-hvr:"] {
|
|
12
|
+
transition: var(--$(prefix)transition);
|
|
13
|
+
&:hover,
|
|
14
|
+
&:focus {
|
|
15
|
+
box-shadow: 0 calc(var(--$(prefix)levitate-hvr) * .5px) calc(var(--$(prefix)levitate-hvr) * .6px) rgba(0,0,0,calc(var(--$(prefix)levitate-hvr) * .013)),
|
|
16
|
+
0 calc(var(--$(prefix)levitate-hvr) * 1px) calc(var(--$(prefix)levitate-hvr) * 1.2px) rgba(0,0,0,calc(var(--$(prefix)levitate-hvr) * .013)),
|
|
17
|
+
0 calc(var(--$(prefix)levitate-hvr) * 2px) calc(var(--$(prefix)levitate-hvr) * 2.4px) rgba(0,0,0,calc(var(--$(prefix)levitate-hvr) * .013)),
|
|
18
|
+
0 calc(var(--$(prefix)levitate-hvr) * 4px) calc(var(--$(prefix)levitate-hvr) * 4.4px) rgba(0,0,0,calc(var(--$(prefix)levitate-hvr) * .013));
|
|
19
|
+
transform: translateY(calc(var(--$(prefix)levitate-hvr) * -1.2px));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
[style*="--$(prefix)shadow:"] {
|
|
24
|
+
box-shadow: 0 calc(var(--$(prefix)shadow) * .1px) calc(var(--$(prefix)shadow) * .2px) rgba(0,0,0,calc(var(--$(prefix)shadow) * .02)),
|
|
25
|
+
0 calc(var(--$(prefix)shadow) * .2px) calc(var(--$(prefix)shadow) * .4px) rgba(0,0,0,calc(var(--$(prefix)shadow) * .02)),
|
|
26
|
+
0 calc(var(--$(prefix)shadow) * .4px) calc(var(--$(prefix)shadow) * .8px) rgba(0,0,0,calc(var(--$(prefix)shadow) * .02)),
|
|
27
|
+
0 calc(var(--$(prefix)shadow) * .8px) calc(var(--$(prefix)shadow) * 1.6px) rgba(0,0,0,calc(var(--$(prefix)shadow) * .02));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
[style*="--$(prefix)shadow-soft:"] {
|
|
31
|
+
box-shadow: 0 calc(var(--$(prefix)shadow-soft) * .3px) calc(var(--$(prefix)shadow-soft) * 1.1px) rgba(0,0,0,.1),
|
|
32
|
+
0 calc(var(--$(prefix)shadow-soft) * .6px) calc(var(--$(prefix)shadow-soft) * 1.2px) rgba(0,0,0,.1),
|
|
33
|
+
0 calc(var(--$(prefix)shadow-soft) * 1.2px) calc(var(--$(prefix)shadow-soft) * 1.4px) rgba(0,0,0,.1),
|
|
34
|
+
0 calc(var(--$(prefix)shadow-soft) * 2.4px) calc(var(--$(prefix)shadow-soft) * 1.6px) rgba(0,0,0,.1);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
[style*="--$(prefix)shadow-hard:"] {
|
|
38
|
+
box-shadow: 0 calc(var(--$(prefix)shadow-hard) * .75px) calc(var(--$(prefix)shadow-hard) * 1.3px) rgba(0,0,0,calc(var(--$(prefix)shadow-hard) * .12));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
[style*="--$(prefix)shadow-vert:"] {
|
|
42
|
+
box-shadow: 0 calc(var(--$(prefix)shadow-vert) * 1.4px) calc(var(--$(prefix)shadow-vert) * 2px) calc(var(--$(prefix)shadow-vert) * -1.7px) rgba(0,0,0,calc(var(--$(prefix)shadow-vert) * .12));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
[style*="--$(prefix)shadow-inset:"] {
|
|
46
|
+
box-shadow: inset 0 calc(var(--$(prefix)shadow-inset) * .1px) calc(var(--$(prefix)shadow-inset) * .2px) rgba(0,0,0,calc(var(--$(prefix)shadow-inset) * .02)),
|
|
47
|
+
inset 0 calc(var(--$(prefix)shadow-inset) * .2px) calc(var(--$(prefix)shadow-inset) * .4px) rgba(0,0,0,calc(var(--$(prefix)shadow-inset) * .02)),
|
|
48
|
+
inset 0 calc(var(--$(prefix)shadow-inset) * .4px) calc(var(--$(prefix)shadow-inset) * .8px) rgba(0,0,0,calc(var(--$(prefix)shadow-inset) * .02)),
|
|
49
|
+
inset 0 calc(var(--$(prefix)shadow-inset) * .8px) calc(var(--$(prefix)shadow-inset) * 1.6px) rgba(0,0,0,calc(var(--$(prefix)shadow-inset) * .02));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
[style*="--$(prefix)shadow-hvr:"] {
|
|
53
|
+
transition: var(--$(prefix)transition);
|
|
54
|
+
&:hover,
|
|
55
|
+
&:focus {
|
|
56
|
+
box-shadow: 0 calc(var(--$(prefix)shadow-hvr) * .1px) calc(var(--$(prefix)shadow-hvr) * .2px) rgba(0,0,0,calc(var(--$(prefix)shadow-hvr) * .02)),
|
|
57
|
+
0 calc(var(--$(prefix)shadow-hvr) * .2px) calc(var(--$(prefix)shadow-hvr) * .4px) rgba(0,0,0,calc(var(--$(prefix)shadow-hvr) * .02)),
|
|
58
|
+
0 calc(var(--$(prefix)shadow-hvr) * .4px) calc(var(--$(prefix)shadow-hvr) * .8px) rgba(0,0,0,calc(var(--$(prefix)shadow-hvr) * .02)),
|
|
59
|
+
0 calc(var(--$(prefix)shadow-hvr) * .8px) calc(var(--$(prefix)shadow-hvr) * 1.6px) rgba(0,0,0,calc(var(--$(prefix)shadow-hvr) * .02));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Spacing Helpers */
|
|
2
|
+
|
|
3
|
+
[style*="--$(prefix)px:"] {
|
|
4
|
+
padding-inline-start: var(--$(prefix)px);
|
|
5
|
+
padding-inline-end: var(--$(prefix)px);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
[style*="--$(prefix)py:"] {
|
|
9
|
+
padding-block-start: var(--$(prefix)py);
|
|
10
|
+
padding-block-end: var(--$(prefix)py);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
[style*="--$(prefix)mx:"] {
|
|
14
|
+
margin-inline-start: var(--$(prefix)mx);
|
|
15
|
+
margin-inline-end: var(--$(prefix)mx);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
[style*="--$(prefix)my:"] {
|
|
19
|
+
margin-block-start: var(--$(prefix)my);
|
|
20
|
+
margin-block-end: var(--$(prefix)my);
|
|
21
|
+
}
|