@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.
Files changed (50) hide show
  1. package/README.md +1 -0
  2. package/dist/base.css +90 -0
  3. package/dist/base.min.css +1 -0
  4. package/dist/builder.css +102 -0
  5. package/dist/builder.min.css +1 -0
  6. package/dist/utility.css +6034 -0
  7. package/dist/utility.min.css +1 -0
  8. package/package.json +47 -0
  9. package/src/css/all.css +98 -0
  10. package/src/css/builds/base.css +93 -0
  11. package/src/css/builds/builder.css +96 -0
  12. package/src/css/builds/utility.css +6 -0
  13. package/src/css/helpers/_background.css +15 -0
  14. package/src/css/helpers/_layout.css +23 -0
  15. package/src/css/helpers/_position.css +40 -0
  16. package/src/css/helpers/_shadows.css +61 -0
  17. package/src/css/helpers/_spacing.css +21 -0
  18. package/src/css/helpers/_transform.css +36 -0
  19. package/src/css/helpers/_typography.css +54 -0
  20. package/src/css/medias.css +2 -0
  21. package/src/css/mixins.css +133 -0
  22. package/src/css/utilities/_background.css +22 -0
  23. package/src/css/utilities/_border.css +21 -0
  24. package/src/css/utilities/_flex.css +12 -0
  25. package/src/css/utilities/_grid.css +15 -0
  26. package/src/css/utilities/_interact.css +8 -0
  27. package/src/css/utilities/_layout.css +12 -0
  28. package/src/css/utilities/_misc.css +12 -0
  29. package/src/css/utilities/_overflow.css +3 -0
  30. package/src/css/utilities/_sizing.css +7 -0
  31. package/src/css/utilities/_spacing.css +13 -0
  32. package/src/css/utilities/_transform.css +4 -0
  33. package/src/css/utilities/_transition.css +6 -0
  34. package/src/css/utilities/_typography.css +33 -0
  35. package/src/css/utilities/all.css +113 -0
  36. package/src/css/variables.css +1 -0
  37. package/src/index.js +5 -0
  38. package/src/plugins/animation.js +109 -0
  39. package/src/plugins/components.js +59 -0
  40. package/src/plugins/contain-intrinsic-size.js +34 -0
  41. package/src/plugins/custom-variants.js +12 -0
  42. package/src/plugins/heading.js +32 -0
  43. package/src/plugins/size.js +20 -0
  44. package/src/plugins/typography.js +97 -0
  45. package/src/preset.js +130 -0
  46. package/src/properties.js +730 -0
  47. package/types/common.d.ts +11 -0
  48. package/types/globals.d.ts +2671 -0
  49. package/types/index.d.ts +9 -0
  50. 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
+ }
@@ -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,6 @@
1
+ @import '../variables.css';
2
+ @import '../medias.css';
3
+ @import '../mixins.css';
4
+
5
+ @import '../all.css';
6
+ @import '../helpers/_typography.css';
@@ -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
+ }