{ "version": 3, "sources": ["projects/shared/src/lib/service/fikoyt-ui/src/lib/fiko-three-js/IFikoThreeJS/fiko-similasyon-v1/fiko-similasyon-v1.component.scss"], "sourcesContent": [":host {\r\n background-color: transparent;\r\n \r\n}\r\n\r\n.govde {\r\n box-shadow: 0px 0px 12px rgb(0 255 255 / 50%);\r\n border: 1px solid rgba(127, 255, 255, 0.25);\r\n}\r\n\r\n\r\n::placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: silver;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.fikoinput {\r\n background-color: rgba(0, 127, 127, 0.7);\r\n box-shadow: 0px 0px 12px rgb(0 255 255 / 50%);\r\n border: 1px solid rgba(127, 255, 255, 0.5);\r\n color: white;\r\n // text-shadow: 0 0 10px rgb(0 255 255 / 95%);\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.ui.icon.button:not(.animated):not(.compact):not(.labeled), .ui.icon.buttons .button{\r\n padding: 5px;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\r\n height: 3px;\r\n width: 100%;\r\n cursor: pointer;\r\n background: #07c;\r\n margin-bottom: 10px;\r\n }\r\n \r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n border: 2px solid #07c;\r\n height: 10px;\r\n width: 10px;\r\n border-radius: 10px;\r\n background: #fff;\r\n cursor: pointer;\r\n margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */\r\n }\r\n \r\n input[type=\"range\"]:focus {\r\n outline: none;\r\n }\r\n\r\n.timeline-bar {\r\n position: relative;\r\n height: 16px;\r\n width: 100%;\r\n border-radius: 3px;\r\n overflow: hidden;\r\n margin-bottom: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.timeline-segment {\r\n position: absolute;\r\n top: 0;\r\n height: 100%;\r\n opacity: 0.75;\r\n transition: opacity 0.15s;\r\n overflow: hidden;\r\n border-right: 1px solid rgba(0,0,0,0.3);\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.timeline-label {\r\n display: block;\r\n font-size: 9px;\r\n line-height: 16px;\r\n color: #fff;\r\n text-shadow: 0 0 3px rgba(0,0,0,0.8);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n padding: 0 2px;\r\n pointer-events: none;\r\n}\r\n\r\n.timeline-sinir {\r\n position: absolute;\r\n top: 0;\r\n width: 2px;\r\n height: 100%;\r\n background: rgba(255,255,255,0.9);\r\n pointer-events: none;\r\n z-index: 1;\r\n box-shadow: 0 0 4px rgba(255,255,255,0.5);\r\n}\r\n\r\n// ── Native Popover API Styles ──────────────────────────────────────\r\n[popover] {\r\n // Popover backdrop (dışarı tıklayınca kapanır)\r\n &::backdrop {\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n // Açılış animasyonu\r\n opacity: 0;\r\n transform: translateY(-10px) scale(0.95);\r\n transition: opacity 0.2s ease, transform 0.2s ease, display 0.2s allow-discrete;\r\n\r\n &:popover-open {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n // Kapanış animasyonu (starting-style ile)\r\n @starting-style {\r\n &:popover-open {\r\n opacity: 0;\r\n transform: translateY(-10px) scale(0.95);\r\n }\r\n }\r\n}\r\n\r\n// ── Stok Ayar Popup ──────────────────────────────────────────────────\r\n#sim-stok-ayar-popup {\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(0,255,255,0.2) transparent;\r\n &::-webkit-scrollbar { width: 3px; }\r\n &::-webkit-scrollbar-track { background: transparent; }\r\n &::-webkit-scrollbar-thumb { background: rgba(0,255,255,0.2); border-radius: 2px; }\r\n\r\n details {\r\n > summary::-webkit-details-marker { display: none; }\r\n &[open] > summary span:first-child { transform: rotate(0deg); }\r\n &:not([open]) > summary span:first-child { transform: rotate(-90deg); }\r\n }\r\n\r\n input[type=\"range\"] {\r\n -webkit-appearance: none; appearance: none; background: rgba(255,255,255,0.1); border-radius: 1px; height: 2px;\r\n &::-webkit-slider-thumb {\r\n -webkit-appearance: none; width: 8px; height: 8px;\r\n background: #0ff; border-radius: 50%; cursor: pointer;\r\n }\r\n }\r\n}\r\n\r\n// ── Motor Ayar Popup ──────────────────────────────────────────────────\r\n#sim-motor-ayar-popup {\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(0,255,255,0.2) transparent;\r\n &::-webkit-scrollbar { width: 3px; }\r\n &::-webkit-scrollbar-track { background: transparent; }\r\n &::-webkit-scrollbar-thumb { background: rgba(0,255,255,0.2); border-radius: 2px; }\r\n\r\n details {\r\n > summary::-webkit-details-marker { display: none; }\r\n &[open] > summary span:first-child { transform: rotate(0deg); }\r\n &:not([open]) > summary span:first-child { transform: rotate(-90deg); }\r\n }\r\n\r\n input[type=\"range\"] {\r\n -webkit-appearance: none; appearance: none; background: rgba(255,255,255,0.1); border-radius: 1px; height: 2px;\r\n &::-webkit-slider-thumb {\r\n -webkit-appearance: none; width: 8px; height: 8px;\r\n background: #0ff; border-radius: 50%; cursor: pointer;\r\n }\r\n }\r\n}\r\n\r\n// ── Kütük Seçim Modu Pulse Animasyonu ───────────────────────────────\r\n@keyframes pulse {\r\n 0%, 100% {\r\n box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.7);\r\n }\r\n 50% {\r\n box-shadow: 0 0 0 8px rgba(242, 113, 28, 0);\r\n }\r\n}\r\n\r\n"], "mappings": "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", "names": [] }