@webeponto/wpf3
Version:
🎯 WPF 3.0 - Dynamic CSS utility framework with context-aware generation and human-readable syntax
2 lines (1 loc) • 46.8 kB
CSS
body a{cursor:'url("/resources/images/panel/cursor/pointer.png"), pointer'}body button{cursor:'url("/resources/images/panel/cursor/pointer.png"), pointer'}body input[type=button]{cursor:'url("/resources/images/panel/cursor/pointer.png"), pointer'}body input[type=submit]{cursor:'url("/resources/images/panel/cursor/pointer.png"), pointer'}body input{cursor:'url("/resources/images/panel/cursor/text.png"), text'}body textarea{cursor:'url("/resources/images/panel/cursor/text.png"), text'}body:not(a,button,input){cursor:'url("/resources/images/panel/cursor/default.png"), auto'}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Bold.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Light.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-BoldItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Black.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-LightItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-BlackItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-BlackItalic.woff") format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Regular.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Medium.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-Thin.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-RegularItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-RegularItalic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-MediumItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Gordita";src:url("../assets/fonts/Gordita/Gordita-ThinItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"Gordita Ultra";src:url("../assets/fonts/Gordita/Gordita-Ultra.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-Ultra.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gordita Ultra";src:url("../assets/fonts/Gordita/Gordita-UltraItalic.woff2") format("woff2"),url("../assets/fonts/Gordita/Gordita-UltraItalic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"JMH Typewriter";src:url("../assets/fonts/JMHTypewriter/JMHTypewriter-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"JMH Typewriter";src:url("../assets/fonts/JMHTypewriter/JMHTypewriter-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"JMH Typewriter";src:url("../assets/fonts/JMHTypewriter/JMHTypewriter-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"JMH Typewriter";src:url("../assets/fonts/JMHTypewriter/JMHTypewriter-Thin.woff2") format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-RegularItalic.woff2") format("woff2");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"LEMON MILK";src:url("../assets/fonts/lemonmilk/LEMONMILK-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}.bg\(transparent\){background-color:rgba(0,0,0,0) }.bc\(transparent\){border-color:rgba(0,0,0,0) }.c\(transparent\){color:rgba(0,0,0,0) }.f\(transparent\){fill:rgba(0,0,0,0) }.f\*\(transparent\) *{fill:rgba(0,0,0,0) }.s\(transparent\){stroke:rgba(0,0,0,0) }.s\*\(transparent\) *{stroke:rgba(0,0,0,0) }.bg\(c-bg-1\){background-color:var(--c-bg-1) }.bc\(c-bg-1\){border-color:var(--c-bg-1) }.c\(c-bg-1\){color:var(--c-bg-1) }.f\(c-bg-1\){fill:var(--c-bg-1) }.f\*\(c-bg-1\) *{fill:var(--c-bg-1) }.s\(c-bg-1\){stroke:var(--c-bg-1) }.s\*\(c-bg-1\) *{stroke:var(--c-bg-1) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-1\){background-color:var(--c-bg-1) }.mob\:bc\(c-bg-1\){border-color:var(--c-bg-1) }.mob\:c\(c-bg-1\){color:var(--c-bg-1) }.mob\:f\(c-bg-1\){fill:var(--c-bg-1) }.mob\:f\*\(c-bg-1\) *{fill:var(--c-bg-1) }.mob\:s\(c-bg-1\){stroke:var(--c-bg-1) }.mob\:s\*\(c-bg-1\) *{stroke:var(--c-bg-1) }}:root{--c-bg-1: #141616}.bg\(c-bg-2\){background-color:var(--c-bg-2) }.bc\(c-bg-2\){border-color:var(--c-bg-2) }.c\(c-bg-2\){color:var(--c-bg-2) }.f\(c-bg-2\){fill:var(--c-bg-2) }.f\*\(c-bg-2\) *{fill:var(--c-bg-2) }.s\(c-bg-2\){stroke:var(--c-bg-2) }.s\*\(c-bg-2\) *{stroke:var(--c-bg-2) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-2\){background-color:var(--c-bg-2) }.mob\:bc\(c-bg-2\){border-color:var(--c-bg-2) }.mob\:c\(c-bg-2\){color:var(--c-bg-2) }.mob\:f\(c-bg-2\){fill:var(--c-bg-2) }.mob\:f\*\(c-bg-2\) *{fill:var(--c-bg-2) }.mob\:s\(c-bg-2\){stroke:var(--c-bg-2) }.mob\:s\*\(c-bg-2\) *{stroke:var(--c-bg-2) }}:root{--c-bg-2: #FFFFFF}.bg\(c-bg-3\){background-color:var(--c-bg-3) }.bc\(c-bg-3\){border-color:var(--c-bg-3) }.c\(c-bg-3\){color:var(--c-bg-3) }.f\(c-bg-3\){fill:var(--c-bg-3) }.f\*\(c-bg-3\) *{fill:var(--c-bg-3) }.s\(c-bg-3\){stroke:var(--c-bg-3) }.s\*\(c-bg-3\) *{stroke:var(--c-bg-3) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-3\){background-color:var(--c-bg-3) }.mob\:bc\(c-bg-3\){border-color:var(--c-bg-3) }.mob\:c\(c-bg-3\){color:var(--c-bg-3) }.mob\:f\(c-bg-3\){fill:var(--c-bg-3) }.mob\:f\*\(c-bg-3\) *{fill:var(--c-bg-3) }.mob\:s\(c-bg-3\){stroke:var(--c-bg-3) }.mob\:s\*\(c-bg-3\) *{stroke:var(--c-bg-3) }}:root{--c-bg-3: #EDF2F7}.bg\(c-bg-4\){background-color:var(--c-bg-4) }.bc\(c-bg-4\){border-color:var(--c-bg-4) }.c\(c-bg-4\){color:var(--c-bg-4) }.f\(c-bg-4\){fill:var(--c-bg-4) }.f\*\(c-bg-4\) *{fill:var(--c-bg-4) }.s\(c-bg-4\){stroke:var(--c-bg-4) }.s\*\(c-bg-4\) *{stroke:var(--c-bg-4) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-4\){background-color:var(--c-bg-4) }.mob\:bc\(c-bg-4\){border-color:var(--c-bg-4) }.mob\:c\(c-bg-4\){color:var(--c-bg-4) }.mob\:f\(c-bg-4\){fill:var(--c-bg-4) }.mob\:f\*\(c-bg-4\) *{fill:var(--c-bg-4) }.mob\:s\(c-bg-4\){stroke:var(--c-bg-4) }.mob\:s\*\(c-bg-4\) *{stroke:var(--c-bg-4) }}:root{--c-bg-4: #F7F8FA}.bg\(c-bg-5\){background-color:var(--c-bg-5) }.bc\(c-bg-5\){border-color:var(--c-bg-5) }.c\(c-bg-5\){color:var(--c-bg-5) }.f\(c-bg-5\){fill:var(--c-bg-5) }.f\*\(c-bg-5\) *{fill:var(--c-bg-5) }.s\(c-bg-5\){stroke:var(--c-bg-5) }.s\*\(c-bg-5\) *{stroke:var(--c-bg-5) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-5\){background-color:var(--c-bg-5) }.mob\:bc\(c-bg-5\){border-color:var(--c-bg-5) }.mob\:c\(c-bg-5\){color:var(--c-bg-5) }.mob\:f\(c-bg-5\){fill:var(--c-bg-5) }.mob\:f\*\(c-bg-5\) *{fill:var(--c-bg-5) }.mob\:s\(c-bg-5\){stroke:var(--c-bg-5) }.mob\:s\*\(c-bg-5\) *{stroke:var(--c-bg-5) }}:root{--c-bg-5: #E8E8E8}.bg\(c-bg-image\){background-image:var(--c-bg-image) }.bc\(c-bg-image\){border-image:var(--c-bg-image) }.c\(c-bg-image\){color:var(--c-bg-image) }.f\(c-bg-image\){fill:var(--c-bg-image) }.f\*\(c-bg-image\) *{fill:var(--c-bg-image) }.s\(c-bg-image\){stroke:var(--c-bg-image) }.s\*\(c-bg-image\) *{stroke:var(--c-bg-image) }@media screen and (max-width: 1023px){.mob\:bg\(c-bg-image\){background-image:var(--c-bg-image) }.mob\:bc\(c-bg-image\){border-image:var(--c-bg-image) }.mob\:c\(c-bg-image\){color:var(--c-bg-image) }.mob\:f\(c-bg-image\){fill:var(--c-bg-image) }.mob\:f\*\(c-bg-image\) *{fill:var(--c-bg-image) }.mob\:s\(c-bg-image\){stroke:var(--c-bg-image) }.mob\:s\*\(c-bg-image\) *{stroke:var(--c-bg-image) }}:root{--c-bg-image: url(https://webeponto.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F1e060839-b435-46a5-8fa1-964cf231654b%2Fac1711f2-8975-410c-8685-076528975c9e%2FWPF3_(1500__600_px).jpg?table=block&id=bbc0a45a-f566-4089-8b8d-e57ecaa81676&spaceId=1e060839-b435-46a5-8fa1-964cf231654b&width=2000&userId=&cache=v2)}.bg\(c-surf-1\){background-color:var(--c-surf-1) }.bc\(c-surf-1\){border-color:var(--c-surf-1) }.c\(c-surf-1\){color:var(--c-surf-1) }.f\(c-surf-1\){fill:var(--c-surf-1) }.f\*\(c-surf-1\) *{fill:var(--c-surf-1) }.s\(c-surf-1\){stroke:var(--c-surf-1) }.s\*\(c-surf-1\) *{stroke:var(--c-surf-1) }@media screen and (max-width: 1023px){.mob\:bg\(c-surf-1\){background-color:var(--c-surf-1) }.mob\:bc\(c-surf-1\){border-color:var(--c-surf-1) }.mob\:c\(c-surf-1\){color:var(--c-surf-1) }.mob\:f\(c-surf-1\){fill:var(--c-surf-1) }.mob\:f\*\(c-surf-1\) *{fill:var(--c-surf-1) }.mob\:s\(c-surf-1\){stroke:var(--c-surf-1) }.mob\:s\*\(c-surf-1\) *{stroke:var(--c-surf-1) }}:root{--c-surf-1: #121212}.bg\(c-grad-1\){background:var(--c-grad-1) }.bc\(c-grad-1\){border-image:var(--c-grad-1) }.c\(c-grad-1\){background:var(--c-grad-1) ;color:none ;background-clip:text ;-webkit-background-clip:text ;-webkit-text-fill-color:rgba(0,0,0,0) }@media screen and (max-width: 1023px){.mob\:bg\(c-grad-1\){background:var(--c-grad-1) }.mob\:bc\(c-grad-1\){border-image:var(--c-grad-1) }.mob\:c\(c-grad-1\){background:var(--c-grad-1) ;color:none ;background-clip:text ;-webkit-background-clip:text ;-webkit-text-fill-color:rgba(0,0,0,0) }}:root{--c-grad-1: linear-gradient(to right, #121212 0%, #FFFFFF 100%)}.bg\(c-grad-2\){background:var(--c-grad-2) }.bc\(c-grad-2\){border-image:var(--c-grad-2) }.c\(c-grad-2\){background:var(--c-grad-2) ;color:none ;background-clip:text ;-webkit-background-clip:text ;-webkit-text-fill-color:rgba(0,0,0,0) }@media screen and (max-width: 1023px){.mob\:bg\(c-grad-2\){background:var(--c-grad-2) }.mob\:bc\(c-grad-2\){border-image:var(--c-grad-2) }.mob\:c\(c-grad-2\){background:var(--c-grad-2) ;color:none ;background-clip:text ;-webkit-background-clip:text ;-webkit-text-fill-color:rgba(0,0,0,0) }}:root{--c-grad-2: linear-gradient(to right, #FFFFFF 0%, #121212 100%)}.bg\(c-t1-050\){background-color:var(--c-t1-050) }.bc\(c-t1-050\){border-color:var(--c-t1-050) }.c\(c-t1-050\){color:var(--c-t1-050) }.f\(c-t1-050\){fill:var(--c-t1-050) }.f\*\(c-t1-050\) *{fill:var(--c-t1-050) }.s\(c-t1-050\){stroke:var(--c-t1-050) }.s\*\(c-t1-050\) *{stroke:var(--c-t1-050) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-050\){background-color:var(--c-t1-050) }.mob\:bc\(c-t1-050\){border-color:var(--c-t1-050) }.mob\:c\(c-t1-050\){color:var(--c-t1-050) }.mob\:f\(c-t1-050\){fill:var(--c-t1-050) }.mob\:f\*\(c-t1-050\) *{fill:var(--c-t1-050) }.mob\:s\(c-t1-050\){stroke:var(--c-t1-050) }.mob\:s\*\(c-t1-050\) *{stroke:var(--c-t1-050) }}:root{--c-t1-050: #f3f7fc}.bg\(c-t1-100\){background-color:var(--c-t1-100) }.bc\(c-t1-100\){border-color:var(--c-t1-100) }.c\(c-t1-100\){color:var(--c-t1-100) }.f\(c-t1-100\){fill:var(--c-t1-100) }.f\*\(c-t1-100\) *{fill:var(--c-t1-100) }.s\(c-t1-100\){stroke:var(--c-t1-100) }.s\*\(c-t1-100\) *{stroke:var(--c-t1-100) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-100\){background-color:var(--c-t1-100) }.mob\:bc\(c-t1-100\){border-color:var(--c-t1-100) }.mob\:c\(c-t1-100\){color:var(--c-t1-100) }.mob\:f\(c-t1-100\){fill:var(--c-t1-100) }.mob\:f\*\(c-t1-100\) *{fill:var(--c-t1-100) }.mob\:s\(c-t1-100\){stroke:var(--c-t1-100) }.mob\:s\*\(c-t1-100\) *{stroke:var(--c-t1-100) }}:root{--c-t1-100: #e6eff8}.bg\(c-t1-200\){background-color:var(--c-t1-200) }.bc\(c-t1-200\){border-color:var(--c-t1-200) }.c\(c-t1-200\){color:var(--c-t1-200) }.f\(c-t1-200\){fill:var(--c-t1-200) }.f\*\(c-t1-200\) *{fill:var(--c-t1-200) }.s\(c-t1-200\){stroke:var(--c-t1-200) }.s\*\(c-t1-200\) *{stroke:var(--c-t1-200) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-200\){background-color:var(--c-t1-200) }.mob\:bc\(c-t1-200\){border-color:var(--c-t1-200) }.mob\:c\(c-t1-200\){color:var(--c-t1-200) }.mob\:f\(c-t1-200\){fill:var(--c-t1-200) }.mob\:f\*\(c-t1-200\) *{fill:var(--c-t1-200) }.mob\:s\(c-t1-200\){stroke:var(--c-t1-200) }.mob\:s\*\(c-t1-200\) *{stroke:var(--c-t1-200) }}:root{--c-t1-200: #c8ddef}.bg\(c-t1-300\){background-color:var(--c-t1-300) }.bc\(c-t1-300\){border-color:var(--c-t1-300) }.c\(c-t1-300\){color:var(--c-t1-300) }.f\(c-t1-300\){fill:var(--c-t1-300) }.f\*\(c-t1-300\) *{fill:var(--c-t1-300) }.s\(c-t1-300\){stroke:var(--c-t1-300) }.s\*\(c-t1-300\) *{stroke:var(--c-t1-300) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-300\){background-color:var(--c-t1-300) }.mob\:bc\(c-t1-300\){border-color:var(--c-t1-300) }.mob\:c\(c-t1-300\){color:var(--c-t1-300) }.mob\:f\(c-t1-300\){fill:var(--c-t1-300) }.mob\:f\*\(c-t1-300\) *{fill:var(--c-t1-300) }.mob\:s\(c-t1-300\){stroke:var(--c-t1-300) }.mob\:s\*\(c-t1-300\) *{stroke:var(--c-t1-300) }}:root{--c-t1-300: #97c1e2}.bg\(c-t1-400\){background-color:var(--c-t1-400) }.bc\(c-t1-400\){border-color:var(--c-t1-400) }.c\(c-t1-400\){color:var(--c-t1-400) }.f\(c-t1-400\){fill:var(--c-t1-400) }.f\*\(c-t1-400\) *{fill:var(--c-t1-400) }.s\(c-t1-400\){stroke:var(--c-t1-400) }.s\*\(c-t1-400\) *{stroke:var(--c-t1-400) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-400\){background-color:var(--c-t1-400) }.mob\:bc\(c-t1-400\){border-color:var(--c-t1-400) }.mob\:c\(c-t1-400\){color:var(--c-t1-400) }.mob\:f\(c-t1-400\){fill:var(--c-t1-400) }.mob\:f\*\(c-t1-400\) *{fill:var(--c-t1-400) }.mob\:s\(c-t1-400\){stroke:var(--c-t1-400) }.mob\:s\*\(c-t1-400\) *{stroke:var(--c-t1-400) }}:root{--c-t1-400: #5b9dcf}.bg\(c-t1-500\){background-color:var(--c-t1-500) }.bc\(c-t1-500\){border-color:var(--c-t1-500) }.c\(c-t1-500\){color:var(--c-t1-500) }.f\(c-t1-500\){fill:var(--c-t1-500) }.f\*\(c-t1-500\) *{fill:var(--c-t1-500) }.s\(c-t1-500\){stroke:var(--c-t1-500) }.s\*\(c-t1-500\) *{stroke:var(--c-t1-500) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-500\){background-color:var(--c-t1-500) }.mob\:bc\(c-t1-500\){border-color:var(--c-t1-500) }.mob\:c\(c-t1-500\){color:var(--c-t1-500) }.mob\:f\(c-t1-500\){fill:var(--c-t1-500) }.mob\:f\*\(c-t1-500\) *{fill:var(--c-t1-500) }.mob\:s\(c-t1-500\){stroke:var(--c-t1-500) }.mob\:s\*\(c-t1-500\) *{stroke:var(--c-t1-500) }}:root{--c-t1-500: #3b84bc}.bg\(c-t1-600\){background-color:var(--c-t1-600) }.bc\(c-t1-600\){border-color:var(--c-t1-600) }.c\(c-t1-600\){color:var(--c-t1-600) }.f\(c-t1-600\){fill:var(--c-t1-600) }.f\*\(c-t1-600\) *{fill:var(--c-t1-600) }.s\(c-t1-600\){stroke:var(--c-t1-600) }.s\*\(c-t1-600\) *{stroke:var(--c-t1-600) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-600\){background-color:var(--c-t1-600) }.mob\:bc\(c-t1-600\){border-color:var(--c-t1-600) }.mob\:c\(c-t1-600\){color:var(--c-t1-600) }.mob\:f\(c-t1-600\){fill:var(--c-t1-600) }.mob\:f\*\(c-t1-600\) *{fill:var(--c-t1-600) }.mob\:s\(c-t1-600\){stroke:var(--c-t1-600) }.mob\:s\*\(c-t1-600\) *{stroke:var(--c-t1-600) }}:root{--c-t1-600: #2b699e}.bg\(c-t1-700\){background-color:var(--c-t1-700) }.bc\(c-t1-700\){border-color:var(--c-t1-700) }.c\(c-t1-700\){color:var(--c-t1-700) }.f\(c-t1-700\){fill:var(--c-t1-700) }.f\*\(c-t1-700\) *{fill:var(--c-t1-700) }.s\(c-t1-700\){stroke:var(--c-t1-700) }.s\*\(c-t1-700\) *{stroke:var(--c-t1-700) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-700\){background-color:var(--c-t1-700) }.mob\:bc\(c-t1-700\){border-color:var(--c-t1-700) }.mob\:c\(c-t1-700\){color:var(--c-t1-700) }.mob\:f\(c-t1-700\){fill:var(--c-t1-700) }.mob\:f\*\(c-t1-700\) *{fill:var(--c-t1-700) }.mob\:s\(c-t1-700\){stroke:var(--c-t1-700) }.mob\:s\*\(c-t1-700\) *{stroke:var(--c-t1-700) }}:root{--c-t1-700: #245580}.bg\(c-t1-800\){background-color:var(--c-t1-800) }.bc\(c-t1-800\){border-color:var(--c-t1-800) }.c\(c-t1-800\){color:var(--c-t1-800) }.f\(c-t1-800\){fill:var(--c-t1-800) }.f\*\(c-t1-800\) *{fill:var(--c-t1-800) }.s\(c-t1-800\){stroke:var(--c-t1-800) }.s\*\(c-t1-800\) *{stroke:var(--c-t1-800) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-800\){background-color:var(--c-t1-800) }.mob\:bc\(c-t1-800\){border-color:var(--c-t1-800) }.mob\:c\(c-t1-800\){color:var(--c-t1-800) }.mob\:f\(c-t1-800\){fill:var(--c-t1-800) }.mob\:f\*\(c-t1-800\) *{fill:var(--c-t1-800) }.mob\:s\(c-t1-800\){stroke:var(--c-t1-800) }.mob\:s\*\(c-t1-800\) *{stroke:var(--c-t1-800) }}:root{--c-t1-800: #21486b}.bg\(c-t1-900\){background-color:var(--c-t1-900) }.bc\(c-t1-900\){border-color:var(--c-t1-900) }.c\(c-t1-900\){color:var(--c-t1-900) }.f\(c-t1-900\){fill:var(--c-t1-900) }.f\*\(c-t1-900\) *{fill:var(--c-t1-900) }.s\(c-t1-900\){stroke:var(--c-t1-900) }.s\*\(c-t1-900\) *{stroke:var(--c-t1-900) }@media screen and (max-width: 1023px){.mob\:bg\(c-t1-900\){background-color:var(--c-t1-900) }.mob\:bc\(c-t1-900\){border-color:var(--c-t1-900) }.mob\:c\(c-t1-900\){color:var(--c-t1-900) }.mob\:f\(c-t1-900\){fill:var(--c-t1-900) }.mob\:f\*\(c-t1-900\) *{fill:var(--c-t1-900) }.mob\:s\(c-t1-900\){stroke:var(--c-t1-900) }.mob\:s\*\(c-t1-900\) *{stroke:var(--c-t1-900) }}:root{--c-t1-900: #203e5a}.bg\(c-s-1\){background-color:var(--c-s-1) }.bc\(c-s-1\){border-color:var(--c-s-1) }.c\(c-s-1\){color:var(--c-s-1) }.f\(c-s-1\){fill:var(--c-s-1) }.f\*\(c-s-1\) *{fill:var(--c-s-1) }.s\(c-s-1\){stroke:var(--c-s-1) }.s\*\(c-s-1\) *{stroke:var(--c-s-1) }@media screen and (max-width: 1023px){.mob\:bg\(c-s-1\){background-color:var(--c-s-1) }.mob\:bc\(c-s-1\){border-color:var(--c-s-1) }.mob\:c\(c-s-1\){color:var(--c-s-1) }.mob\:f\(c-s-1\){fill:var(--c-s-1) }.mob\:f\*\(c-s-1\) *{fill:var(--c-s-1) }.mob\:s\(c-s-1\){stroke:var(--c-s-1) }.mob\:s\*\(c-s-1\) *{stroke:var(--c-s-1) }}:root{--c-s-1: #FFFFFF}.bg\(c-s-2\){background-color:var(--c-s-2) }.bc\(c-s-2\){border-color:var(--c-s-2) }.c\(c-s-2\){color:var(--c-s-2) }.f\(c-s-2\){fill:var(--c-s-2) }.f\*\(c-s-2\) *{fill:var(--c-s-2) }.s\(c-s-2\){stroke:var(--c-s-2) }.s\*\(c-s-2\) *{stroke:var(--c-s-2) }@media screen and (max-width: 1023px){.mob\:bg\(c-s-2\){background-color:var(--c-s-2) }.mob\:bc\(c-s-2\){border-color:var(--c-s-2) }.mob\:c\(c-s-2\){color:var(--c-s-2) }.mob\:f\(c-s-2\){fill:var(--c-s-2) }.mob\:f\*\(c-s-2\) *{fill:var(--c-s-2) }.mob\:s\(c-s-2\){stroke:var(--c-s-2) }.mob\:s\*\(c-s-2\) *{stroke:var(--c-s-2) }}:root{--c-s-2: #C3CAD9}.bg\(c-s-3\){background-color:var(--c-s-3) }.bc\(c-s-3\){border-color:var(--c-s-3) }.c\(c-s-3\){color:var(--c-s-3) }.f\(c-s-3\){fill:var(--c-s-3) }.f\*\(c-s-3\) *{fill:var(--c-s-3) }.s\(c-s-3\){stroke:var(--c-s-3) }.s\*\(c-s-3\) *{stroke:var(--c-s-3) }@media screen and (max-width: 1023px){.mob\:bg\(c-s-3\){background-color:var(--c-s-3) }.mob\:bc\(c-s-3\){border-color:var(--c-s-3) }.mob\:c\(c-s-3\){color:var(--c-s-3) }.mob\:f\(c-s-3\){fill:var(--c-s-3) }.mob\:f\*\(c-s-3\) *{fill:var(--c-s-3) }.mob\:s\(c-s-3\){stroke:var(--c-s-3) }.mob\:s\*\(c-s-3\) *{stroke:var(--c-s-3) }}:root{--c-s-3: #6B7A99}.bg\(c-s-4\){background-color:var(--c-s-4) }.bc\(c-s-4\){border-color:var(--c-s-4) }.c\(c-s-4\){color:var(--c-s-4) }.f\(c-s-4\){fill:var(--c-s-4) }.f\*\(c-s-4\) *{fill:var(--c-s-4) }.s\(c-s-4\){stroke:var(--c-s-4) }.s\*\(c-s-4\) *{stroke:var(--c-s-4) }@media screen and (max-width: 1023px){.mob\:bg\(c-s-4\){background-color:var(--c-s-4) }.mob\:bc\(c-s-4\){border-color:var(--c-s-4) }.mob\:c\(c-s-4\){color:var(--c-s-4) }.mob\:f\(c-s-4\){fill:var(--c-s-4) }.mob\:f\*\(c-s-4\) *{fill:var(--c-s-4) }.mob\:s\(c-s-4\){stroke:var(--c-s-4) }.mob\:s\*\(c-s-4\) *{stroke:var(--c-s-4) }}:root{--c-s-4: #525A6C}.bg\(c-s-5\){background-color:var(--c-s-5) }.bc\(c-s-5\){border-color:var(--c-s-5) }.c\(c-s-5\){color:var(--c-s-5) }.f\(c-s-5\){fill:var(--c-s-5) }.f\*\(c-s-5\) *{fill:var(--c-s-5) }.s\(c-s-5\){stroke:var(--c-s-5) }.s\*\(c-s-5\) *{stroke:var(--c-s-5) }@media screen and (max-width: 1023px){.mob\:bg\(c-s-5\){background-color:var(--c-s-5) }.mob\:bc\(c-s-5\){border-color:var(--c-s-5) }.mob\:c\(c-s-5\){color:var(--c-s-5) }.mob\:f\(c-s-5\){fill:var(--c-s-5) }.mob\:f\*\(c-s-5\) *{fill:var(--c-s-5) }.mob\:s\(c-s-5\){stroke:var(--c-s-5) }.mob\:s\*\(c-s-5\) *{stroke:var(--c-s-5) }}:root{--c-s-5: #000000}.bg\(c-border-1\){background-color:var(--c-border-1) }.bc\(c-border-1\){border-color:var(--c-border-1) }.c\(c-border-1\){color:var(--c-border-1) }.f\(c-border-1\){fill:var(--c-border-1) }.f\*\(c-border-1\) *{fill:var(--c-border-1) }.s\(c-border-1\){stroke:var(--c-border-1) }.s\*\(c-border-1\) *{stroke:var(--c-border-1) }@media screen and (max-width: 1023px){.mob\:bg\(c-border-1\){background-color:var(--c-border-1) }.mob\:bc\(c-border-1\){border-color:var(--c-border-1) }.mob\:c\(c-border-1\){color:var(--c-border-1) }.mob\:f\(c-border-1\){fill:var(--c-border-1) }.mob\:f\*\(c-border-1\) *{fill:var(--c-border-1) }.mob\:s\(c-border-1\){stroke:var(--c-border-1) }.mob\:s\*\(c-border-1\) *{stroke:var(--c-border-1) }}:root{--c-border-1: #F5F6F7}.bg\(c-border-2\){background-color:var(--c-border-2) }.bc\(c-border-2\){border-color:var(--c-border-2) }.c\(c-border-2\){color:var(--c-border-2) }.f\(c-border-2\){fill:var(--c-border-2) }.f\*\(c-border-2\) *{fill:var(--c-border-2) }.s\(c-border-2\){stroke:var(--c-border-2) }.s\*\(c-border-2\) *{stroke:var(--c-border-2) }@media screen and (max-width: 1023px){.mob\:bg\(c-border-2\){background-color:var(--c-border-2) }.mob\:bc\(c-border-2\){border-color:var(--c-border-2) }.mob\:c\(c-border-2\){color:var(--c-border-2) }.mob\:f\(c-border-2\){fill:var(--c-border-2) }.mob\:f\*\(c-border-2\) *{fill:var(--c-border-2) }.mob\:s\(c-border-2\){stroke:var(--c-border-2) }.mob\:s\*\(c-border-2\) *{stroke:var(--c-border-2) }}:root{--c-border-2: #EDEFF2}.bg\(c-border-3\){background-color:var(--c-border-3) }.bc\(c-border-3\){border-color:var(--c-border-3) }.c\(c-border-3\){color:var(--c-border-3) }.f\(c-border-3\){fill:var(--c-border-3) }.f\*\(c-border-3\) *{fill:var(--c-border-3) }.s\(c-border-3\){stroke:var(--c-border-3) }.s\*\(c-border-3\) *{stroke:var(--c-border-3) }@media screen and (max-width: 1023px){.mob\:bg\(c-border-3\){background-color:var(--c-border-3) }.mob\:bc\(c-border-3\){border-color:var(--c-border-3) }.mob\:c\(c-border-3\){color:var(--c-border-3) }.mob\:f\(c-border-3\){fill:var(--c-border-3) }.mob\:f\*\(c-border-3\) *{fill:var(--c-border-3) }.mob\:s\(c-border-3\){stroke:var(--c-border-3) }.mob\:s\*\(c-border-3\) *{stroke:var(--c-border-3) }}:root{--c-border-3: #DEDEDE}.bg\(c-success\){background-color:var(--c-success) }.bc\(c-success\){border-color:var(--c-success) }.c\(c-success\){color:var(--c-success) }.f\(c-success\){fill:var(--c-success) }.f\*\(c-success\) *{fill:var(--c-success) }.s\(c-success\){stroke:var(--c-success) }.s\*\(c-success\) *{stroke:var(--c-success) }@media screen and (max-width: 1023px){.mob\:bg\(c-success\){background-color:var(--c-success) }.mob\:bc\(c-success\){border-color:var(--c-success) }.mob\:c\(c-success\){color:var(--c-success) }.mob\:f\(c-success\){fill:var(--c-success) }.mob\:f\*\(c-success\) *{fill:var(--c-success) }.mob\:s\(c-success\){stroke:var(--c-success) }.mob\:s\*\(c-success\) *{stroke:var(--c-success) }}:root{--c-success: #51bd5c}.bg\(c-alert\){background-color:var(--c-alert) }.bc\(c-alert\){border-color:var(--c-alert) }.c\(c-alert\){color:var(--c-alert) }.f\(c-alert\){fill:var(--c-alert) }.f\*\(c-alert\) *{fill:var(--c-alert) }.s\(c-alert\){stroke:var(--c-alert) }.s\*\(c-alert\) *{stroke:var(--c-alert) }@media screen and (max-width: 1023px){.mob\:bg\(c-alert\){background-color:var(--c-alert) }.mob\:bc\(c-alert\){border-color:var(--c-alert) }.mob\:c\(c-alert\){color:var(--c-alert) }.mob\:f\(c-alert\){fill:var(--c-alert) }.mob\:f\*\(c-alert\) *{fill:var(--c-alert) }.mob\:s\(c-alert\){stroke:var(--c-alert) }.mob\:s\*\(c-alert\) *{stroke:var(--c-alert) }}:root{--c-alert: #E0CB5C}.bg\(c-error\){background-color:var(--c-error) }.bc\(c-error\){border-color:var(--c-error) }.c\(c-error\){color:var(--c-error) }.f\(c-error\){fill:var(--c-error) }.f\*\(c-error\) *{fill:var(--c-error) }.s\(c-error\){stroke:var(--c-error) }.s\*\(c-error\) *{stroke:var(--c-error) }@media screen and (max-width: 1023px){.mob\:bg\(c-error\){background-color:var(--c-error) }.mob\:bc\(c-error\){border-color:var(--c-error) }.mob\:c\(c-error\){color:var(--c-error) }.mob\:f\(c-error\){fill:var(--c-error) }.mob\:f\*\(c-error\) *{fill:var(--c-error) }.mob\:s\(c-error\){stroke:var(--c-error) }.mob\:s\*\(c-error\) *{stroke:var(--c-error) }}:root{--c-error: #CF6679}.bg\(c-notification\){background-color:var(--c-notification) }.bc\(c-notification\){border-color:var(--c-notification) }.c\(c-notification\){color:var(--c-notification) }.f\(c-notification\){fill:var(--c-notification) }.f\*\(c-notification\) *{fill:var(--c-notification) }.s\(c-notification\){stroke:var(--c-notification) }.s\*\(c-notification\) *{stroke:var(--c-notification) }@media screen and (max-width: 1023px){.mob\:bg\(c-notification\){background-color:var(--c-notification) }.mob\:bc\(c-notification\){border-color:var(--c-notification) }.mob\:c\(c-notification\){color:var(--c-notification) }.mob\:f\(c-notification\){fill:var(--c-notification) }.mob\:f\*\(c-notification\) *{fill:var(--c-notification) }.mob\:s\(c-notification\){stroke:var(--c-notification) }.mob\:s\*\(c-notification\) *{stroke:var(--c-notification) }}:root{--c-notification: #E62E7B}.bg\(c-disabled\){background-color:var(--c-disabled) }.bc\(c-disabled\){border-color:var(--c-disabled) }.c\(c-disabled\){color:var(--c-disabled) }.f\(c-disabled\){fill:var(--c-disabled) }.f\*\(c-disabled\) *{fill:var(--c-disabled) }.s\(c-disabled\){stroke:var(--c-disabled) }.s\*\(c-disabled\) *{stroke:var(--c-disabled) }@media screen and (max-width: 1023px){.mob\:bg\(c-disabled\){background-color:var(--c-disabled) }.mob\:bc\(c-disabled\){border-color:var(--c-disabled) }.mob\:c\(c-disabled\){color:var(--c-disabled) }.mob\:f\(c-disabled\){fill:var(--c-disabled) }.mob\:f\*\(c-disabled\) *{fill:var(--c-disabled) }.mob\:s\(c-disabled\){stroke:var(--c-disabled) }.mob\:s\*\(c-disabled\) *{stroke:var(--c-disabled) }}:root{--c-disabled: #999999}.bg\(c-os-d\){background-color:hsla(0,0%,100%,.35)}.bc\(c-os-d\){border-color:hsla(0,0%,100%,.35) }.c\(c-os-d\){color:hsla(0,0%,100%,.35)}@media screen and (max-width: 1023px){.mob\:bg\(c-os-d\){background-color:hsla(0,0%,100%,.35)}.mob\:bc\(c-os-d\){border-color:hsla(0,0%,100%,.35) }.mob\:c\(c-os-d\){color:hsla(0,0%,100%,.35)}}:root{--c-os-d: rgba(255, 255, 255, 0.35)}.bg\(c-os-me\){background-color:hsla(0,0%,100%,.75)}.bc\(c-os-me\){border-color:hsla(0,0%,100%,.75) }.c\(c-os-me\){color:hsla(0,0%,100%,.75)}@media screen and (max-width: 1023px){.mob\:bg\(c-os-me\){background-color:hsla(0,0%,100%,.75)}.mob\:bc\(c-os-me\){border-color:hsla(0,0%,100%,.75) }.mob\:c\(c-os-me\){color:hsla(0,0%,100%,.75)}}:root{--c-os-me: rgba(255, 255, 255, 0.75)}.bg\(c-os-he\){background-color:#fff}.bc\(c-os-he\){border-color:#fff }.c\(c-os-he\){color:#fff}@media screen and (max-width: 1023px){.mob\:bg\(c-os-he\){background-color:#fff}.mob\:bc\(c-os-he\){border-color:#fff }.mob\:c\(c-os-he\){color:#fff}}:root{--c-os-he: rgb(255, 255, 255)}.bg\(c-os-d\){background-color:rgba(0,0,0,.35)}.bc\(c-os-d\){border-color:rgba(0,0,0,.35) }.c\(c-os-d\){color:rgba(0,0,0,.35)}@media screen and (max-width: 1023px){.mob\:bg\(c-os-d\){background-color:rgba(0,0,0,.35)}.mob\:bc\(c-os-d\){border-color:rgba(0,0,0,.35) }.mob\:c\(c-os-d\){color:rgba(0,0,0,.35)}}:root{--c-os-d: rgba(0, 0, 0, 0.35)}.bg\(c-os-me\){background-color:rgba(0,0,0,.75)}.bc\(c-os-me\){border-color:rgba(0,0,0,.75) }.c\(c-os-me\){color:rgba(0,0,0,.75)}@media screen and (max-width: 1023px){.mob\:bg\(c-os-me\){background-color:rgba(0,0,0,.75)}.mob\:bc\(c-os-me\){border-color:rgba(0,0,0,.75) }.mob\:c\(c-os-me\){color:rgba(0,0,0,.75)}}:root{--c-os-me: rgba(0, 0, 0, 0.75)}.bg\(c-os-he\){background-color:#000}.bc\(c-os-he\){border-color:#000 }.c\(c-os-he\){color:#000}@media screen and (max-width: 1023px){.mob\:bg\(c-os-he\){background-color:#000}.mob\:bc\(c-os-he\){border-color:#000 }.mob\:c\(c-os-he\){color:#000}}:root{--c-os-he: rgb(0, 0, 0)}.fnt\(fnt-1\){font-family:var(--fnt-1) }@media screen and (max-width: 1023px){.mob\:fnt\(fnt-1\){font-family:var(--fnt-1) }}:root{--fnt-1: "Roboto", sans-serif}.fnt\(wgt-thin\){font-weight:100}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-thin\){font-weight:100}}:root{--wgt-thin: 100}.fnt\(wgt-extralight\){font-weight:200}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-extralight\){font-weight:200}}:root{--wgt-extralight: 200}.fnt\(wgt-light\){font-weight:300}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-light\){font-weight:300}}:root{--wgt-light: 300}.fnt\(wgt-regular\){font-weight:400}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-regular\){font-weight:400}}:root{--wgt-regular: 400}.fnt\(wgt-medium\){font-weight:500}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-medium\){font-weight:500}}:root{--wgt-medium: 500}.fnt\(wgt-semibold\){font-weight:600}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-semibold\){font-weight:600}}:root{--wgt-semibold: 600}.fnt\(wgt-bold\){font-weight:700}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-bold\){font-weight:700}}:root{--wgt-bold: 700}.fnt\(wgt-extrabold\){font-weight:800}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-extrabold\){font-weight:800}}:root{--wgt-extrabold: 800}.fnt\(wgt-black\){font-weight:900}@media screen and (max-width: 1023px){.mob\:fnt\(wgt-black\){font-weight:900}}:root{--wgt-black: 900}.mc-auto{cursor:var(--mc-auto) }:root{--mc-auto: url("/resources/images/panel/cursor/default.png"), auto}.mc-pointer{cursor:var(--mc-pointer) }:root{--mc-pointer: url("/resources/images/panel/cursor/pointer.png"), pointer}.mc-text{cursor:var(--mc-text) }:root{--mc-text: url("/resources/images/panel/cursor/text.png"), text}.mc-help{cursor:var(--mc-help) }:root{--mc-help: url("/resources/images/panel/cursor/help.png"), context-menu}.mc-grab{cursor:var(--mc-grab) }:root{--mc-grab: url("/resources/images/panel/cursor/grab.png"), grab}.mc-grabbed{cursor:var(--mc-grabbed) }:root{--mc-grabbed: url("/resources/images/panel/cursor/grabbed.png"), grabbing}.mc-zoom-in{cursor:var(--mc-zoom-in) }:root{--mc-zoom-in: url("/resources/images/panel/cursor/zoom-in.png"), zoom-in}.mc-zoom-out{cursor:var(--mc-zoom-out) }:root{--mc-zoom-out: url("/resources/images/panel/cursor/zoom-out.png"), zoom-out}.mc-resize-all{cursor:var(--mc-resize-all) }:root{--mc-resize-all: url("/resources/images/panel/cursor/resize-all.png"), nwse-resize}.fx\(fx-shadow-1\){filter:var(--fx-shadow-1) ;will-change:filter}.fx\(bs\,fx-shadow-1\){box-shadow:var(--fx-shadow-1) }.fx\(ts\,fx-shadow-1\){text-shadow:var(--fx-shadow-1) }:root{--fx-shadow-1: 0px 2px 5px rgba(38, 51, 77, 0.03)}.fx\(fx-drop-shadow-1\){filter:var(--fx-drop-shadow-1) ;will-change:filter}.fx\(bs\,fx-drop-shadow-1\){box-shadow:var(--fx-drop-shadow-1) }.fx\(ts\,fx-drop-shadow-1\){text-shadow:var(--fx-drop-shadow-1) }:root{--fx-drop-shadow-1: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2))}.t-fast{transition:var(--t-fast) }:root{--t-fast: 0.3s}.t-normal{transition:var(--t-normal) }:root{--t-normal: 0.5s}.t-slow{transition:var(--t-slow) }:root{--t-slow: 0.7s}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.wpf-lazy-load{opacity:0;transition:opacity .5s ease-in-out}.wpf-lazy-load.fade-in,.wpf-lazy-load.wpf-lazy-ignore{opacity:1}.wpf3-btn{--btn-bg: var(--c-t1-400, #5b9dcf);--btn-bg-hover: var(--c-t1-500, #3b84bc);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF);--btn-border: var(--c-border-1, transparent);--btn-shadow: var(--fx-shadow-1, rgba(38, 51, 77, 0.03));--btn-radius: 8px;--btn-size: 1rem;--btn-padding-x: 1.5em;--btn-padding-y: 0.75em;--btn-transition: var(--t-fast, 0.3s) ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-size);font-family:var(--fnt-1, '"Roboto", sans-serif');font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:0 2px 4px var(--btn-shadow);transition:all var(--btn-transition);transform:translateY(0)}.wpf3-btn:focus-visible{outline:2px solid var(--btn-bg);outline-offset:2px;box-shadow:0 0 0 3px rgba(91,157,207,.1)}.wpf3-btn:hover:not(:disabled){background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.wpf3-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px var(--btn-shadow)}.wpf3-btn:disabled{opacity:.6;cursor:not-allowed;transform:none ;color:var(--c-disabled, #999999)}.wpf3-btn .icon{width:1.2em;height:1.2em;flex-shrink:0}.wpf3-btn .icon:only-child{margin:0}.wpf3-btn.primary{--btn-bg: var(--c-t1-400, #5b9dcf);--btn-bg-hover: var(--c-t1-500, #3b84bc);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.secondary{--btn-bg: var(--c-s-4, #525A6C);--btn-bg-hover: var(--c-s-3, #6B7A99);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.success{--btn-bg: var(--c-success, #51bd5c);--btn-bg-hover: var(--c-success, #51bd5c);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.success:hover:not(:disabled){filter:brightness(0.9)}.wpf3-btn.warning{--btn-bg: var(--c-alert, #E0CB5C);--btn-bg-hover: var(--c-alert, #E0CB5C);--btn-text: var(--c-s-5, #000000);--btn-text-hover: var(--c-s-5, #000000)}.wpf3-btn.warning:hover:not(:disabled){filter:brightness(0.9)}.wpf3-btn.danger{--btn-bg: var(--c-error, #CF6679);--btn-bg-hover: var(--c-error, #CF6679);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.danger:hover:not(:disabled){filter:brightness(0.9)}.wpf3-btn.dark{--btn-bg: var(--c-bg-1, #141616);--btn-bg-hover: var(--c-surf-1, #121212);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.light{--btn-bg: var(--c-bg-3, #EDF2F7);--btn-bg-hover: var(--c-bg-4, #F7F8FA);--btn-text: var(--c-s-5, #000000);--btn-text-hover: var(--c-s-5, #000000);--btn-border: var(--c-border-2, #EDEFF2)}.wpf3-btn.notification{--btn-bg: var(--c-notification, #E62E7B);--btn-bg-hover: var(--c-notification, #E62E7B);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.notification:hover:not(:disabled){filter:brightness(0.9)}.wpf3-btn.outline{--btn-bg: transparent;--btn-text: var(--c-t1-400, #5b9dcf);--btn-border: currentColor;--btn-bg-hover: var(--c-t1-400, #5b9dcf);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn.outline.secondary{--btn-text: var(--c-s-4, #525A6C);--btn-bg-hover: var(--c-s-4, #525A6C)}.wpf3-btn.outline.success{--btn-text: var(--c-success, #51bd5c);--btn-bg-hover: var(--c-success, #51bd5c)}.wpf3-btn.outline.warning{--btn-text: var(--c-alert, #E0CB5C);--btn-bg-hover: var(--c-alert, #E0CB5C);--btn-text-hover: var(--c-s-5, #000000)}.wpf3-btn.outline.danger{--btn-text: var(--c-error, #CF6679);--btn-bg-hover: var(--c-error, #CF6679)}.wpf3-btn.outline.notification{--btn-text: var(--c-notification, #E62E7B);--btn-bg-hover: var(--c-notification, #E62E7B)}.wpf3-btn.ghost{--btn-bg: transparent;--btn-border: transparent;--btn-text: var(--c-t1-400, #5b9dcf);--btn-bg-hover: var(--c-bg-3, rgba(237, 242, 247, 0.3));--btn-text-hover: var(--c-t1-500, #3b84bc);box-shadow:none}.wpf3-btn.ghost:hover:not(:disabled){box-shadow:none;transform:none}.wpf3-btn.gradient{background:var(--c-grad-1, linear-gradient(to right, #121212 0%, #FFFFFF 100%));--btn-bg-hover: var(--c-grad-2, linear-gradient(to right, #FFFFFF 0%, #121212 100%))}.wpf3-btn.gradient.primary{background:linear-gradient(135deg, var(--c-t1-400, #5b9dcf), var(--c-t1-600, #2b699e));--btn-bg-hover: linear-gradient(135deg, var(--c-t1-500, #3b84bc), var(--c-t1-700, #245580))}.wpf3-btn.gradient.success{background:linear-gradient(135deg, var(--c-success, #51bd5c), var(--c-t1-400, #5b9dcf));--btn-bg-hover: linear-gradient(135deg, var(--c-success, #51bd5c), var(--c-t1-500, #3b84bc))}.wpf3-btn.xs{--btn-size: 0.75rem;--btn-padding-x: 0.75em;--btn-padding-y: 0.375em}.wpf3-btn.sm{--btn-size: 0.875rem;--btn-padding-x: 1em;--btn-padding-y: 0.5em}.wpf3-btn.lg{--btn-size: 1.125rem;--btn-padding-x: 2em;--btn-padding-y: 1em}.wpf3-btn.xl{--btn-size: 1.25rem;--btn-padding-x: 2.5em;--btn-padding-y: 1.25em}.wpf3-btn.ripple{overflow:hidden}.wpf3-btn.ripple::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%, -50%);transition:width var(--t-fast, 0.3s),height var(--t-fast, 0.3s)}.wpf3-btn.ripple:active:not(:disabled)::before{width:300px;height:300px}.wpf3-btn.shimmer{overflow:hidden}.wpf3-btn.shimmer::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left var(--t-normal, 0.5s)}.wpf3-btn.shimmer:hover:not(:disabled)::before{left:100%}.wpf3-btn.magnetic{transition:all calc(var(--t-fast, 0.3s)/3) ease-out}.wpf3-btn.magnetic:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.wpf3-btn.loading{pointer-events:none;color:var(--c-disabled, #999999)}.wpf3-btn.loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentColor;border-radius:50%;animation:wpf3-spin 1s linear infinite}.wpf3-btn.loading .btn-text{opacity:0}@keyframes wpf3-spin{to{transform:rotate(360deg)}}.wpf3-btn.glow{box-shadow:0 0 10px var(--c-t1-400, #5b9dcf)}.wpf3-btn.glow:hover:not(:disabled){box-shadow:0 0 20px var(--c-t1-400, #5b9dcf)}.wpf3-btn.pulse{animation:wpf3-pulse 2s infinite}@keyframes wpf3-pulse{0%,100%{box-shadow:0 0 5px var(--c-t1-400, #5b9dcf)}50%{box-shadow:0 0 20px var(--c-t1-400, #5b9dcf),0 0 30px var(--c-t1-400, #5b9dcf)}}.wpf3-btn-group{display:inline-flex}.wpf3-btn-group .wpf3-btn{margin:0}.wpf3-btn-group .wpf3-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.wpf3-btn-group .wpf3-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.wpf3-btn-group .wpf3-btn:hover:not(:disabled){z-index:1}.wpf3-split-btn{display:inline-flex}.wpf3-split-btn .wpf3-btn.main{border-top-right-radius:0;border-bottom-right-radius:0}.wpf3-split-btn .wpf3-btn.dropdown{--btn-padding-x: 0.75em;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid hsla(0,0%,100%,.2)}@media(prefers-color-scheme: dark){.wpf3-btn:not([data-theme]){--btn-shadow: var(--fx-shadow-1, rgba(0, 0, 0, 0.3))}.wpf3-btn:not([data-theme]).light{--btn-bg: var(--c-bg-1, #141616);--btn-bg-hover: var(--c-surf-1, #121212);--btn-text: var(--c-s-1, #FFFFFF);--btn-text-hover: var(--c-s-1, #FFFFFF)}.wpf3-btn:not([data-theme]).primary{--btn-bg: var(--c-t1-300, #97c1e2);--btn-bg-hover: var(--c-t1-400, #5b9dcf);--btn-text: var(--c-s-5, #000000);--btn-text-hover: var(--c-s-5, #000000)}}.wpf3-btn.wpf3-theme{--btn-bg: var(--c-t1-400);--btn-bg-hover: var(--c-t1-500);--btn-text: var(--c-s-1);--btn-border: var(--c-border-1);--btn-shadow: var(--fx-shadow-1);font-family:var(--fnt-1);transition:all var(--t-fast) ease-in-out}/*# sourceMappingURL=wpf3.css.map */