export declare const LagunaBaseCSS = "\nhtml, body, #laguna-app {touch-action: manipulation; font:var(--font-regular); position: relative; overflow:hidden; background-color: var(--base-bg-color); color: var(--base-text-color); margin: 0px; padding: 0px; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch; touch-action: none; height:100vh; width:100%; user-select:initial; -webkit-user-select:initial; -webkit-tap-highlight-color: rgba(0,0,0,0);}\nbody { position: relative; -webkit-overflow-scrolling: touch; touch-action: manipulation;touch-action: pan-y;}\n\nhtml[no-select], html[no-select] body, html[no-select] body *{ user-select: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none;-webkit-touch-callout: none; -webkit-text-size-adjust: none; }\n* {letter-spacing:-.01em; touch-action: manipulation; pointer-events:initial; cursor: default; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-text-size-adjust: none; }\n\n[allow-scroll]{pointer-events:initial !important; touch-action:initial !important; cursor:default !important; overflow:auto; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: auto;}\n[allow-select],\n[allow-select] * {user-select: text;  -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; -webkit-touch-callout: initial;-webkit-touch-callout: initial; -webkit-text-size-adjust: initial;}\nlaguna-text[allow-select],\n[allow-select] laguna-text{cursor:text; }\n\n[no-select],\n[no-select] *{user-select: none; cursor:default !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none;-webkit-touch-callout: none; -webkit-text-size-adjust: none;}\n\n::selection { background: var(--text-selection-bg) !important; color:var(--text-selection-color) !important; }\n::-moz-selection { background: var(--text-selection-bg) !important; color:var(--text-selection-color) !important;}\n\n \n\n::-webkit-scrollbar-button{ display: none; width: 0px; height: 0px; }\n::-webkit-scrollbar-button:hover{ background-color: rgba(0,0,0,0); }\n::-webkit-scrollbar-thumb{  background-color: var(--scroll-off); border: var(--scroll-border); border-radius: var(--scroll-radius); }\n::-webkit-scrollbar-thumb:hover{ background-color: var(--scroll-on); }\n::-webkit-scrollbar-track{border-left: 1px solid rgba(255,255,255,0.1); background-color: var(--scroll-track);border-radius: var(--scroll-radius); }\n::-webkit-scrollbar-track:hover{ background-color: var(--scroll-track-over); }\n::-webkit-scrollbar{height: var(--scroll-width) !important; width: var(--scroll-height) !important; }\n\n[inline]{ display: inline-block !important; }\n[inline-text]{ display: inline-block !important; }\n\n[inline-text]:before{content:' '; display:inline-block; width:0.2em;}\n[inline-text]:after{content:' '; display:inline-block; width:0.2em;}\n\ninput, textarea { box-shadow: none !important; -webkit-box-shadow: none !important; border: none; -webkit-appearance: none !important; touch-action: none; }\ninput:-webkit-autofill, textarea:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(0,0,0,0) inset !important; -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0) inset !important; border: 1px solid transparent; -webkit-appearance: none !important; touch-action: none; }\ninput, textarea { background: none; outline: 0; border: 0; box-shadow: none; }\ninput:focus, textarea:focus, input:active, textarea:active { background: none; outline: 0; border: 0; box-shadow: none; }\n\n::-ms-clear { display: none; }\n\n[overflow] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; }\n[overflow-noblock]{  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; }\n\n\n.laguna-content-load {\n    position:absolute;\n    top:0px;\n    left:0px;\n    width:100%;\n    height:100%;\n    background-color: var(--base-bg-color);\n    pointer-events:none!important;\n    touch-action:none!important;\n    cursor:none!important;\n    z-index:20000;\n    opacity:1\n}\n\n[fixed]{position:fixed !important;}\n[absolute]{position:absolute !important;}\n[sticky]{\n    position:sticky !important;\n    position:-webkit-sticky !important;\n}\n[full]{width:100%; height:100%;}\n[full-width]{width:100%;}\n[full-height]{height:100%;}\n[float-left] { float:left; }\n[float-right] { float:right; }\n[float-clear] { clear: both; }\n[clear-after]:after {\n  content: \"\";\n  display: block;\n  clear: both;\n  width:0px;\n  height:0px;\n}\n\n[center] { position: absolute; left: 50%; top: 50%; transform: rotate(0deg) translate(-50%, -50%); }\n[center-x] { position: absolute; left: 50%; transform: translateX(-50%); }\n[center-y] { position: absolute; top: 50%; transform: translateY(-50%); }\n[center-relative] { position: relative; left: 50%; top: 50%; transform: rotate(0deg) translate(-50%, -50%); }\n[center-x-relative] { position: relative; left: 50%; transform: translateX(-50%); }\n[center-y-relative] { position: relative; top: 50%; transform: translateY(-50%); }\n\n[upper]{text-transform:uppercase;}\n[lower]{text-transform:lowercase;}\n[capitalize]{text-transform:capitalize;}\n\na,\na:link,\na:visited,\na:active{\n    text-decoration: none;\n    color: var(--primary);\n    cursor: pointer;\n}\n\n @media (hover) {\n    a:hover{\n        text-decoration: none;\n        color: var(--primary);\n        cursor: pointer;\n    }\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active  {\n    -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,0) inset !important;\n    background-color: rgba(255,255,255,0) !important;\n    background-clip: content-box !important;\n}\n\n\n @media (hover) {\n    input:-webkit-autofill:hover {\n        -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,0) inset !important;\n        background-color: rgba(255,255,255,0) !important;\n        background-clip: content-box !important;\n    }\n}\n\n.laguna-click {\n    touch-action: manipulation;\n    user-select:none !important;\n    -webkit-user-select:none !important;\n    pointer-events:initial !important;\n    touch-action:initial !important;\n    cursor:pointer !important;\n\n    transition: all 300ms cubic-bezier(.28,.11,.32,1);\n}\n\n.laguna-click * { pointer-events: none; touch-action: none; cursor:inherit;}\n\n.laguna-click.laguna-hover {\n    color: var(--primary); \n  }\n \n.laguna-click.laguna-force {\n    color: var(--primary); \n  }\n\n[data-attr=\"has-action\"] {\n    touch-action: manipulation;\n    user-select:none !important;\n    -webkit-user-select:none !important;\n    pointer-events:initial !important;\n    touch-action:initial !important;\n    cursor:pointer !important;\n}\n\n[data-attr=\"has-action\"] * {\n    touch-action: manipulation;\n    user-select:none !important;\n    -webkit-user-select:none !important;\n    pointer-events:initial !important;\n    touch-action:initial !important;\n    cursor:pointer !important;\n}\n\n[hide] {display:none !important;}\n\n[overflow] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; }\n[overflow-noblock]{  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-overflow-scrolling: touch; }\n\n.quick-scroll{scroll-behavior: auto !important;}\n\n.laguna-interaction {\n    touch-action: manipulation;\n    user-select:none;\n    -webkit-user-select:none;\n    pointer-events:initial;\n    touch-action:initial;\n    cursor:default;\n}\n\n\n.no-animation,\n.no-animation * {\n    transition: none !important;\n}\n";