{ "version": 3, "sources": ["projects/shared/src/lib/service/fikoyt-ui/src/lib/fiko-three-js/Fiko3DComponent/.component3D.scss"], "sourcesContent": [":host {\r\n color: black;\r\n font-size: 0.75rem;\r\n border-radius: 0.5em;\r\n border-bottom-right-radius: 0.5em;\r\n border-bottom-left-radius: 0.5em;\r\n border: 1px solid rgba(127, 255, 255, 0.25);\r\n padding: 1px 5px;\r\n pointer-events: all;\r\n width: 180px;\r\n \r\n /* Grid arka plan animasyonu */\r\n background:\r\n linear-gradient(rgba(0, 255, 255, 0.15) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0, 255, 255, 0.15) 1px, transparent 1px),\r\n linear-gradient(270deg, rgba(0, 127, 127, 0.7), rgba(0, 200, 200, 0.8), rgba(0, 127, 127, 0.7));\r\n background-size: 5px 5px, 5px 5px, 600% 600%;\r\n // animation: grid-move 4s linear infinite;\r\n \r\n /* Neon border animasyonu */\r\n animation-name: neon-border;\r\n animation-duration: 2s;\r\n animation-timing-function: ease-in-out;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n \r\n box-shadow: 0 0 12px rgba(0, 255, 255, 0.5);\r\n }\r\n \r\n /* input için neon glow */\r\n .fikoinput {\r\n background-color: rgba(0, 127, 127, 0.7);\r\n box-shadow: 0 0 12px rgba(0, 255, 255, 0.5);\r\n border: 1px solid rgba(127, 255, 255, 0.5);\r\n color: white;\r\n outline: none;\r\n width: 100%;\r\n // animation: neon-glow 3s ease-in-out infinite alternate;\r\n }\r\n \r\n /* select stilleri */\r\n select {\r\n color: black;\r\n outline: none;\r\n }\r\n \r\n /* Neon border animasyonu */\r\n @keyframes neon-border {\r\n 0% {\r\n border-color: rgba(0, 255, 255, 0.3);\r\n box-shadow:\r\n 0 0 5px rgba(0, 255, 255, 0.5),\r\n 0 0 15px rgba(0, 255, 255, 0.4);\r\n }\r\n 100% {\r\n border-color: rgba(0, 255, 255, 1);\r\n box-shadow:\r\n 0 0 15px rgba(0, 255, 255, 1),\r\n 0 0 30px rgba(0, 255, 255, 0.8);\r\n }\r\n }\r\n \r\n /* Grid hareket animasyonu */\r\n @keyframes grid-move {\r\n 0% {\r\n background-position: 0 0, 0 0, 0% 50%;\r\n }\r\n 100% {\r\n background-position: 20px 20px, 20px 20px, 100% 50%;\r\n }\r\n }\r\n \r\n /* Arka plan renk kaydırma */\r\n @keyframes background-shift {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n }\r\n \r\n /* input neon glow */\r\n @keyframes neon-glow {\r\n 0% {\r\n box-shadow: 0 0 5px rgba(0, 255, 255, 0.5);\r\n }\r\n 100% {\r\n box-shadow: 0 0 15px rgba(0, 255, 255, 1);\r\n }\r\n }"], "mappings": ";;;AAAA;AACI,SAAA;AACA,aAAA;AACA,iBAAA;AACA,8BAAA;AACA,6BAAA;AACA,UAAA,IAAA,MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,WAAA,IAAA;AACA,kBAAA;AACA,SAAA;AAGA;IACE,gBAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA,GAAA,EAAA,YAAA,IAAA;IAAA;MAAA,KAAA;MAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA,GAAA;MAAA,YAAA,IAAA;IAAA;MAAA,MAAA;MAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,IAAA;MAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,IAAA;MAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AAGF;IAAA,IAAA,GAAA;IAAA,IAAA,GAAA;IAAA,KAAA;AAIA,kBAAA;AACA,sBAAA;AACA,6BAAA;AACA,6BAAA;AACA,uBAAA;AAEA,cAAA,EAAA,EAAA,KAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAIF,CAAA;AACE,oBAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,cAAA,EAAA,EAAA,KAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,UAAA,IAAA,MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,SAAA;AACA,WAAA;AACA,SAAA;;AAKF;AACE,SAAA;AACA,WAAA;;AAIF,WA3BE;AA4BA;AACE,kBAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,gBACE,EAAA,EAAA,IAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGJ;AACE,kBAAA,IAAA,CAAA,EAAA,GAAA,EAAA;AACA,gBACE,EAAA,EAAA,KAAA,IAAA,CAAA,EAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;;AAMN,WAAA;AACE;AACE;MAAA,EAAA,CAAA;MAAA,EAAA,CAAA;MAAA,GAAA;;AAEF;AACE;MAAA,KAAA,IAAA;MAAA,KAAA,IAAA;MAAA,KAAA;;;AAKJ,WAAA;AACE;AACE,yBAAA,GAAA;;AAEF;AACE,yBAAA,KAAA;;AAEF;AACE,yBAAA,GAAA;;;AAKJ,WAAA;AACE;AACE,gBAAA,EAAA,EAAA,IAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAEF;AACE,gBAAA,EAAA,EAAA,KAAA,IAAA,CAAA,EAAA,GAAA,EAAA;;;", "names": [] }