
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">

	







		
	











<head>
	
	<!-- This is  Head5 AKTUELL FIL -->

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	
	<meta property="sesamy:client-id" content="feber" />
	<meta property="sesamy:analytics" content="false" />
	
	<base target="_top" />

			
	

	
	
	<script id="sesamy-js" type="application/json">{"auth":{"authorizationParams":{"redirect_uri":"https://feber.se/"}}}</script>


	
		<meta property="fb:app_id" content="1473195290977849" />
		<meta property="fb:pages" content="103483998600" />
	

	
	
	
	
	<link rel="preconnect" href="https://i.ytimg.com">
	<link rel="preconnect" href="https://static.feber.se">

	<link rel="preload" href="/fonts/SuisseIntl-Light-WebS.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="/fonts/SuisseIntl-Regular-WebS.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="/fonts/SuisseIntl-SemiBold-WebS.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="/fonts/SuisseIntl-Bold-WebS.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="/fonts/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin>

	<link rel="preload" href="https://scripts.sesamy.com/s/feber/bundle.js" as="script" crossorigin="anonymous">
	
		
	<!-- f-embed script -->
	
			

<script>
/* f-embed - Enkel modulär lösning för embed-innehåll
 *
 * Systemet letar automatiskt efter alla f-embed element och initierar dem.
 * Nya embeds som läggs till dynamiskt initieras också automatiskt.
 * Se varje handlers kommentarer för specifik användning.
 */

(function() {
	'use strict';
	
	const embedHandlers = {};
	
/*  Väntar på extern API (generell utility) */

	function waitForAPI(checkFn, callback, timeout) {
		timeout = timeout || 10000;
		if (checkFn()) {
			callback();
			return;
		}
		
		const interval = setInterval(() => {
			if (checkFn()) {
				clearInterval(interval);
				callback();
			}
		}, 100);
		
		setTimeout(() => clearInterval(interval), timeout);
	}
	
/* Initierar ett f-embed element */
	function initEmbed(element) {
		if (!element || element.dataset.initialized === 'true') return;
		
		const type = element.dataset.type;
		if (!type) {
			console.error('f-embed: data-type krävs');
			return;
		}
		
		const handler = embedHandlers[type.toLowerCase()];
		if (!handler) {
			console.error('f-embed: Okänd typ:', type);
			return;
		}
		
		element.dataset.initialized = 'true';
		try {
			handler.init(element, type);
		} catch (error) {
			console.error('f-embed: Init-fel', error);
			element.dataset.initialized = 'false';
		}
	}
	
/* YouTube Handler
 *
 * ALTERNATIV:
 * - data-type="youtube" (krävs)
 * - data-id="VIDEO_ID" (krävs) - YouTube video ID (t.ex. "dQw4w9WgXcQ")
 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0)
 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy")
 *
 * EXEMPEL:
 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ"></f-embed>
 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-start="30"></f-embed>
 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-mode="embed"></f-embed>
 *
 * YouTube API laddas via script-tagg i head.
 */

/* Facebook-post Handler
 * data-id: Facebook post ID eller URL
 * data-username: Facebook användarnamn (default: "feberse")
 */
	embedHandlers.youtube = (function() {
		// YouTube-specifika variabler
		const activePlayers = {};
		let currentActivePlayerId = null;
		
		return {
			init: function(element, type) {
				const videoId = element.dataset.id;
				const startTime = parseInt(element.dataset.start || 0, 10);
				const mode = element.dataset.mode || 'lazy';
				
				if (!videoId) {
					console.error('f-embed: YouTube kräver data-id');
					return;
				}
				
				this.createStructure(element, videoId, type);
				
				if (mode === 'embed') {
					// Dölj thumbnail och playbutton i embed-läge
					const embedTag = element.querySelector('f-embed-' + type);
					const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
					const playButton = element.querySelector('f-embed-' + type + '-playbutton');
					if (thumbnail) thumbnail.style.display = 'none';
					if (playButton) playButton.style.display = 'none';
					
					this.loadPlayer(element, videoId, startTime, type, false);
				} else {
					this.setupLazyLoading(element, videoId, startTime, type);
				}
			},
			
		createStructure: function(element, videoId, type) {
			const embedTag = 'f-embed-' + type;
			
			// Ta bort eventuellt befintligt innehåll (t.ex. crawler-bilder)
			// Detta gör att vi kan ha en <img> i HTML:en för crawlers
			// som sedan ersätts av den interaktiva strukturen
			element.innerHTML = '';
			
			element.innerHTML = 
				'<' + embedTag + '>' +
				'<f-embed-' + type + '-thumbnail>' +
				'<img src="https://i.ytimg.com/vi/' + videoId + '/maxresdefault.jpg" ' +
				'onload="if(this.naturalWidth<220){this.src=\'https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg\';};" ' +
				'onerror="this.src=\'https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg\';" ' +
				'alt="Video thumbnail" loading="lazy" />' +
				'</f-embed-' + type + '-thumbnail>' +
				'<f-embed-' + type + '-playbutton>' +
				'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 721">' +
				'<path fill="white" d="M407,493l276-143L407,206V493z"/>' +
				'<path fill="red" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/>' +
				'</svg>' +
				'</f-embed-' + type + '-playbutton>' +
				'<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' +
				'</' + embedTag + '>';
		},
			
			setupLazyLoading: function(element, videoId, startTime, type) {
				const embedTag = element.querySelector('f-embed-' + type);
				const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
				const playButton = element.querySelector('f-embed-' + type + '-playbutton');
				const self = this;
				
				if (!embedTag || !thumbnail || !playButton) return;
				
			embedTag.addEventListener('click', function clickHandler(e) {
				e.preventDefault();
				e.stopPropagation();
				
				// Pausa alla pågående YouTube-spelare
				self.pauseAllPlayers();
				
				thumbnail.style.display = 'none';
				playButton.style.display = 'none';
				self.loadPlayer(element, videoId, startTime, type, true);
				embedTag.removeEventListener('click', clickHandler);
				
				// Dra ner header om artikeln har data-placement="above"
				const article = element.closest('f-article');
				if (article && article.getAttribute('data-placement') === 'above') {
					const articleHeader = article.querySelector('f-article-header');
					if (articleHeader) {
						articleHeader.style.marginTop = '0px';
					}
				}
				
				if (window.plausible) {
					window.plausible('VideoPlay', {
						props: { ID: 'https://youtu.be/' + videoId }
					});
				}
			});
				
				embedTag.style.cursor = 'pointer';
			},
			
			loadPlayer: function(element, videoId, startTime, type, autoplay) {
				autoplay = autoplay !== undefined ? autoplay : true;
				const iframeContainer = element.querySelector('f-embed-' + type + '-iframe');
				if (!iframeContainer) return;
				
				if (activePlayers[videoId]) {
					if (autoplay) {
						activePlayers[videoId].playVideo();
					}
					currentActivePlayerId = videoId;
					return;
				}
				
				const iframeId = 'youtube-player-' + videoId;
				const iframe = document.createElement('iframe');
				iframe.id = iframeId;
				iframe.width = '640';
				iframe.height = '390';
				iframe.frameBorder = '0';
				iframe.allowFullscreen = true;
				iframe.allow = 'autoplay; encrypted-media';
				iframe.referrerPolicy = 'strict-origin-when-cross-origin';

				let url = 'https://www.youtube-nocookie.com/embed/' + videoId +
					'?enablejsapi=1&origin=' + encodeURIComponent(window.location.origin) +
					'&modestbranding=1&rel=0&playsinline=1';
				if (startTime > 0) {
					url += '&start=' + startTime;
				}
				iframe.src = url;
				iframeContainer.appendChild(iframe);
				
				const self = this;
				waitForAPI(
					function() { return window.YT && window.YT.Player; },
					function() {
					const player = new YT.Player(iframeId, {
						events: {
							onReady: function(event) {
								if (startTime > 0) {
									event.target.seekTo(startTime, true);
								}
								if (autoplay) {
									event.target.playVideo();
									currentActivePlayerId = videoId;
								}
							},
							onStateChange: function(event) {
								if (event.data === YT.PlayerState.PLAYING) {
									currentActivePlayerId = videoId;
								} else if (event.data === YT.PlayerState.ENDED) {
									currentActivePlayerId = null;
								}
							}
						}
					});
					activePlayers[videoId] = player;
					},
					10000
				);
			},
			
		stopPlayer: function(videoId) {
			if (activePlayers[videoId]) {
				try {
					activePlayers[videoId].stopVideo();
				} catch (e) {
					console.warn('f-embed: Kunde inte stoppa spelare', e);
				}
			}
		},
		
		pauseAllPlayers: function() {
			Object.keys(activePlayers).forEach(id => {
				try {
					if (activePlayers[id] && typeof activePlayers[id].pauseVideo === 'function') {
						activePlayers[id].pauseVideo();
					}
				} catch (e) {
					console.warn('f-embed: Kunde inte pausa spelare ' + id, e);
				}
			});
		}
	};
})();

/* Bunny Stream Handler
 *
 * Genererar en autoplay iframe direkt (ingen thumbnail/klick).
 *
 * ALTERNATIV:
 * - data-type="bunny" (krävs)
 * - data-id="VIDEO_GUID" (krävs) - Bunny Stream video GUID
 *
 * EXEMPEL:
 * <f-embed data-type="bunny" data-id="1ed8aaad-d378-4c86-a6cc-6f1486c129f1"></f-embed>
 */
	embedHandlers.bunny = {
		init: function(element, type) {
			const videoId = (element.dataset.id || '').split('|')[0];
			if (!videoId) {
				console.error('f-embed: Bunny kräver data-id');
				return;
			}

			element.innerHTML =
				'<div style="position:relative;padding-top:56.25%;">' +
				'<iframe src="https://iframe.mediadelivery.net/embed/508275/' + videoId + '?autoplay=true&loop=true&muted=true&preload=true&responsive=true" ' +
				'loading="lazy" ' +
				'style="border:0;position:absolute;top:0;height:100%;width:100%;" ' +
				'allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" ' +
				'allowfullscreen="true"></iframe>' +
				'</div>';
		}
	};

/* Mux Handler
 *
 * ALTERNATIV:
 * - data-type="mux" (krävs)
 * - data-id="PLAYBACK_ID" (krävs) - Mux playback ID
 *
 * EXEMPEL:
 * <f-embed data-type="mux" data-id="abc123"></f-embed>
 */
	embedHandlers.mux = {
		init: function(element, type) {
			const rawId = (element.dataset.id || '').split('|')[0].trim();
			const muxPlayerMatch = rawId.match(/playback-id=["']([^"']+)["']/);
			const muxMatch = rawId.match(/(?:playback|stream|image|player)\.mux\.com\/([^\/\?\.\s"'<>]+)/);
			const playbackId = muxPlayerMatch ? muxPlayerMatch[1] : (muxMatch ? muxMatch[1] : rawId);
			if (!playbackId) {
				console.error('f-embed: Mux kräver data-id');
				return;
			}
			const imageTitle = (element.querySelector('img') || {}).alt || '';
			const metadataTitle = element.dataset.title || element.getAttribute('aria-label') || imageTitle.replace(/^Video till\s+/i, '') || playbackId;
			const metadataVideoId = element.dataset.videoId || playbackId;
			const escapeAttr = function(value) {
				return String(value).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
			};

			if (!document.querySelector('script[src*="@mux/mux-player"]')) {
				const script = document.createElement('script');
				script.type = 'module';
				script.src = 'https://cdn.jsdelivr.net/npm/@mux/mux-player';
				document.head.appendChild(script);
			}

			element.innerHTML =
				'<mux-player playback-id="' + playbackId + '" ' +
				'autoplay="muted" loop muted playsinline preload="auto" ' +
				'accent-color="rgba(245, 68, 1, 1)" ' +
				'style="display:block;width:100%;aspect-ratio:16/9;background:#000;--seek-backward-button:none;--seek-forward-button:none;--pip-button:none;--playback-rate-button:none;" ' +
				'metadata-video-id="' + escapeAttr(metadataVideoId) + '" ' +
				'metadata-video-title="' + escapeAttr(metadataTitle) + '">' +
				'</mux-player>';
		}
	};

/* Vimeo Handler
 *
 * ALTERNATIV:
 * - data-type="vimeo" (krävs)
 * - data-id="VIDEO_ID" (krävs) - Vimeo video ID (t.ex. "123456789")
 * - data-hash="HASH" (valfritt) - Hash för privata/unlisted videor (t.ex. "711ba0054a")
 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0)
 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy")
 *
 * EXEMPEL:
 * <f-embed data-type="vimeo" data-id="123456789"></f-embed>
 * <f-embed data-type="vimeo" data-id="123456789" data-hash="711ba0054a"></f-embed>
 * <f-embed data-type="vimeo" data-id="123456789" data-start="30"></f-embed>
 * <f-embed data-type="vimeo" data-id="123456789" data-mode="embed"></f-embed>
 */
	embedHandlers.vimeo = (function() {
		// Vimeo-specifika variabler
		const activePlayers = {};
		let currentActivePlayerId = null;

		return {
			init: function(element, type) {
				let videoId = element.dataset.id;
				let hash = element.dataset.hash || '';
				const startTime = parseInt(element.dataset.start || 0, 10);
				const mode = element.dataset.mode || 'lazy';

				if (!videoId) {
					console.error('f-embed: Vimeo kräver data-id');
					return;
				}

				// Om det är en URL, extrahera video ID och eventuell hash
				if (videoId.indexOf('vimeo.com') !== -1) {
					// player.vimeo.com/video/ID?h=HASH
					var hMatch = videoId.match(/[?&]h=([a-f0-9]+)/);
					if (hMatch && hMatch[1]) hash = hMatch[1];
					// vimeo.com/ID/HASH eller vimeo.com/video/ID/HASH
					var match = videoId.match(/vimeo\.com\/(?:video\/)?(\d+)(?:\/([a-f0-9]+))?/);
					if (match && match[1]) {
						videoId = match[1];
						if (!hash && match[2]) hash = match[2];
					}
				}

				this.createStructure(element, videoId, hash, type);

				if (mode === 'embed') {
					this.loadPlayer(element, videoId, hash, startTime, type);
				} else {
					this.setupLazyLoading(element, videoId, hash, startTime, type);
				}
			},
			
			createStructure: function(element, videoId, hash, type) {
				const embedTag = 'f-embed-' + type;
				const self = this;

				// Ta bort eventuellt befintligt innehåll
				element.innerHTML = '';

				// Skapa strukturen utan thumbnail först (så vi inte visar fel bild)
				element.innerHTML =
					'<' + embedTag + '>' +
					'<f-embed-' + type + '-thumbnail></f-embed-' + type + '-thumbnail>' +
					'<f-embed-' + type + '-playbutton>' +
					'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">' +
					'<circle cx="50" cy="50" r="45" fill="#1ab7ea" opacity="0.9"/>' +
					'<path fill="white" d="M40,30 L40,70 L65,50 Z"/>' +
					'</svg>' +
					'</f-embed-' + type + '-playbutton>' +
					'<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' +
					'</' + embedTag + '>';

				// Hämta thumbnail via Vimeo's oEmbed API direkt (gratis, ingen API-nyckel behövs)
				// Detta ger oss den officiella högupplösta thumbnails som Vimeo rekommenderar
				// För privata videor måste hashen ingå i URL:en
				const vimeoUrl = 'https://vimeo.com/' + videoId + (hash ? '/' + hash : '');
				const oEmbedUrl = 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(vimeoUrl);
				
				fetch(oEmbedUrl)
					.then(function(response) {
						if (!response.ok) {
							throw new Error('Vimeo oEmbed API fel');
						}
						return response.json();
					})
					.then(function(data) {
						// oEmbed API returnerar thumbnail_url, konvertera den till 1280px
						if (data.thumbnail_url) {
							const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail');
							if (thumbnailContainer) {
								// Konvertera oEmbed URL till 1280px-version
								// Format: ...-d_295x166?region=se -> ...-d_1280
								let highResUrl = data.thumbnail_url;
								
								// Ta bort query-parametrar först
								const urlParts = highResUrl.split('?');
								highResUrl = urlParts[0];
								
								// Ersätt storleksmärkningen med _1280
								// Mönster: -d_XXXxYYY eller -d_XXX -> -d_1280
								highResUrl = highResUrl.replace(/-d_\d+x\d+/, '-d_1280');
								highResUrl = highResUrl.replace(/-d_\d+/, '-d_1280');
								
								// Skapa och lägg till bilden med rätt URL direkt
								const img = document.createElement('img');
								img.src = highResUrl;
								img.alt = 'Video thumbnail';
								img.loading = 'lazy';
								thumbnailContainer.appendChild(img);
							}
						}
					})
					.catch(function(error) {
						// Om oEmbed misslyckas, visa en placeholder eller ingenting
						console.debug('f-embed: Kunde inte hämta Vimeo-thumbnail', error);
						const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail');
						if (thumbnailContainer) {
							// Visa en svart placeholder istället för fel bild
							thumbnailContainer.style.backgroundColor = '#000';
						}
					});
			},
			
			setupLazyLoading: function(element, videoId, hash, startTime, type) {
				const embedTag = element.querySelector('f-embed-' + type);
				const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
				const playButton = element.querySelector('f-embed-' + type + '-playbutton');
				const self = this;

				if (!embedTag || !thumbnail || !playButton) return;

				embedTag.addEventListener('click', function clickHandler(e) {
					e.preventDefault();
					e.stopPropagation();

					// Pausa alla pågående Vimeo-spelare
					self.pauseAllPlayers();

					thumbnail.style.display = 'none';
					playButton.style.display = 'none';
					self.loadPlayer(element, videoId, hash, startTime, type);
					embedTag.removeEventListener('click', clickHandler);
					
					// Dra ner header om artikeln har data-placement="above"
					const article = element.closest('f-article');
					if (article && article.getAttribute('data-placement') === 'above') {
						const articleHeader = article.querySelector('f-article-header');
						if (articleHeader) {
							articleHeader.style.marginTop = '0px';
						}
					}
					
					if (window.plausible) {
						window.plausible('VideoPlay', {
							props: { ID: 'https://vimeo.com/' + videoId }
						});
					}
				});
				
				embedTag.style.cursor = 'pointer';
			},
			
			loadPlayer: function(element, videoId, hash, startTime, type) {
				const iframeContainer = element.querySelector('f-embed-' + type + '-iframe');
				if (!iframeContainer) return;

				// Vimeo Player API kräver att scriptet laddas först
				this.loadVimeoPlayerAPI(function() {
					const iframeId = 'vimeo-player-' + videoId;
					const iframe = document.createElement('iframe');
					iframe.id = iframeId;
					iframe.width = '640';
					iframe.height = '390';
					iframe.frameBorder = '0';
					iframe.allowFullscreen = true;
					iframe.allow = 'autoplay; fullscreen; picture-in-picture';

					let url = 'https://player.vimeo.com/video/' + videoId +
						'?badge=0&autopause=0&player_id=' + iframeId;
					if (hash) url += '&h=' + hash;
					
					// Lägg till starttid om det finns
					if (startTime > 0) {
						url += '#t=' + startTime + 's';
					}
					
					iframe.src = url;
					iframeContainer.appendChild(iframe);
					
					const self = this;
					waitForAPI(
						function() { return window.Vimeo && window.Vimeo.Player; },
						function() {
							const player = new Vimeo.Player(iframeId);
							activePlayers[videoId] = player;
							currentActivePlayerId = videoId;
							
							// Om starttid finns, sök till den positionen
							if (startTime > 0) {
								player.setCurrentTime(startTime).then(function() {
									player.play();
								}).catch(function(error) {
									console.warn('f-embed: Kunde inte sätta starttid för Vimeo', error);
									player.play();
								});
							} else {
								player.play();
							}
							
							// Lyssna på när videon slutar
							player.on('ended', function() {
								currentActivePlayerId = null;
							});
						},
						10000
					);
				}.bind(this));
			},
			
			loadVimeoPlayerAPI: function(callback) {
				if (window.Vimeo && window.Vimeo.Player) {
					if (callback) callback();
					return;
				}
				
				if (document.querySelector('script[src*="player.vimeo.com/api/player.js"]')) {
					waitForAPI(
						function() { return window.Vimeo && window.Vimeo.Player; },
						function() { if (callback) callback(); },
						10000
					);
					return;
				}
				
				const script = document.createElement('script');
				script.src = 'https://player.vimeo.com/api/player.js';
				script.async = true;
				script.onload = function() {
					if (callback) callback();
				};
				script.onerror = function() {
					console.error('f-embed: Kunde inte ladda Vimeo Player API');
					if (callback) callback(); // Fortsätt ändå, iframe fungerar utan API
				};
				document.head.appendChild(script);
			},
			
			stopPlayer: function(videoId) {
				if (activePlayers[videoId]) {
					try {
						activePlayers[videoId].pause();
					} catch (e) {
						console.warn('f-embed: Kunde inte stoppa Vimeo-spelare', e);
					}
				}
			},
			
			pauseAllPlayers: function() {
				Object.keys(activePlayers).forEach(id => {
					try {
						if (activePlayers[id] && typeof activePlayers[id].pause === 'function') {
							activePlayers[id].pause();
						}
					} catch (e) {
						console.warn('f-embed: Kunde inte pausa Vimeo-spelare ' + id, e);
					}
				});
			}
		};
	})();

/* Delad Facebook SDK-loading */
	(function() {
		let sdkLoaded = false;
		window.loadFacebookSDK = function() {
			if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) {
				sdkLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = script.defer = true;
			script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2';
			document.head.appendChild(script);
			sdkLoaded = true;
		};
	})();

/* Facebook-post Handler
 *
 * ALTERNATIV:
 * - data-type="fbpost" (krävs)
 * - data-id="POST_ID_OR_URL" (krävs) - Facebook post ID eller full URL
 *   ID: "123456" eller "pfbid0bn8Sq4Lodh..."
 *   URL: "https://www.facebook.com/username/posts/123456"
 * - data-username="USERNAME" (valfritt) - Facebook användarnamn/sidnamn (default: "feberse")
 *
 * EXEMPEL:
 * <f-embed data-type="fbpost" data-id="pfbid0bn8Sq4LodhpmcfNnA6sebWHw6hatinBpEgFJw3fMppBbpH6vBBqsDcb7NZkwKRJ5l"></f-embed>
 * <f-embed data-type="fbpost" data-id="123456"></f-embed>
 * <f-embed data-type="fbpost" data-id="https://www.facebook.com/feberse/posts/123456"></f-embed>
 */
/* Delad Facebook SDK-loading och parse */
	(function() {
		let sdkLoaded = false;
		window.loadFacebookSDK = function() {
			if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) {
				sdkLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = script.defer = true;
			script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2';
			document.head.appendChild(script);
			sdkLoaded = true;
		};
		
		window.parseFacebook = function() {
			if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {
				setTimeout(function() { window.FB.XFBML.parse(); }, 100);
			} else {
				waitForAPI(
					function() { return window.FB && window.FB.XFBML && window.FB.XFBML.parse; },
					function() { setTimeout(function() { window.FB.XFBML.parse(); }, 100); },
					15000
				);
			}
		};
	})();

	embedHandlers.fbpost = {
		init: function(element, type) {
			let postId = element.dataset.id;
			if (!postId) {
				console.error('f-embed: Facebook-post kräver data-id');
				return;
			}
			
			const username = element.dataset.username || 'feberse';
			let postUrl = postId;
			
			if (postId.indexOf('facebook.com') !== -1) {
				const match = postId.match(/\/posts\/([^\/\?&#]+)/);
				if (match && match[1]) {
					postId = match[1];
					postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId;
				}
			} else {
				postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId;
			}
			
			element.innerHTML = '<f-embed-' + type + '><div class="fb-post" data-href="' + postUrl + '" data-width="750" data-height="auto"></div></f-embed-' + type + '>';
			window.loadFacebookSDK();
			window.parseFacebook();
		}
	};

/* Facebook-video Handler
 * data-id: Facebook video ID eller URL
 * data-username: Facebook användarnamn (default: "feberse")
 */
	embedHandlers.fbvideo = {
		init: function(element, type) {
			let videoId = element.dataset.id;
			if (!videoId) {
				console.error('f-embed: Facebook-video kräver data-id');
				return;
			}
			
			const username = element.dataset.username || 'feberse';
			let videoUrl = videoId;
			
			if (videoId.indexOf('facebook.com') !== -1) {
				const match = videoId.match(/\/videos\/([^\/\?&#]+)/);
				if (match && match[1]) {
					videoId = match[1];
					videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/';
				}
			} else {
				videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/';
			}
			
			element.innerHTML = '<f-embed-' + type + '><div class="fb-video" data-href="' + videoUrl + '" data-width="" data-show-text="false" data-autoplay="false" data-lazy="true"></div></f-embed-' + type + '>';
			window.loadFacebookSDK();
			window.parseFacebook();
		}
	};

/* IMDb Handler
 * data-id: IMDb ID eller URL (t.ex. "tt0111161")
 */
	embedHandlers.imdb = {
		init: function(element, type) {
			let imdbId = element.dataset.id;
			if (!imdbId) {
				console.error('f-embed: IMDb kräver data-id');
				return;
			}
			
			// Om det är en URL, extrahera IMDb ID
			if (imdbId.indexOf('imdb.com') !== -1) {
				const match = imdbId.match(/\/title\/(tt\d+)/);
				if (match && match[1]) {
					imdbId = match[1];
				}
			}
			
			const embedTag = 'f-embed-' + type;
			element.innerHTML = '<' + embedTag + '><f-imdb><f-imdb-body>Laddar IMDb-data...</f-imdb-body></f-imdb></' + embedTag + '>';
			const container = element.querySelector(embedTag);
			
			// Hämta data från OMDb API
			fetch('https://www.omdbapi.com/?apikey=14b39d3f&plot=short&i=' + encodeURIComponent(imdbId))
				.then(function(response) { return response.json(); })
				.then(function(data) {
					if (data.Response === 'False') {
						container.innerHTML = '<f-imdb><f-imdb-body>Kunde inte hämta IMDb-data.</f-imdb-body></f-imdb>';
						return;
					}
					
					const imdbUrl = 'https://www.imdb.com/title/' + imdbId + '/';
					let html = '<f-imdb>';
					
					if (data.Poster && data.Poster !== 'N/A') {
						html += '<f-imdb-image><a href="' + imdbUrl + '" target="_blank" rel="noopener"><img src="' + data.Poster + '" loading="lazy" class="imdbPic" alt="Poster för ' + (data.Title || '') + '" /></a></f-imdb-image>';
					}
					
					html += '<f-imdb-headline><a href="' + imdbUrl + '" target="_blank" rel="noopener">' + (data.Title || '') + '</a></f-imdb-headline>';
					html += '<f-imdb-body class="after">';
					
					if (data.Plot && data.Plot !== 'N/A') {
						html += data.Plot + '<br />';
						html += '<a href="' + imdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />';
					}
					
					if (data.Type && data.Type !== 'N/A') {
						const typeText = data.Type === 'series' ? 'TV-serie' : data.Type === 'movie' ? 'Film' : data.Type;
						html += '<b>Typ:</b> ' + typeText + ' &nbsp;';
					}
					
					if (data.Actors && data.Actors !== 'N/A') {
						html += '<b>Skådespelare:</b> ' + data.Actors + '<br />';
					}
					
					if (data.Director && data.Director !== 'N/A') {
						html += '<b>Regissör:</b> ' + data.Director + ' &nbsp;';
					}
					
					if (data.Released && data.Released !== 'N/A') {
						html += '<b>Premiär:</b> ' + data.Released;
					}
					
					html += '</f-imdb-body>';
					html += '</f-imdb>';
					container.innerHTML = html;
				})
				.catch(function(error) {
					container.innerHTML = '<f-imdb><f-imdb-body>Fel vid hämtning av IMDb-data.</f-imdb-body></f-imdb>';
					console.error('f-embed: IMDb API-fel', error);
				});
		}
	};

/* IGDB Handler
 * data-id: IGDB game ID eller spelnamn
 * Använder Vercel-proxyn direkt (Resin är för gammal för HTTPS-anrop)
 * Cachar resultat i sessionStorage för att minska API-anrop
 */
	embedHandlers.igdb = {
		init: function(element, type) {
			let gameId = element.dataset.id;
			
			if (!gameId) {
				console.error('f-embed: IGDB kräver data-id');
				return;
			}
			
			const embedTag = 'f-embed-' + type;
			element.innerHTML = '<' + embedTag + '><f-igdb><f-igdb-body>Laddar IGDB-data...</f-igdb-body></f-igdb></' + embedTag + '>';
			const container = element.querySelector(embedTag);
			
			// Kolla cache först (cachar i 1 timme)
			const cacheKey = 'igdb_' + gameId;
			const cached = sessionStorage.getItem(cacheKey);
			if (cached) {
				try {
					const cachedData = JSON.parse(cached);
					const now = Date.now();
					// Cache är giltig i 1 timme (3600000 ms)
					if (now - cachedData.timestamp < 3600000) {
						this.renderGame(container, cachedData.data, embedTag);
						return;
					}
				} catch (e) {
					// Ignorera felaktig cache
				}
			}
			
			// Anropa Vercel-proxyn direkt (webbläsaren hanterar HTTPS utan problem)
			fetch('https://proxy.feber.se/api/igdb?gameId=' + encodeURIComponent(gameId))
				.then(function(response) {
					if (!response || !response.ok) {
						throw new Error('IGDB API-fel: ' + (response ? response.status : 'Ingen response'));
					}
					return response.json();
				})
				.then(function(data) {
					// Backend returnerar antingen {error: ...} eller {games: [...]}
					if (data.error) {
						container.innerHTML = '<f-igdb><f-igdb-body>' + (data.error || 'Kunde inte hämta IGDB-data.') + '</f-igdb-body></f-igdb>';
						return;
					}
					
					const games = data.games || [];
					if (!games || games.length === 0) {
						container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>';
						return;
					}
					
					// Cacha resultatet
					try {
						sessionStorage.setItem(cacheKey, JSON.stringify({
							timestamp: Date.now(),
							data: data
						}));
					} catch (e) {
						// Ignorera om sessionStorage är full eller inte tillgänglig
					}
					
					embedHandlers.igdb.renderGame(container, data, embedTag);
				})
				.catch(function(error) {
					container.innerHTML = '<f-igdb><f-igdb-body>Fel vid hämtning av IGDB-data.</f-igdb-body></f-igdb>';
					console.error('f-embed: IGDB API-fel', error);
				});
		},
		renderGame: function(container, data, embedTag) {
			const games = data.games || [];
			if (!games || games.length === 0) {
				container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>';
				return;
			}
			
			const game = games[0];
			const igdbUrl = 'https://www.igdb.com/games/' + (game.slug || game.id);
			let html = '<f-igdb>';
			
			// Prioritera screenshot över cover om det finns
			let imageUrl = null;
			let imageAlt = '';
			
			if (game.screenshots && game.screenshots.length > 0 && game.screenshots[0].url) {
				// Använd första screenshot om det finns
				imageUrl = game.screenshots[0].url;
				imageAlt = 'Screenshot från ' + (game.name || '');
			} else if (game.cover && game.cover.url) {
				// Fallback till cover om inga screenshots finns
				imageUrl = game.cover.url;
				imageAlt = 'Cover för ' + (game.name || '');
			}
			
			if (imageUrl) {
				// IGDB returnerar relativ URL, behöver konvertera till full URL
				if (imageUrl.startsWith('//')) {
					imageUrl = 'https:' + imageUrl;
				} else if (!imageUrl.startsWith('http')) {
					imageUrl = 'https:' + imageUrl;
				}
				
				// Använd större bild
				// För screenshots: t_thumb -> t_screenshot_big
				// För cover: t_thumb -> t_cover_big
				if (imageUrl.includes('/t_thumb/')) {
					if (game.screenshots && game.screenshots.length > 0) {
						imageUrl = imageUrl.replace('/t_thumb/', '/t_screenshot_big/');
					} else {
						imageUrl = imageUrl.replace('/t_thumb/', '/t_cover_big/');
					}
				}
				
				html += '<f-igdb-image><a href="' + igdbUrl + '" target="_blank" rel="noopener"><img src="' + imageUrl + '" loading="lazy" class="igdbPic" alt="' + imageAlt + '" /></a></f-igdb-image>';
			}
			
			html += '<f-igdb-headline><a href="' + igdbUrl + '" target="_blank" rel="noopener">' + (game.name || '') + '</a></f-igdb-headline>';
			html += '<f-igdb-body class="after">';
			
			if (game.summary) {
				html += game.summary + '<br />';
				html += '<a href="' + igdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />';
			}
			
			if (game.genres && game.genres.length > 0) {
				const genreNames = game.genres.map(function(g) { return g.name; }).join(', ');
				html += '<b>Genrer:</b> ' + genreNames + ' &nbsp;';
			}
			
			if (game.platforms && game.platforms.length > 0) {
				const platformNames = game.platforms.map(function(p) { return p.name; }).join(', ');
				html += '<b>Plattformar:</b> ' + platformNames + '<br />';
			}
			
			if (game.first_release_date) {
				const releaseDate = new Date(game.first_release_date * 1000);
				const formattedDate = releaseDate.toLocaleDateString('sv-SE', { year: 'numeric', month: 'long', day: 'numeric' });
				html += '<b>Utgivningsdatum:</b> ' + formattedDate + ' &nbsp;';
			}
			
			if (game.rating) {
				html += '<b>Betyg:</b> ' + Math.round(game.rating) + '/100';
			}
			
			html += '</f-igdb-body>';
			html += '</f-igdb>';
			container.innerHTML = html;
		}
	};

/* Instagram Handler
 * data-id: Instagram post ID eller URL
 */
	embedHandlers.instagram = (function() {
		let scriptLoaded = false;
		
		function loadInstagramScript() {
			if (scriptLoaded || document.querySelector('script[src*="instagram.com/embed.js"]')) {
				scriptLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = true;
			script.src = 'https://www.instagram.com/embed.js';
			document.head.appendChild(script);
			scriptLoaded = true;
		}
		
		return {
			init: function(element, type) {
				let postId = element.dataset.id;
				if (!postId) {
					console.error('f-embed: Instagram kräver data-id');
					return;
				}
				
				// Om det är en URL, extrahera post ID
				if (postId.indexOf('instagram.com') !== -1) {
					const match = postId.match(/\/p\/([^\/\?]+)/);
					if (match && match[1]) {
						postId = match[1];
					}
				}
				
				const instagramUrl = 'https://www.instagram.com/p/' + postId + '/';
				const blockquote = document.createElement('blockquote');
				blockquote.className = 'instagram-media';
				blockquote.setAttribute('data-instgrm-captioned', '');
				blockquote.setAttribute('data-instgrm-permalink', instagramUrl);
				blockquote.setAttribute('data-instgrm-version', '14');
				blockquote.style.cssText = 'border: 1px solid rgb(207, 217, 222) !important; border-radius: 0px !important; max-width:1000px; min-width:326px; padding:0px !important; width:100%; width:calc(100% - 2px); margin: 0 auto !important;';
				
				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
				const container = element.querySelector('f-embed-' + type);
				if (container) {
					container.appendChild(blockquote);
				}
				
				loadInstagramScript();
				if (window.instgrm && window.instgrm.Embeds) {
					window.instgrm.Embeds.process(container);
				} else {
					waitForAPI(
						function() { return window.instgrm && window.instgrm.Embeds; },
						function() { window.instgrm.Embeds.process(container); }
					);
				}
			}
		};
	})();

/* Reddit Handler
 * data-id: Reddit post URL eller ID
 */
	embedHandlers.reddit = (function() {
		let scriptLoaded = false;
		
		function loadRedditScript() {
			if (scriptLoaded || document.querySelector('script[src*="embed.redditmedia.com"]')) {
				scriptLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = true;
			script.src = 'https://embed.redditmedia.com/widgets/platform.js';
			script.charset = 'UTF-8';
			document.head.appendChild(script);
			scriptLoaded = true;
		}
		
		function normalizeRedditUrl(id) {
			if (!id) return null;
			
			// Om det redan är en fullständig URL
			if (id.indexOf('http://') === 0 || id.indexOf('https://') === 0) {
				return id;
			}
			
			// Om det är en relativ URL (börjar med /)
			if (id.indexOf('/') === 0) {
				return 'https://www.reddit.com' + id;
			}
			
			// Om det bara är ett ID (bara alfanumeriska tecken), konstruera en URL
			// OBS: Detta är inte alltid korrekt, men för bakåtkompatibilitet
			if (/^[a-zA-Z0-9_]+$/.test(id)) {
				return 'https://www.reddit.com/r/all/comments/' + id + '/';
			}
			
			return null;
		}
		
		return {
			init: function(element, type) {
				const redditId = element.dataset.id;
				if (!redditId) {
					console.error('f-embed: Reddit kräver data-id');
					return;
				}
				
				const redditUrl = normalizeRedditUrl(redditId);
				if (!redditUrl) {
					console.error('f-embed: Reddit kunde inte normalisera URL:', redditId);
					return;
				}
				
				const redditUrlWithParams = redditUrl + (redditUrl.indexOf('?') === -1 ? '?' : '&') + 'ref=share&ref_source=embed';
				element.innerHTML = '<f-embed-' + type + '><blockquote class="reddit-card"><a href="' + redditUrlWithParams + '">Innehåll från Reddit laddas</a></blockquote></f-embed-' + type + '>';
				
				// Ladda Reddit script - det kommer automatiskt processa alla .reddit-card element när det laddas
				loadRedditScript();
			}
		};
	})();

/* Spotify Handler
 * data-id: Spotify URI eller URL (t.ex. "spotify:track:..." eller "https://open.spotify.com/track/...")
 */
	embedHandlers.spotify = {
		init: function(element, type) {
			const spotifyId = element.dataset.id;
			if (!spotifyId) {
				console.error('f-embed: Spotify kräver data-id');
				return;
			}
			
			let embedUrl, height = '80';
			
			if (spotifyId.indexOf('spotify:') === 0) {
				embedUrl = 'https://embed.spotify.com/?uri=' + encodeURIComponent(spotifyId);
			} else {
				let url = spotifyId;
				if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {
					url = 'https://open.spotify.com' + (url.indexOf('/') === 0 ? '' : '/') + url;
				}
				
				if (url.indexOf('/episode/') !== -1 || url.indexOf('/show/') !== -1) {
					embedUrl = url.replace('/episode/', '/embed-podcast/episode/').replace('/show/', '/embed-podcast/show/');
					height = '282';
				} else if (url.indexOf('/track/') !== -1) {
					embedUrl = url.replace('/track/', '/embed/track/');
				} else if (url.indexOf('/album/') !== -1 || url.indexOf('/playlist/') !== -1) {
					embedUrl = url.replace('/album/', '/embed/album/').replace('/playlist/', '/embed/playlist/');
					height = '380';
				} else {
					console.error('f-embed: Spotify URL-format känns inte igen:', spotifyId);
					return;
				}
			}
			
			const iframe = document.createElement('iframe');
			iframe.src = embedUrl;
			iframe.width = '100%';
			iframe.height = height;
			iframe.frameBorder = '0';
			iframe.allowTransparency = 'true';
			iframe.allow = 'encrypted-media';
			iframe.style.border = 'none';
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (container) container.appendChild(iframe);
		}
	};

/* Soundcloud Handler
 * data-id: Soundcloud track URL eller track ID
 */
	embedHandlers.soundcloud = {
		init: function(element, type) {
			const soundcloudId = element.dataset.id;
			if (!soundcloudId) {
				console.error('f-embed: Soundcloud kräver data-id');
				return;
			}
			
			let embedUrl;
			if (soundcloudId.indexOf('soundcloud.com') !== -1 || soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0) {
				const url = soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0 ? soundcloudId : 'https://' + soundcloudId;
				embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent(url);
			} else {
				embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent('http://api.soundcloud.com/tracks/' + soundcloudId);
			}
			
			const iframe = document.createElement('iframe');
			iframe.src = embedUrl;
			iframe.width = '100%';
			iframe.height = '166';
			iframe.scrolling = 'no';
			iframe.frameBorder = 'no';
			iframe.style.border = 'none';
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (container) container.appendChild(iframe);
		}
	};

/* Apple Music Handler
 * data-id: Apple Music URL (playlist/album/track)
 * data-country: Landskod (default: "se")
 */
	embedHandlers.applemusic = {
		init: function(element, type) {
			const appleMusicId = element.dataset.id;
			if (!appleMusicId) {
				console.error('f-embed: Apple Music kräver data-id');
				return;
			}
			
			let url = appleMusicId;
			let country = element.dataset.country || 'se';
			if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {
				url = 'https://music.apple.com/' + country + '/' + url;
			}
			const countryMatch = url.match(/music\.apple\.com\/([^\/]+)\//);
			if (countryMatch && countryMatch[1]) country = countryMatch[1];
			
			let embedUrl, height = '450';
			if (url.indexOf('/playlist/') !== -1) {
				const match = url.match(/\/playlist\/[^\/]+\/(pl\.[^\/\?&#]+)/);
				if (!match || !match[1]) {
					console.error('f-embed: Apple Music playlist URL-format känns inte igen:', appleMusicId);
					return;
				}
				embedUrl = 'https://embed.music.apple.com/' + country + '/playlist/' + match[1];
			} else if (url.indexOf('/album/') !== -1) {
				const match = url.match(/\/album\/[^\/]+\/(\d+)(\?i=(\d+))?/);
				if (!match || !match[1]) {
					console.error('f-embed: Apple Music album/track URL-format känns inte igen:', appleMusicId);
					return;
				}
				embedUrl = 'https://embed.music.apple.com/' + country + '/album/' + match[1];
				if (match[3]) {
					embedUrl += '?i=' + match[3];
					height = '150';
				}
			} else {
				console.error('f-embed: Apple Music URL-format känns inte igen:', appleMusicId);
				return;
			}
			
			const iframe = document.createElement('iframe');
			iframe.src = embedUrl;
			iframe.width = '100%';
			iframe.height = height;
			iframe.frameBorder = '0';
			iframe.allow = 'autoplay *; encrypted-media *;';
			iframe.setAttribute('sandbox', 'allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation');
			iframe.style.cssText = 'width:100%;overflow:hidden;background:transparent;border:none;';
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (container) container.appendChild(iframe);
		}
	};

/* Kickstarter Handler
 * data-id: Kickstarter projekt URL
 */
	embedHandlers.kickstarter = {
		init: function(element, type) {
			const kickstarterId = element.dataset.id;
			if (!kickstarterId) {
				console.error('f-embed: Kickstarter kräver data-id');
				return;
			}
			
			let embedUrl;
			if (kickstarterId.indexOf('kickstarter.com/projects/') !== -1) {
				embedUrl = kickstarterId.replace(/\/$/, '') + '/widget/video.html';
			} else if (kickstarterId.indexOf('http://') !== 0 && kickstarterId.indexOf('https://') !== 0) {
				embedUrl = 'https://www.kickstarter.com/projects/' + kickstarterId + '/widget/video.html';
			} else {
				console.error('f-embed: Kickstarter URL-format känns inte igen:', kickstarterId);
				return;
			}
			
			const iframe = document.createElement('iframe');
			iframe.src = embedUrl;
			iframe.width = '100%';
			iframe.height = '270';
			iframe.frameBorder = '0';
			iframe.scrolling = 'no';
			iframe.style.border = 'none';
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (container) container.appendChild(iframe);
		}
	};

/* Threads Handler
 * data-id: Threads post ID eller URL
 */
	embedHandlers.threads = {
		init: function(element, type) {
			const threadId = element.dataset.id;
			if (!threadId) {
				console.error('f-embed: Threads kräver data-id');
				return;
			}
			
			let postId = threadId;
			if (threadId.indexOf('threads.net/t/') !== -1) {
				const match = threadId.match(/threads\.net\/t\/([^\/\?]+)/);
				if (match && match[1]) postId = match[1];
			} else if (threadId.indexOf('threads.com/') !== -1) {
				const match = threadId.match(/\/(?:t|post)\/([^\/\?]+)/);
				if (match && match[1]) postId = match[1];
			}
			
		const iframe = document.createElement('iframe');
		iframe.src = 'https://www.threads.net/t/' + postId + '/embed/';
		iframe.width = '100%';
		iframe.height = '600'; // Initial höjd
		iframe.frameBorder = '0';
		iframe.scrolling = 'no';
		iframe.allowTransparency = 'true';
		iframe.allowFullscreen = 'true';
		iframe.style.cssText = 'background: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 16px; max-width: 980px; margin: 1px; min-width: 326px; padding: 0; width: calc(100% - 2px); height: 600px;';
		iframe.dataset.threadsPostId = postId; // För att identifiera senare
		iframe.id = 'threads-iframe-' + postId; // Unikt ID för att matcha meddelanden
		
		// Fallback: Försök uppdatera höjden efter att iframe laddats
		iframe.onload = function() {
			// Vänta lite för att innehållet ska laddas
			setTimeout(function() {
				try {
					// Försök läsa höjden från iframe:ens innehåll (fungerar bara om samma origin)
					// Annars vänta på resize-meddelanden
					const checkHeight = function() {
						// Threads skickar vanligtvis meddelanden, men om de inte gör det
						// kan vi försöka uppskatta höjden baserat på iframe:ens storlek
						// Eftersom vi inte kan komma åt innehållet (cross-origin), 
						// förlitar vi oss på resize-meddelanden
					};
					
					// Kontrollera höjden efter 2 sekunder
					setTimeout(checkHeight, 2000);
				} catch (e) {
					// Cross-origin, kan inte läsa höjd direkt
					// Förlitar oss på resize-meddelanden
				}
			}, 500);
		};
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (container) container.appendChild(iframe);
		}
	};

	// Lyssna på resize-meddelanden från Threads iframes
	(function() {
		let threadsListenerAdded = false;
		
		function handleThreadsResize(event) {
			// Säkerhetskontroll: bara från Threads
			if (event.origin !== 'https://www.threads.net' && event.origin !== 'https://threads.net') {
				return;
			}
			
			let height = null;
			
			// Threads skickar olika typer av meddelanden
			// Försök först med objekt
			if (event.data && typeof event.data === 'object') {
				height = event.data.height || event.data.frameHeight || event.data.scrollHeight || event.data.size;
			}
			// Om det är en sträng, försök parsa som JSON
			else if (typeof event.data === 'string') {
				try {
					const data = JSON.parse(event.data);
					height = data.height || data.frameHeight || data.scrollHeight || data.size;
				} catch (e) {
					// Inte JSON, hoppa över
				}
			}
			// Om det är ett nummer direkt
			else if (typeof event.data === 'number') {
				height = event.data;
			}
			
			if (height && typeof height === 'number' && height > 0) {
				// Hitta alla Threads iframes
				const iframes = document.querySelectorAll('iframe[src*="threads.net"]');
				iframes.forEach(iframe => {
					// Uppdatera höjden
					iframe.style.height = height + 'px';
					iframe.height = height;
				});
			}
		}
		
		// Lägg bara till listener en gång
		if (!threadsListenerAdded) {
			window.addEventListener('message', handleThreadsResize, false);
			threadsListenerAdded = true;
		}
	})();

/* Bsky (Bluesky) Handler
 * data-id: Bsky post URL (t.ex. https://bsky.app/profile/USERNAME/post/POSTID)
 */
	embedHandlers.bsky = (function() {
		let scriptLoaded = false;
		let scriptLoading = false;
		
		function loadBskyScript(callback) {
			// Om scriptet redan finns i DOM, anropa callback direkt
			const existingScript = document.querySelector('script[src*="embed.bsky.app"]');
			if (existingScript && scriptLoaded) {
				if (callback) callback();
				return;
			}
			
			// Om scriptet redan laddas, vänta på det
			if (scriptLoading) {
				if (callback) {
					const checkInterval = setInterval(function() {
						if (scriptLoaded) {
							clearInterval(checkInterval);
							callback();
						}
					}, 100);
					setTimeout(function() { clearInterval(checkInterval); }, 5000);
				}
				return;
			}
			
			// Ladda scriptet
			scriptLoading = true;
			const script = document.createElement('script');
			script.async = true;
			script.charset = 'utf-8';
			script.src = 'https://embed.bsky.app/static/embed.js';
			
			script.onload = function() {
				scriptLoaded = true;
				scriptLoading = false;
				if (callback) callback();
			};
			
			script.onerror = function() {
				scriptLoading = false;
				console.error('f-embed: Kunde inte ladda Bsky embed-script');
			};
			
			document.head.appendChild(script);
		}
		
		return {
			init: function(element, type) {
				const bskyId = element.dataset.id;
				if (!bskyId) {
					console.error('f-embed: Bsky kräver data-id');
					return;
				}
				
				// Normalisera URL
				let postUrl = bskyId;
				if (postUrl.indexOf('http') !== 0) {
					// Om det inte är en fullständig URL, försök konstruera en
					if (postUrl.indexOf('bsky.app') === -1 && postUrl.indexOf('bsky.social') === -1) {
						postUrl = 'https://bsky.app/profile/' + postUrl;
					} else {
						postUrl = 'https://' + postUrl;
					}
				}
				
				// Konvertera URL till URI-format: at://did:plc:.../app.bsky.feed.post/...
				// URL-format: https://bsky.app/profile/did:plc:.../post/...
				// URI-format: at://did:plc:.../app.bsky.feed.post/...
				let bskyUri = null;
				const urlMatch = postUrl.match(/\/profile\/([^\/]+)\/post\/([^\/\?]+)/);
				if (urlMatch && urlMatch[1] && urlMatch[2]) {
					// Konstruera URI-formatet
					bskyUri = 'at://' + urlMatch[1] + '/app.bsky.feed.post/' + urlMatch[2];
				} else {
					// Om URL:en redan är i URI-format, använd den direkt
					if (postUrl.indexOf('at://') === 0) {
						bskyUri = postUrl;
					} else {
						console.error('f-embed: Kunde inte konvertera Bsky URL till URI-format');
						return;
					}
				}
				
				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
				const container = element.querySelector('f-embed-' + type);
				if (!container) return;
				
				// Skapa embed-element med rätt attribut
				// Elementet kan vara vad som helst (f-embed-bsky i vårt fall)
				container.className = 'bluesky-embed';
				container.setAttribute('data-bluesky-uri', bskyUri);
				container.setAttribute('data-bluesky-embed-color-mode', 'system');
				
				// Ladda Bsky embed-script
				loadBskyScript();
			}
		};
	})();

/* TikTok Handler
 * data-id: TikTok video ID eller URL
 */
	embedHandlers.tiktok = (function() {
		let scriptLoaded = false;
		
		function loadTikTokScript() {
			if (scriptLoaded || document.querySelector('script[src*="tiktok.com/embed.js"]')) {
				scriptLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = true;
			script.src = 'https://www.tiktok.com/embed.js';
			document.head.appendChild(script);
			scriptLoaded = true;
		}
		
		return {
			init: function(element, type) {
				const tiktokId = element.dataset.id;
				if (!tiktokId) {
					console.error('f-embed: TikTok kräver data-id');
					return;
				}
				
				let videoId = tiktokId;
				if (!/^\d+$/.test(videoId)) {
					const match = videoId.match(/\/video\/(\d+)/);
					if (match && match[1]) videoId = match[1];
				}
				
				const blockquote = document.createElement('blockquote');
				blockquote.className = 'tiktok-embed';
				blockquote.setAttribute('data-video-id', videoId);
				blockquote.style.cssText = 'max-width: 980px; min-width: 325px;';
				blockquote.appendChild(document.createElement('section'));
				
				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
				const container = element.querySelector('f-embed-' + type);
				if (container) container.appendChild(blockquote);
				loadTikTokScript();
			}
		};
	})();

/* TradingView Stock Handler
 * data-id: TradingView symbol (t.ex. "NASDAQ:AAPL")
 * data-range: Datumomfång (default: "12M") - giltiga: "1D", "1M", "3M", "12M", "60M", "ALL"
 * data-chartonly: "true"/"false" (default: "false") - visa bara chart utan info
 * data-locale: Språk (default: "en")
 */
	embedHandlers.stock = {
		init: function(element, type) {
			const symbolId = element.dataset.id;
			if (!symbolId) {
				console.error('f-embed: Stock kräver data-id');
				return;
			}
			
			const embedTag = 'f-embed-' + type;
			const dateRange = element.dataset.range || '1M';
			const chartOnly = element.dataset.chartonly === 'true';
			const locale = element.dataset.locale || 'en';
			
			// Hämta darkmode-status
			const darkmode = localStorage.getItem('darkmode');
			const colorTheme = darkmode === 'on' ? 'dark' : 'light';
			
			// Skapa container-struktur
			const containerDiv = document.createElement('div');
			containerDiv.className = 'tradingview-widget-container';
			
			const widgetDiv = document.createElement('div');
			widgetDiv.className = 'tradingview-widget-container__widget';
			containerDiv.appendChild(widgetDiv);
			
			const copyrightDiv = document.createElement('div');
			copyrightDiv.className = 'tradingview-widget-copyright';
			const link = document.createElement('a');
			link.href = 'https://www.tradingview.com/symbols/' + symbolId.replace(':', '-') + '/';
			link.rel = 'noopener nofollow';
			link.target = '_blank';
			link.innerHTML = '<span class="blue-text">' + (symbolId.split(':')[1] || symbolId) + ' stock price</span>';
			copyrightDiv.appendChild(link);
			const trademarkSpan = document.createElement('span');
			trademarkSpan.className = 'trademark';
			trademarkSpan.textContent = ' by TradingView';
			copyrightDiv.appendChild(trademarkSpan);
			containerDiv.appendChild(copyrightDiv);
			
			// Skapa script-tagg med konfiguration
			const script = document.createElement('script');
			script.type = 'text/javascript';
			script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js';
			script.async = true;
			
			script.textContent = JSON.stringify({
				symbol: symbolId,
				chartOnly: chartOnly,
				dateRange: dateRange,
				noTimeScale: false,
				colorTheme: colorTheme,
				isTransparent: false,
				locale: locale,
				width: '100%',
				autosize: true,
				height: '100%'
			});
			containerDiv.appendChild(script);
			
			element.innerHTML = '<' + embedTag + '></' + embedTag + '>';
			const container = element.querySelector(embedTag);
			if (container) container.appendChild(containerDiv);
		}
	};

/* Wikipedia Handler
 * data-id: Wikipedia artikelnamn eller URL
 * data-lang: Språk (default: "sv")
 */
	embedHandlers.wiki = {
		init: function(element, type) {
			let articleTitle = element.dataset.id;
			if (!articleTitle) {
				console.error('f-embed: Wikipedia kräver data-id');
				return;
			}
			
			// Om det är en URL, extrahera artikelnamn
			if (articleTitle.indexOf('wikipedia.org') !== -1) {
				const match = articleTitle.match(/\/wiki\/(.+?)(?:\?|#|$)/);
				if (match && match[1]) {
					articleTitle = decodeURIComponent(match[1]);
				}
			}
			
			const lang = element.dataset.lang || 'sv';
			const articleTitleFixed = articleTitle.replace(/ /g, '_');
			const articleTitleCleaned = articleTitleFixed.replace(/[()]/g, '');
			
			element.innerHTML = '<f-embed-' + type + '><f-wiki><f-wiki-body>Laddar Wikipedia-data...</f-wiki-body></f-wiki></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			
			// Hämta data från Wikipedia REST API
			// Wikipedia API accepterar URL-encodade titlar med parenteser
			const wikiApiUrl = 'https://' + lang + '.wikipedia.org/api/rest_v1/page/summary/' + encodeURIComponent(articleTitleFixed);
			
			fetch(wikiApiUrl)
				.then(function(response) {
					if (!response.ok) {
						throw new Error('Wikipedia API fel: ' + response.status);
					}
					return response.json();
				})
				.then(function(data) {
					if (data.type === 'disambiguation') {
						container.innerHTML = '<f-wiki><f-wiki-body>Artikeln är en förgreningssida.</f-wiki-body></f-wiki>';
						return;
					}
					
					// För visnings-URL:en kan vi använda artikelnamnet direkt
					// Wikipedia hanterar parenteser och understreck direkt i URL:er
					const wikiUrl = 'https://' + lang + '.wikipedia.org/wiki/' + articleTitleFixed;
					let html = '<f-wiki>';
					
					const imageSource = data.thumbnail && data.thumbnail.source
						? data.thumbnail.source
						: (data.originalimage && data.originalimage.source ? data.originalimage.source : null);
					if (imageSource) {
						html += '<f-wiki-image><a href="' + wikiUrl + '" target="_blank" rel="noopener"><img src="' + imageSource + '" loading="lazy" class="wikiPic" alt="Bild till wikiartikel om ' + (data.title || '') + '" /></a></f-wiki-image>';
					}
					
					html += '<f-wiki-headline><a href="' + wikiUrl + '" target="_blank" rel="noopener">' + (data.title || articleTitle) + '</a></f-wiki-headline>';
					html += '<f-wiki-body class="after">';
					
					if (data.extract) {
						html += '<span id="wikiExtract' + articleTitleCleaned + '">' + data.extract + '</span> ';
						html += '<a href="' + wikiUrl + '" target="_blank">Läs mer</a>';
					}
					
					html += '</f-wiki-body>';
					html += '</f-wiki>';
					
					container.innerHTML = html;
					
					// Använd $clamp om den finns för att begränsa texten
					if (window.$clamp) {
						const extractElement = document.querySelector('#wikiExtract' + articleTitleCleaned);
						if (extractElement) {
							try {
								window.$clamp(extractElement, {clamp: 4, useNativeClamp: true, animate: false});
							} catch (e) {
								// Ignorera clamp-fel
							}
						}
					}
				})
				.catch(function(error) {
					container.innerHTML = '<f-wiki><f-wiki-body>Fel vid hämtning av Wikipedia-data.</f-wiki-body></f-wiki>';
					console.error('f-embed: Wikipedia API-fel', error);
				});
		}
	};

/* Giphy Handler
 *
 * ALTERNATIV:
 * - data-type="giphy" (krävs)
 * - data-id="GIF_ID" (krävs) - Giphy GIF ID eller URL (t.ex. "xT9IgG50Fb7Mi8prV6" eller "https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6")
 *
 * EXEMPEL:
 * <f-embed data-type="giphy" data-id="xT9IgG50Fb7Mi8prV6"></f-embed>
 * <f-embed data-type="giphy" data-id="https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6"></f-embed>
 */
	embedHandlers.giphy = {
		init: function(element, type) {
			let gifId = element.dataset.id;
			if (!gifId) {
				console.error('f-embed: Giphy kräver data-id');
				return;
			}
			
			// Om det är en URL, extrahera GIF ID
			if (gifId.indexOf('giphy.com') !== -1 || gifId.indexOf('gph.is') !== -1) {
				// Olika Giphy URL-format:
				// https://giphy.com/embed/QBd2kLB5qDmysEXre9
				// https://giphy.com/gifs/time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9
				// https://giphy.com/gifs/cat-xT9IgG50Fb7Mi8prV6
				// https://i.giphy.com/xT9IgG50Fb7Mi8prV6.gif
				// https://media.giphy.com/media/xT9IgG50Fb7Mi8prV6/giphy.gif
				// https://gph.is/xT9IgG50Fb7Mi8prV6
				
				// Ta bort query-parametrar och hash
				const urlParts = gifId.split('?')[0].split('#')[0];
				
				// Ta sista delen av URL:en
				const parts = urlParts.split('/');
				let lastPart = parts[parts.length - 1];
				
				// Ta bort .gif om det finns
				lastPart = lastPart.replace(/\.gif$/, '');
				
				// Om sista delen innehåller bindestreck, ta sista segmentet efter sista bindestrecket
				// Detta hanterar format som: time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9
				if (lastPart.indexOf('-') !== -1) {
					const segments = lastPart.split('-');
					const lastSegment = segments[segments.length - 1];
					// Kontrollera om sista segmentet ser ut som ett giltigt GIF ID (minst 10 tecken alfanumeriskt)
					if (/^[a-zA-Z0-9]{10,}$/.test(lastSegment)) {
						gifId = lastSegment;
					} else {
						// Om sista segmentet inte är ett giltigt ID, försök med hela sista delen
						if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) {
							gifId = lastPart;
						} else {
							gifId = null;
						}
					}
				} else {
					// Om det inte finns bindestreck, använd hela sista delen om det är ett giltigt ID
					if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) {
						gifId = lastPart;
					} else {
						gifId = null;
					}
				}
			}
			
			// Validera att gifId ser ut som ett giltigt Giphy ID
			// Giphy GIF IDs är vanligtvis alfanumeriska och minst 10 tecken långa
			if (!gifId || !/^[a-zA-Z0-9]+$/.test(gifId) || gifId.length < 10) {
				console.error('f-embed: Giphy kräver ett giltigt GIF ID (minst 10 tecken). Fick:', gifId);
				element.innerHTML = '<f-embed-giphy><f-giphy><f-giphy-error>Ogiltigt Giphy ID. Ange ett giltigt Giphy GIF ID eller URL.</f-giphy-error></f-giphy></f-embed-giphy>';
				return;
			}
			
			const embedTag = 'f-embed-' + type;
			element.innerHTML = '<' + embedTag + '><f-giphy>Laddar Giphy...</f-giphy></' + embedTag + '>';
			const container = element.querySelector(embedTag);
			
			// Giphy API-nyckel
			const apiKey = 'bGo2mwbD8RslEJvGB9qmYNjtS7ypRIAh';
			const apiUrl = 'https://api.giphy.com/v1/gifs/' + encodeURIComponent(gifId) + '?api_key=' + encodeURIComponent(apiKey);
			
			// Debug: logga vad vi skickar (ta bort i produktion om önskat)
			console.debug('f-embed: Giphy API-anrop', { gifId: gifId, apiUrl: apiUrl });
			
			fetch(apiUrl)
				.then(function(response) {
					if (!response.ok) {
						// Försök hämta felmeddelandet från API:et
						return response.json().then(function(errorData) {
							const errorMsg = errorData.meta?.msg || errorData.message || 'Okänt fel';
							throw new Error('Giphy API fel: ' + response.status + ' - ' + errorMsg);
						}).catch(function() {
							throw new Error('Giphy API fel: ' + response.status);
						});
					}
					return response.json();
				})
				.then(function(data) {
					if (!data.data || !data.data.images) {
						throw new Error('Giphy API returnerade inga data');
					}
					
					const gif = data.data;
					const giphyUrl = 'https://giphy.com/gifs/' + gifId;
					
					// Använd original eller downsized_medium för bästa kvalitet
					let gifUrl = gif.images.original?.url || 
								gif.images.downsized_medium?.url || 
								gif.images.downsized?.url || 
								gif.images.fixed_height?.url;
					
					if (!gifUrl) {
						throw new Error('Kunde inte hitta GIF-URL');
					}
					
					// Hämta titel och användarnamn om det finns
					const title = gif.title || '';
					const username = gif.username || '';
					
					let html = '<f-giphy>';
					
					// GIF-bild med overlay för attribution
					html += '<f-giphy-image>';
					html += '<a href="' + giphyUrl + '" target="_blank" rel="noopener">';
					html += '<img src="' + gifUrl + '" alt="' + (title || 'GIF från Giphy') + '" loading="lazy" />';
					html += '</a>';
					html += '<f-giphy-overlay>';
					// Attribution (krävs enligt Giphy's Terms of Service)
					html += '<f-giphy-overlay-attribution><a href="' + giphyUrl + '" target="_blank" rel="noopener">via GIPHY</a></f-giphy-overlay-attribution>';
					html += '</f-giphy-overlay>';
					html += '</f-giphy-image>';
					
					html += '</f-giphy>';
					container.innerHTML = html;
				})
				.catch(function(error) {
					container.innerHTML = '<f-giphy><f-giphy-error>Kunde inte ladda Giphy.</f-giphy-error></f-giphy>';
					console.error('f-embed: Giphy API-fel', error);
				});
		}
	};

/* Delad Twitter script-loading och utilities */
	(function() {
		let twitterScriptLoaded = false;
		
		window.loadTwitterScript = function() {
			if (twitterScriptLoaded || document.querySelector('script[src*="platform.twitter.com/widgets.js"]')) {
				twitterScriptLoaded = true;
				return;
			}
			const script = document.createElement('script');
			script.async = true;
			script.src = 'https://platform.twitter.com/widgets.js';
			script.charset = 'utf-8';
			document.head.appendChild(script);
			twitterScriptLoaded = true;
		};
		
	})();

/* Twitter Handler
 * data-id: Twitter/X tweet ID eller URL
 */
	embedHandlers.twitter = {
		init: function(element, type) {
			const twitterId = element.dataset.id;
			if (!twitterId) {
				console.error('f-embed: Twitter kräver data-id');
				return;
			}
			
			let tweetId = twitterId;
			if (!/^\d+$/.test(tweetId)) {
				const match = twitterId.match(/\/(status|tweet)\/(\d+)/);
				if (match && match[2]) tweetId = match[2];
			}
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
			if (!container) return;
			
			window.loadTwitterScript();
				
				// Vänta på att Twitter widgets API är laddat
				waitForAPI(
					function() { return window.twttr && window.twttr.widgets; },
					function() {
						// Hämta darkmode-status om det finns
						const darkmode = localStorage.getItem('darkmode');
						const darkmodetheme = darkmode === 'on' ? 'dark' : 'light';
						
						window.twttr.widgets.createTweet(tweetId, container, {
							conversation: 'all',
							cards: 'visible',
							align: 'center',
							lang: 'sv',
							dnt: true,
							theme: darkmodetheme
						}).catch(function(error) {
							console.error('f-embed: Twitter embed-fel', error);
							container.innerHTML = '<f-twitter-error>Kunde inte ladda tweet.</f-twitter-error>';
						});
					},
					10000
				);
		}
	};

/* Twitter Video Handler (xvideo)
 * data-id: Twitter/X tweet ID eller URL
 */
	embedHandlers.xvideo = {
		init: function(element, type) {
			const twitterId = element.dataset.id;
			if (!twitterId) {
				console.error('f-embed: Twitter-video kräver data-id');
				return;
			}
			
			let tweetId = twitterId;
			if (!/^\d+$/.test(tweetId)) {
				const match = twitterId.match(/\/(status|tweet)\/(\d+)/);
				if (match && match[2]) tweetId = match[2];
			}
			
			const blockquote = document.createElement('blockquote');
			blockquote.className = 'twitter-tweet';
			blockquote.setAttribute('data-media-max-width', '980');
			blockquote.setAttribute('data-lang', 'sv');
			blockquote.setAttribute('data-dnt', 'true');
			
			const p = document.createElement('p');
			p.setAttribute('lang', 'en');
			p.setAttribute('dir', 'ltr');
			blockquote.appendChild(p);
			
			const link = document.createElement('a');
			link.href = 'https://twitter.com/feberse/status/' + tweetId;
			blockquote.appendChild(link);
			
			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
			const container = element.querySelector('f-embed-' + type);
				if (container) {
					container.appendChild(blockquote);
				}
				
			window.loadTwitterScript();
			
			// Twitter widgets.js processar automatiskt .twitter-tweet element
			waitForAPI(
				function() { return document.querySelector('script[src*="platform.twitter.com/widgets.js"]'); },
				function() {
					// Twitter processar automatiskt när scriptet är laddat
					if (window.twttr && window.twttr.widgets) {
						window.twttr.widgets.load(container);
					}
				},
				10000
			);
		}
	};
	
/* Veckans Pryl Handler
 *
 * ALTERNATIV:
 * - data-type="veckanspryl" (krävs)
 * - data-id="ARTICLE_ID" (krävs) - Artikel-ID för prylen (t.ex. "488869")
 *
 * EXEMPEL:
 * <f-embed data-type="veckanspryl" data-id="488869"></f-embed>
 *
 * Hämtar HTML från /snippets/veckans_pryl.jsp och infogar i elementet.
 * Stödjer även äldre formatet: <f-veckanspryl-embed data-id="488869">
 */
	embedHandlers.veckanspryl = {
		init: function(element, type) {
			const id = element.dataset.id;
			if (!id) {
				console.error('f-embed: Veckanspryl kräver data-id');
				return;
			}

			fetch('/snippets/veckans_pryl.jsp?id=' + encodeURIComponent(id))
				.then(function(res) {
					if (!res.ok) throw new Error('Kunde inte hämta data för ID ' + id);
					return res.text();
				})
				.then(function(html) {
					element.innerHTML = '<f-embed-' + type + '>' + html + '</f-embed-' + type + '>';
				})
				.catch(function(error) {
					console.error('f-embed: Veckanspryl-fel', error);
				});
		}
	};

/* Initiera alla f-embed */
	function initAll() {
		document.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed);

		/* Bakåtkompatibilitet: konvertera gamla <f-veckanspryl-embed data-id="X"> till f-embed */
		document.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) {
			var id = old.getAttribute('data-id');
			if (!id) return;
			old.dataset.initialized = 'true';
			embedHandlers.veckanspryl.init(old, 'veckanspryl');
		});
	}
	
/* MutationObserver för dynamiska embeds */
	function setupObserver() {
		if (!window.MutationObserver) return;

		function handleNode(node) {
			if (node.nodeType !== 1) return;
			var tag = node.tagName.toLowerCase();

			if (tag === 'f-embed') {
				initEmbed(node);
			} else if (tag === 'f-veckanspryl-embed' && node.dataset.initialized !== 'true') {
				node.dataset.initialized = 'true';
				embedHandlers.veckanspryl.init(node, 'veckanspryl');
			}

			if (node.querySelectorAll) {
				node.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed);
				node.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) {
					old.dataset.initialized = 'true';
					embedHandlers.veckanspryl.init(old, 'veckanspryl');
				});
			}
		}

		const observer = new MutationObserver(function(mutations) {
			mutations.forEach(function(mutation) {
				mutation.addedNodes.forEach(handleNode);
			});
		});

		observer.observe(document.body, { childList: true, subtree: true });
	}
	
	// Starta
	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', function() {
			initAll();
			setupObserver();
		});
	} else {
		initAll();
		setupObserver();
	}
	
	// Public API
	window.fEmbed = {
		init: initEmbed,
		initAll: initAll,
		registerHandler: function(type, handler) {
			if (handler && typeof handler.init === 'function') {
				embedHandlers[type.toLowerCase()] = handler;
			}
		},
		handlers: embedHandlers
	};
	
})();
</script>

		
	
	

<style>
	/* f-embed - generell container */
	f-embed {
		display: block;
		margin: var(--f-article-padding);
		width: calc(100% - var(--f-article-padding) - var(--f-article-padding));
	}

	f-article-media f-embed, f-flide f-embed { width: 100%; margin: 0; }

	f-article-body f-embed { display: block; margin: 0 auto; width: 100%; margin: 0; }

	f-article-media-above f-embed { margin: 0; width: 100%; }
	
	/* f-embed[data-type="youtube"] med direkt img-barn (för crawlers innan JavaScript kör) */
	f-embed[data-type="youtube"] > img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
		object-fit: cover;
		background-color: #000;
	}
	
	/* f-embed-youtube - specifik typ */
	f-embed-youtube {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
		overflow: hidden;
		background-color: #000;
	}
	
	/* Tumnagel */
	f-embed-youtube-thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	f-embed-youtube-thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	/* Play-knapp */
	f-embed-youtube-playbutton {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		width: 71px;
		height: 50px;
		cursor: pointer;
		transition: transform 0.2s ease;
	}
	
	f-embed-youtube-playbutton:hover {
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	f-embed-youtube-playbutton svg {
		width: 100%;
		height: 100%;
	}
	
	/* Iframe-container */
	f-embed-youtube-iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	f-embed-youtube-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	/* f-embed[data-type="bunny"] - Bunny Stream autoplay */
	f-embed[data-type="bunny"] {
		display: block;
	}

	/* f-embed[data-type="vimeo"] med direkt img-barn (för crawlers innan JavaScript kör) */
	f-embed[data-type="vimeo"] > img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
		object-fit: cover;
		background-color: #000;
	}
	
	/* f-embed-vimeo - specifik typ */
	f-embed-vimeo {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
		overflow: hidden;
		background-color: #000;
	}
	
	/* Tumnagel */
	f-embed-vimeo-thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	f-embed-vimeo-thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	/* Play-knapp */
	f-embed-vimeo-playbutton {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		width: 80px;
		height: 80px;
		cursor: pointer;
		transition: transform 0.2s ease;
	}
	
	f-embed-vimeo-playbutton:hover {
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	f-embed-vimeo-playbutton svg {
		width: 100%;
		height: 100%;
	}
	
	/* Iframe-container */
	f-embed-vimeo-iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	f-embed-vimeo-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	/* f-embed-fbpost - Facebook-post */
	f-embed-fbpost {
		display: block; margin: 0 auto;
	}
	
	@media only screen and (min-width: 780px) {
		f-embed-fbpost {
			display: block;
			max-width: 750px;
		}
	}
	
	/* f-embed-fbvideo - Facebook-video */
	f-embed-fbvideo {
		display: block; margin: 0 auto; overflow: hidden; max-width: 550px;
	}
	
	/* f-embed-instagram - Instagram */
	f-embed-instagram {
		display: block;
		margin: 0 auto;
		overflow: hidden;
		max-width: 550px;
	}
	
	f-embed-instagram blockquote.instagram-media {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	/* f-embed-reddit - Reddit */
	f-embed-reddit {
		display: block;
		margin: 0 auto;
		max-width: 750px;
		overflow: hidden;
	}
	
	f-embed-reddit blockquote.reddit-card {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	/* f-embed-spotify - Spotify */
	f-embed-spotify {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-spotify iframe {
		width: 100%;
		border: none;
	}

	/* f-embed-soundcloud - Soundcloud */
	f-embed-soundcloud {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-soundcloud iframe {  
		width: 100%;
		border: none;
	}

	/* f-embed-applemusic - Apple Music */
	f-embed-applemusic {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-applemusic iframe {
		width: 100%;
		border: none;
	}

	/* f-embed-kickstarter - Kickstarter */
	f-embed-kickstarter {
		display: block;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 aspect ratio */
		height: 0;
	}
	
	f-embed-kickstarter iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}

	/* f-embed-threads - Threads */
	f-embed-threads {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-threads iframe {
		display: block;
		width: 100%;
	}
	
	f-embed-threads blockquote.text-post-media {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* f-embed-giphy - Giphy */
	f-embed-giphy {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-giphy f-giphy {
		display: block;
		margin: 0;
	}
	
	f-embed-giphy f-giphy-image {
		display: block;
		width: 100%;
		position: relative;
	}
	
	f-embed-giphy f-giphy-image img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	/* Overlay i nedre högra hörnet */
	f-embed-giphy f-giphy-overlay {
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	
	f-embed-giphy f-giphy-overlay-attribution {
		font-family: var(--f-suisse-semibold);
		font-size: 10px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	f-embed-giphy f-giphy-overlay-attribution a {
		color: #fff;
		text-decoration: none;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
		opacity: 0.8;
		transition: opacity 0.2s ease;
	}
	
	f-embed-giphy f-giphy-overlay-attribution a:hover {
		color: #fff;
		opacity: 1;
		text-decoration: underline;
	}
	
	f-embed-giphy f-giphy-error {
		display: block;
		padding: var(--f-article-padding);
		color: var(--f-article-text-color-shade);
		font-family: var(--f-suisse-regular);
		font-size: 13px;
	}

	/* f-embed-tiktok - TikTok */
	f-embed-tiktok {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-tiktok blockquote.tiktok-embed {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* f-embed-bsky - Bsky (Bluesky) */
	f-embed-bsky {
		display: block;
		margin: 0 auto;
		overflow: hidden;
		max-width: 550px;
	}
	
	f-embed-bsky blockquote.bsky-embed {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	.bluesky-embed { margin: 0 auto !important; }

	/* f-embed-wiki - Wikipedia */
	f-embed-wiki {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-wiki f-wiki {
		margin: 0;
	}

	/* f-embed-twitter - Twitter/X */
	f-embed-twitter {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-twitter .twitter-tweet,
	f-embed-twitter .twitter-tweet-rendered {
		margin: 0 auto !important;
	}

	/* f-embed-xvideo - Twitter/X Video */
	f-embed-xvideo {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-xvideo .twitter-tweet,
	f-embed-xvideo .twitter-tweet-rendered {
		margin: 0 auto !important;
	}

	/* f-embed-imdb - IMDb */
	f-embed-imdb {
		display: block;
	}
	
	f-embed-imdb f-imdb {
		margin: 0;
	}

	/* f-embed-stock - TradingView Stock Chart */
	f-embed-stock {
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	
	f-embed-stock .tradingview-widget-container {
		height: 350px;
	}
	
	f-embed-stock .tradingview-widget-container__widget {
		height: 100%;
	}
	
	f-embed-stock .tradingview-widget-copyright {
		font-size: 13px;
		line-height: 32px;
		text-align: center;
		vertical-align: middle;
		font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
		color: #9db2bd;
	}
	
	f-embed-stock .tradingview-widget-copyright .blue-text {
		color: #666 !important;
	}
	
	f-embed-stock .tradingview-widget-copyright a {
		text-decoration: none;
		color: #666;
	}
	
	f-embed-stock .tradingview-widget-copyright a:hover {
		text-decoration: underline;
	}

	/* f-article-* - Legacy embed styles (from CSS2021.tag) */
	f-article-twitter { 
		transition: all .4s ease-in-out; 
		margin: var(--f-article-padding) auto; 
		width: 100%; 
		max-width: 550px; 
		min-height: 400px; 
		border: 1px solid rgb(207, 217, 222); 
		border-radius: 12px; 
		display: flex; 
		flex-direction: column; 
		justify-content: center; 
		align-items: center; 
	}
	
	f-article-twitter[data-status="loaded"] { 
		border: 0; 
	}

	@keyframes pulse {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.5);
		}
		100% {
			transform: scale(1);
		}
	}

	f-article-twitter svg { 
		width: 30px; 
		height: auto; 
	}
	
	f-article-twitter svg path { 
		fill: rgb(0, 0, 0); 
	}
	
	f-article-twitter[data-status="waiting"] svg, 
	f-article-twitter[data-status="loading"] svg, 
	f-article-twitter[data-status="gettingdata"] svg { 
		animation: pulse 2s infinite; 
	}
	
	f-article-twitter[data-status="gettingdata"] svg { 
		display: block; 
	}
	
	f-article-twitter[data-status="loaded"] svg { 
		display: none; 
	}

	f-article-twitter f-article-twitter-text { 
		font-size: 12px; 
		margin-top: 10px; 
	}
	
	f-article-twitter f-article-twitter-text a { 
		font-weight: 300; 
		font-family: var(--f-suisse-semibold); 
	}
	
	f-article-twitter[data-status="loaded"] f-article-twitter-text { 
		display: none; 
	}

	f-article-twitter .twitter-tweet { 
		margin: 0 !important; 
		width: 0 !important;  
	}
	
	f-article-twitter[data-status="loaded"] .twitter-tweet { 
		width: 100% !important; 
	}

	@media only screen and (max-width: 550px) {	
		f-article-twitter {
			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 
			overflow: hidden; 
			margin: var(--f-article-padding); 
		}
	}

	f-article-twitter-video { 
		margin: var(--f-article-padding); 
		display: block; 
	}

	f-article-threads {
		display: block; 
		margin: var(--f-article-padding);
	}

	f-article-instagram {
		display: block; 
		margin: var(--f-article-padding); 
		max-width: 550px; 
		margin: var(--f-article-padding) auto; 
		padding: 0 var(--f-article-padding);
	}

	f-article-tiktok {
		display: block; 
		margin: var(--f-article-padding);
	}

	f-article-automatos {
		display: block; 
		margin: var(--f-article-padding);
	}

	f-article-fbpost {
		display: block; 
		margin: var(--f-article-padding);
	}
	
	@media only screen and (min-width: 780px) {	
		f-article-fbpost {
			display: block; 
			margin: var(--f-article-padding) auto; 
			max-width: 750px;
		}
	}

	f-article-fbvideo {
		display: block; 
		margin: var(--f-article-padding);
	}

	f-article-embed-top { 
		display: block; 
	}
	
	f-article-embed { 
		display: block; 
		margin: var(--f-article-padding); 
	}
	
	f-article-soundcloud { 
		display: block; 
		margin: var(--f-article-padding); 
	}
	
	f-article-spotify { 
		display: block; 
		margin: var(--f-article-padding); 
	}
	
	f-article-kickstarter { 
		display: block; 
		margin: var(--f-article-padding); 
	}
	
	f-article-reddit { 
		display: block; 
		margin: var(--f-article-padding); 
	}

	/* f-wiki - Wikipedia */
	f-wiki { 
		overflow: hidden; 
		margin: var(--f-article-padding); 
		padding: 0; 
		background-color: var(--f-article-background-inline); 
		display: grid; 
		grid-template-columns: 1fr 25%; 
		grid-template-rows: auto 1fr;
		grid-template-areas: 	"headline image" 
								"body image";
	} 
	
	f-wiki-body {
		font-family: var(--f-suisse-regular); 
		font-size: 13px; 
		font-weight: normal; 
		line-height: 17px; 
		-webkit-font-smoothing: antialiased;
		color: var(--f-article-text-color-shade); 
		padding: 8px var(--f-article-padding) var(--f-article-padding); 
		overflow: hidden; 
		display: grid; 
		grid-area: body; 
	}
		
	f-wiki-body b, 
	f-wiki-body a {
		font-family: var(--f-suisse-semibold); 
		font-weight: 300;
	}
	
	f-wiki-image {
		width: 100%; 
		height: 100%; 
		display: grid; 
		grid-area: image; 
		position: relative; 
		aspect-ratio: 16 / 9;
	}
	
	f-wiki .wikiPic { 
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
		position: absolute; 
	}
	
	f-wiki f-wiki-headline { 
		font-family: var(--f-suisse-bold); 
		font-size: 16px; 
		font-weight: 300; 
		line-height: 16px; 
		color: var(--f-article-text-color); 
		display: block; 
		grid-area: headline;
		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
		-webkit-font-smoothing: antialiased; 
	}
	
	f-wiki f-wiki-headline:before { 
		content: 'Wikipedia om '; 
		font-family: var(--f-suisse-regular); 
		color: var(--f-article-text-color-shade);  
	}
	
	f-wiki f-wiki-headline a { 
		color: var(--f-article-text-color); 
		font-weight: 300; 
	}
	
	f-wiki p { 
		margin: 0; 
		padding: 0; 
	}
	
	f-wiki i { 
		display: inline; 
		margin: 0; 
	}
		
	@media only screen and (max-width: 480px) {
		f-wiki { 
			grid-template-columns: auto; 
			grid-template-rows: auto 1fr auto; 
			grid-template-areas: 	"image" 
									"headline"
									"body";
	   	} 
		f-wiki f-wiki-headline { 
			font-size: 15px; 
			line-height: 15px; 
		}
		f-wiki-body { 
			font-size: 12px; 
			line-height: 16px; 
		}
		f-wiki-image { 
			aspect-ratio: 16 / 6; 
		}
	}

	/* f-imdb - IMDb */
	f-imdb { 
		overflow: hidden; 
		margin: var(--f-article-padding); 
		padding: 0; 
		background-color: var(--f-article-background-inline); 
		display: grid; 
		grid-template-columns: 1fr 25%; 
		grid-template-rows: auto 1fr;
		grid-template-areas: 	"headline image" 
								"body image";
	} 
	
	f-imdb-body {
		font-family: var(--f-suisse-regular); 
		font-size: 13px; 
		font-weight: normal; 
		line-height: 17px; 
		-webkit-font-smoothing: antialiased;
		color: var(--f-article-text-color-shade); 
		padding: 8px var(--f-article-padding) var(--f-article-padding); 
		overflow: hidden; 
		display: block; 
		grid-area: body; 
	}
		
	f-imdb-body b, 
	f-imdb-body a {
		font-family: var(--f-suisse-semibold); 
		font-weight: 300;
	}
	
	f-imdb-image {
		width: 100%; 
		height: 100%; 
		display: grid; 
		grid-area: image; 
		position: relative; 
		aspect-ratio: 16 / 9;
	}
	
	f-imdb .imdbPic { 
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
		position: absolute; 
	}
	
	f-imdb f-imdb-headline { 
		font-family: var(--f-suisse-bold); 
		font-size: 16px; 
		font-weight: 300; 
		line-height: 16px; 
		color: var(--f-article-text-color); 
		display: block; 
		grid-area: headline;
		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
		-webkit-font-smoothing: antialiased; 
	}
	
	f-imdb f-imdb-headline:before { 
		content: 'IMDb om '; 
		font-family: var(--f-suisse-regular); 
		color: var(--f-article-text-color-shade);  
	}
	
	f-imdb f-imdb-headline a { 
		color: var(--f-article-text-color); 
		font-weight: 300; 
	}
	
	f-imdb p { 
		margin: 0; 
		padding: 0; 
	}
	
	f-imdb i { 
		display: inline; 
		margin: 0; 
	}
		
	@media only screen and (max-width: 480px) {
		f-imdb { 
			grid-template-columns: auto; 
			grid-template-rows: auto 1fr auto; 
			grid-template-areas: 	"image" 
									"headline"
									"body";
	   	} 
		f-imdb f-imdb-headline { 
			font-size: 15px; 
			line-height: 15px; 
		}
		f-imdb-body { 
			font-size: 12px; 
			line-height: 16px; 
		}
		f-imdb-image { 
			aspect-ratio: 1 / 1; 
		}
	}

	f-imdb-justwatchbox-container {
		display: block; 
		overflow: hidden; 
		margin: var(--f-article-padding); 
		padding: 0; 
		background-color: var(--f-article-background-inline);
	}

	f-imdb-justwatchbox-header {
		display: block; 
		padding: var(--f-article-padding); 
		padding-bottom: 0px;
		font-family: SuisseRegular, sans-serif; 
		font-size: 16px; 
		font-weight: 300; 
		line-height: 16px; 
		color: var(--f-article-text-color-shade);
		-webkit-font-smoothing: antialiased; 
	}
	
	@media only screen and (max-width: 480px) {
		f-imdb-justwatchbox-header { 
			font-size: 15px; 
			line-height: 15px; 
		}
	}

	f-imdb-justwatchbox-header b { 
		font-family: SuisseBold, sans-serif; 
		font-weight: 300; 
		color: var(--f-article-text-color); 
	}

	/* f-igdb - IGDB (Internet Game Database) */
	f-igdb { 
		overflow: hidden; 
		margin: 0; 
		padding: 0; 
		background-color: var(--f-article-background-inline); 
		display: grid; 
		grid-template-columns: 1fr 25%; 
		grid-template-rows: auto 1fr;
		grid-template-areas: 	"headline image" 
								"body image";
	} 
	
	f-igdb-body {
		font-family: var(--f-suisse-regular); 
		font-size: 13px; 
		font-weight: normal; 
		line-height: 17px; 
		-webkit-font-smoothing: antialiased;
		color: var(--f-article-text-color-shade); 
		padding: 8px var(--f-article-padding) var(--f-article-padding); 
		overflow: hidden; 
		display: block; 
		grid-area: body; 
	}
		
	f-igdb-body b, 
	f-igdb-body a {
		font-family: var(--f-suisse-semibold); 
		font-weight: 300;
	}
	
	f-igdb-image {
		width: 100%; 
		height: 100%; 
		display: grid; 
		grid-area: image; 
		position: relative; 
		aspect-ratio: 16 / 9;
	}
	
	f-igdb .igdbPic { 
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
		position: absolute; 
	}
	
	f-igdb f-igdb-headline { 
		font-family: var(--f-suisse-bold); 
		font-size: 16px; 
		font-weight: 300; 
		line-height: 16px; 
		color: var(--f-article-text-color); 
		display: block; 
		grid-area: headline;
		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
		-webkit-font-smoothing: antialiased; 
	}
	
	f-igdb f-igdb-headline:before { 
		content: 'IGDB om '; 
		font-family: var(--f-suisse-regular); 
		color: var(--f-article-text-color-shade);  
	}
	
	f-igdb f-igdb-headline a { 
		color: var(--f-article-text-color); 
		font-weight: 300; 
	}
	
	f-igdb p { 
		margin: 0; 
		padding: 0; 
	}
	
	f-igdb i { 
		display: inline; 
		margin: 0; 
	}
		
	@media only screen and (max-width: 480px) {
		f-igdb { 
			grid-template-columns: auto; 
			grid-template-rows: auto 1fr auto; 
			grid-template-areas: 	"image" 
									"headline"
									"body";
	   	} 
		f-igdb f-igdb-headline { 
			font-size: 15px; 
			line-height: 15px; 
		}
		f-igdb-body { 
			font-size: 12px; 
			line-height: 16px; 
		}
		f-igdb-image { 
			aspect-ratio: 16 / 6; 
		}
	}
</style>

	  
	
	
	
	
		















	<style>
		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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,object { border:0 none; font-family:inherit; font-size:100%; font-style:inherit; outline-color:invert; outline-style:none; outline-width:0; vertical-align:baseline; margin:0; padding:0; }
		html, body {-webkit-text-size-adjust: 100%;}
		table { border-collapse:separate; border-spacing:0; }
		caption,th,td { font-weight:300; text-align:left; }
		blockquote:before,blockquote:after,q:before,q:after { content:""; }
		em { font-style:italic; }
		.table { display:table; }
		.pointer { cursor:pointer; }
		
		@-ms-viewport { width: device-width !important; }
		
		f-stat-catcher { display: none; }
		
	</style>	



























		


		























































































































































 













































	
	




















	<style>
		
		body { font-size: 13px; font-weight: normal; font-family: var(--f-suisse-regular); line-height:16px; 
			 margin:0; padding:0; text-align: left; overflow-x: hidden; background-color: rgb(34,34,34); position:relative;
			 padding-bottom: 50px; 
		}

		body[data-site='feber'] { padding-top: 93px !important; background-color: rgb(34,34,34); }
		body[data-site='feber'][data-darkmode='on'] { background-color: rgb(0,0,0); }
		body[data-site='tjock'] { padding-top: 70px !important; background-color: rgba(240,240,240); }

		@media only screen and (max-width: 600px) {
			body[data-site='feber'] { padding-top: 87px !important; }
			body[data-site='tjock'] { padding-top: 49px !important; }
		}
		
		.lazyload, .lazyloading { opacity: 0; }
		.lazyloaded { opacity: 1; }
		
		body[data-site='feber'] #yodaContainer { background-color: transparent;	}
		
		
		
		f-content[data-loaded="false"] { height: auto; display: block; }
		f-content[data-loaded="loading"] { height: 600px; display: block; }
		f-content[data-loaded="true"] { height: auto; display: block; }
		
		
		
		

		

			
		
		
		
		f-stripe { background-color: #111; color: white; font-size: 18px; line-height: 40px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 
			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); }
		f-stripe[data-align="center"] { text-align: center; }
		f-stripe[data-align="right"] { text-align: right; }
		
		
		
		/* F-HEADER */
		
		f-header {
			display: block; width: 100%; max-width: 980px;
			margin: var(--f-margins-margins); margin-bottom: 0;
			background-color: var(--f-article-background); 
		}
		f-preheader { 
			display: block; padding: var(--f-article-padding-wide); padding-bottom: 0;
			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 14px; color: var(--f-article-text-color-shade-deluxe);
		}
		f-mainheader {
			display: block; padding: var(--f-article-padding-wide); padding-top: 10px; padding-bottom: 10px;
			font-family: var(--f-suisse-bold); font-size: 30px; line-height: 30px;  color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
		}
		f-header-description {
			display: block; padding: 10px 0px 0px 0px;
			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 19px; color: var(--f-article-text-color-shade-deluxe);
		}
		
		@media only screen and (max-width: 800px) {
			f-preheader { font-size: 14px; line-height: 14px; }
			f-mainheader { font-size: 26px; line-height: 26px; }
			f-header-description { font-size: 14px; line-height: 17px; }
		}

		@media only screen and (max-width: 480px) {
			f-preheader { font-size: 13px; line-height: 13px; }
			f-mainheader { font-size: 20px; line-height: 20px; }
			f-header-description { font-size: 13px; line-height: 15px; }
		}
		
		
		
		


	</style>	






















		


		























































































































































 













































	























	<style>	


		:root {

			/* NETSU COLORS BETA */
			
			/* orange */
			--n-orange: rgba(255,69,0,1);
			--n-orange-semidark: rgba(245,68,1,1);
			--n-orange-dark: rgba(199,61,7,1);

			/* blue */
			--n-blue-light: rgba(171,216,234,1);
			--n-blue: rgba(51,173,221,1);
			--n-blue-semidark: rgba(32,119,154,1);
			--n-blue-dark: rgba(12,65,87,1);

			/* red */
			--n-red-light: rgba(235,196,199,1);
			--n-red: rgba(193,18,31,1);
			--n-red-semidark: rgba(151,14,25,1);
			--n-red-dark: rgba(108,10,18,1);

			/* grey */
			--n-grey-superlight: rgba(240,240,240,1);
			--n-grey-light: rgba(190,190,190,1);
			--n-grey: rgba(138,138,138,1);
			--n-grey-semidark: rgba(86,86,86,1);
			--n-grey-dark: rgba(34,34,34,1);

			/* grey-warm */
			--n-grey-warm-light: rgba(241,237,233,1);
			--n-grey-warm-semilight: rgba(190,187,184,1);
			--n-grey-warm: rgba(138,136,134,1);
			--n-grey-warm-semidark: rgba(86,85,84,1);
			--n-grey-warm-dark: rgba(34,34,34,1);

			/* COLORS */

			--f-hot-color: var(--n-orange);
			--f-cold-color: var(--n-blue);
			--f-normal-color: rgb(51, 51, 51);

			--f-hot-color-tjock:  var(--n-orange);
			--f-cold-color-tjock: var(--n-blue);
			--f-normal-color-tjock: rgb(200, 200, 200);
			
			--f-link-color: rgb(0, 98, 157);
			--f-link-hover: rgb(0,50,90);
			
			--f-prod-save-color: inherit;
		} 
		

		/* GAMLA FÃRGER */
		/*
			--f-hot-color: rgb(255, 69, 0);
			--f-cold-color: rgb(0, 191, 255);
			--f-normal-color: rgb(51, 51, 51);

			--f-hot-color-tjock:  rgb(220,26,0);
			--f-cold-color-tjock: rgb(0,163,220);
			--f-normal-color-tjock: rgb(200, 200, 200);


		*/
		
		:root {
			--f-margin-left: auto;
			--f-margin-right: auto;
			--f-margins: 0px auto 0px auto;
			--f-margins-margins: 20px auto 20px auto;
		}
		
		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
			:root [data-premium='false'] {
				--f-margin-left: calc((100vw - 980px - 320px) / 2);
				--f-margin-right: calc((100vw - 980px - 320px) / 2 + 320px);
				--f-margins: 0px calc((100vw - 980px - 320px) / 2 + 320px) 0px calc((100vw - 980px - 320px) / 2) !important;
				--f-margins-margins: 20px calc((100vw - 980px - 320px) / 2 + 320px) 20px calc((100vw - 980px - 320px) / 2) !important;

			}
		}
		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
			:root {
				--f-margins-margins: 15px auto 15px auto;
			}
		}

		
	</style>



















		


		























































































































































 













































	



































	<style>	
		
		/* CMP */
				
		#qc-cmp2-ui { border-radius: 10px !important; margin: 0 15px;  }
		
		.qc-cmp2-summary-buttons button { box-shadow: none !important; border-radius: 5px !important; font-family; var(--f-suisse-semibold) !important; letter-spacing: 1px !important; text-transform: lowercase !important; }
		.qc-cmp2-summary-buttons button::first-letter { text-transform: uppercase !important; }
		.qc-cmp2-summary-buttons button[mode='primary'] { background-color: var(--f-hot-color) !important; width: auto !important; flex: 1 0 auto !important; }
		.qc-cmp2-summary-buttons button[mode='secondary'] { border-top-color: #aaa !important; border-bottom-color: #aaa !important;  border-left-color: #aaa !important; border-right-color: #aaa !important; color: #333 !important; width: auto !important; flex: 0 0 auto !important;  }
		.qc-cmp2-summary-buttons button[mode='secondary']:hover { background-color: rgba(0,0,0,0.05) !important; }
		#qc-cmp2-ui h2 { font-family: var(--f-suisse-semibold) !important; -webkit-font-smoothing: antialiased !important;  }

		.qc-cmp2-footer .qc-cmp2-summary-buttons button span { font-family: var(--f-suisse-semibold) !important; text-transform: lowercase !important; font-size: 16px !important; -webkit-font-smoothing: antialiased !important;  }
		.qc-cmp2-footer .qc-cmp2-summary-buttons button span::first-letter { text-transform: uppercase !important; }

		@media only screen and (max-width: 768px) {
			.qc-cmp2-summary-buttons button[mode='primary'] { flex: none !important; }
			.qc-cmp2-summary-buttons button[mode='secondary'] { flex: none !important;  }
		}
		
		
		
		/* Loadingstuff */
		w8 { margin: 40px auto; width: 40px; height: 40px; position: relative; display: block; animation: sk-rotate 2.0s infinite linear; }
		
		w8a, w8b { width: 60%; height: 60%; top: 0; border-radius: 100%; display: inline-block; position: absolute;
		  animation: sk-bounce 2.0s infinite ease-in-out; background-color: var(--f-hot-color); }
		w8a { top: auto; bottom: 0; animation-delay: -1.0s; background-color: var(--f-cold-color); }
		body[data-site='tjock'] w8a { background-color: var(--f-cold-color-tjock); }
		body[data-site='tjock'] w8b { background-color: var(--f-hot-color-tjock); }
		
		@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
		@keyframes sk-bounce { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } }
		
		w8temp { display: block; width: 24px; height: 24px; margin: 7px auto; background-color: white; border-radius: 100%;
			animation: sk-scaleout 1.0s infinite ease-in-out; }
		
		@keyframes sk-scaleout { 0% { transform: scale(0); } 100% { transform: scale(1.0); opacity: 0; }}
		
		@media only screen and (max-width: 480px) { w8temp { width: 18px; height: 18px; margin: 7px auto; } }
		@media only screen and (max-width: 370px) { w8temp { width: 14px; height: 14px; margin: 6px auto; } }
		
		
		
		/* next page */
		f-nextpage-container  { display: block; width: var(--f-article-width); margin: 20px auto; background-color: rgba(70,70,70); color: white; transition: all .3s ease-in-out; }
		
		f-nextpage {
			display: block; margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); 
			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));
			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
			font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300; text-align: right; 
			background-color: var(--f-hot-color); color: white;
		}
		f-nextpage a { color: white; font-weight: normal; }
		
		@media only screen and (min-width: 2000px) {
			f-nextpage-container { max-width: 980px; }
		}
		
		
		/* f-bar */ 
		f-bar-container { display: block; width: var(--f-article-width); max-width: var(--f-article-maxwidth); margin: var(--f-margins-margins); background-color: rgba(70,70,70); color: white; }
		
		body[data-site='tjock'] f-bar-container { background-color: rgba(255,255,255,0.5); }
				
		f-bar {
			display: flex; margin: 0; padding: 0 var(--f-article-padding);
			max-width: var(--f-article-maxwidth);
			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
			font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300;
			color: white;
		}
		
		body[data-site='tjock'] f-bar { color: #333; font-family: var(--f-lato-regular); text-transform: uppercase; font-size: 18px; }
		
		f-bar-left { margin-right: auto; }
		f-bar-right { margin-left: auto; color: #bbb; }
		
		f-bar-left:first-letter { text-transform: uppercase; }
		
		@media only screen and (max-width: 480px) {
			f-bar { font-size: 18px; line-height: 40px; }
		}
		
		
		/* f-bar-options */ 
		f-bar-optionscontainer {
			display: flex; width: 100%; max-width: 980px; margin: var(--f-margins-margins);
			background-color: rgba(255,255,255,0.05); color: white;  }
		f-bar-optionscontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		
		f-bar-options {
			display: block; margin: 0; padding: 0 20px; max-width: 980px; flex-grow: 1; 
			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
			font-size: 15px; line-height: 16px; letter-spacing: -0.01em; font-weight: 300;
			color: #999;
		}

		f-bar-options-item {
			display: block;
			float: left;
			padding: 12px 5px 10px 5px;
			margin-right: 12px;
			color: rgba(255,255,255,0.6);
			font-family: var(--f-suisse-regular);
			-webkit-font-smoothing: auto;
			cursor: pointer;
			transition: all .3s;
			border-bottom: 2px solid transparent;
		}
		
		f-bar-options-item.on {
			color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; }
			
		f-bar-options-item[data-selected="true"] {
			color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; }

		
		@media only screen and (min-width: 2000px) {
			f-bar-optionscontainer { max-width: 980px; }
			f-bar-options { padding: 0 var(--f-article-padding); }
		}
		
		@media only screen and (max-width: 1020px) {
			f-bar-options { padding: 0 var(--f-article-padding); }
		}

		
		f-bar-optionscontainer f-switch {
			display: block; padding: 12px 20px 10px; 
		}
		
		
		
		/* Form-sidor */ 
		f-form {
			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins);
			background-color: var(--f-article-background); padding: var(--f-article-padding);
		}
		f-form:after { content: "."; display: grid; height: 0; clear: both; visibility: hidden; }
		
		f-form-header {
			display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 30px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 30px;
		}

		f-form-image {
			display: block; width: calc(100% + var(--f-article-padding) + var(--f-article-padding)); height: auto; 
			margin: var(--f-article-padding) calc(var(--f-article-padding) - var(--f-article-padding) - var(--f-article-padding)); 
		}
		f-form-image img { width: 100%; }
		
		f-form-body {
			display: block; padding: 10px 0; font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color-shade); -webkit-font-smoothing: auto;
		}
		f-form-body a, f-form-body b { font-weight: 300; font-family: var(--f-suisse-semibold); }
		
		
		f-form input, f-form textarea { font-size: 18px; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; }
		
		f-form input:focus, f-form textarea:focus, f-form input:active, f-form textarea:active {
			outline: none; box-shadow: 0 0 17px rgba(0,0,0,0.10); border: 1px solid #e7e7e7;
		}
		
		
		
		f-form input[type=submit] {
			cursor:pointer; padding:10px 15px; margin: 0; border-radius: 5px; border:0 none; width: auto; float: right;
			background-color: var(--f-article-button-background-active); color: white;
			font-size: 16px; line-height: 17px;
		}
		
		f-form input[type=submit]:disabled { background-color: var(--f-article-button-background-inactive); color: #bbb; margin: 0; }
		
		@media only screen and (max-width: 480px) {
			f-form-header { font-size: 22px; line-height: 22px; }
			f-form-body { font-size: 14px; line-height: 18px;  }
			f-form input, f-form textarea { font-size: 14px; padding: 8px 10px; width: calc(100% - 20px); margin-bottom: 15px; border: 1px solid #ccc; }
		}
		
		f-form .protip {
			background-color: #e7e7e7; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px
		}
		
		
		
		/* Single page */
		
		f-singlepage {
			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding) - 20px); margin: var(--f-margins-margins);
			background-color: var(--f-article-background); padding: calc(var(--f-article-padding) + 10px);
		}
		f-singlepage-header {
			display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 40px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 50px;
			background-color: var(--f-article-background); 
		}
		@media only screen and (max-width: 480px) {
			f-singlepage-header { font-size: 30px; line-height: 30px;  }
		}
		
		
		/* Unwrapped */
		
		f-unwrappedimages {
			display: block; position: relative; aspect-ratio: 4/3;
		}
		f-unwrappedimages f-article-image {
			position: absolute; 
		}
		f-unwrappedimages f-article-image img {
			object-fit: cover;
		}
		
		f-basic[data-unwrapped="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide);  }
		
		f-article[data-unwrapped="true"] f-article-header { background-color: #333; color: #bbb; }
		f-article[data-unwrapped="true"] f-article-headline b { color: #ddd; }
		
		// f-article[data-unwrapped="true"] f-article-content { background-color: #333; }
		// f-article[data-unwrapped="true"] f-article-body { color: #bbb; }
		
		f-article[data-unwrapped="true"] f-basic-container-thumbs {
			background-color: var(--f-article-background-inline); padding: var(--f-article-padding); margin: 0; 
		}
		
		// f-article[data-unwrapped="true"] f-article-footer { background: #444; }
		// f-article[data-unwrapped="true"] f-article-footer-writerinfo b { color: #ddd; }
		// f-article[data-unwrapped="true"] f-article-footer-writerinfo { color: #bbb; }
		
		
	</style>	







		


		























































































































































 













































	
	









































		


	<style>
		
		f-panorama {
			display: block; overflow: hidden; z-index: 0 !important;  margin: var(--f-margins-margins); 
			width: 100%; max-width: none !important; 
		}
		.maxetise { 
			margin: 0px auto; display: flex; align-items: center; flex-direction: column; max-width: 980px; min-height: 300px;
		}
		.maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 300px; }
		
		@media only screen and (max-width: 500px) {
			f-panorama { max-width: none !important; }
			.maxetise { max-width: none !important;
				display: flex;
				align-items: center; min-height: 320px;
			}
			.maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 320px; }
		}

		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
			f-panorama { max-width: 980px !important; }
			.adnm-html-interscroll-frame { width: 980px;  }

			f-panorama:has(.adnm-creative) { max-width: 100% !important; margin: auto; }
			.maxetise:has(.adnm-creative) { max-width: 100%; }
			.adnm-html-interscroll-frame-wrapper { margin-left: 0; }
		}

		.maxetise-debug-row {
			padding-right: 16px !important; padding-left: 16px !important; width: calc(100% - 32px);
		}
		


		body[data-premium="true"] f-panorama { display: none; }
		
		
		
				#maxetiseFull { height: 0px;  }
			
		
		#outsider, #outsiderLeft {
			display: none;
		}
		
		@media only screen and (min-width: 1340px) {
			#outsider { display: block; position: fixed; bottom: 10px; right: 10px; }
		}
		
		@media only screen and (min-width: 1640px) {
			#outsiderLeft { display: block; position: fixed; bottom: 10px; left: 10px; }
		}
		
		#yodaContainer { } 
			body[data-premium='true'] #yodaContainer {  }
			body[data-premium='false'] #yodaContainer {  }
			body[data-site='feber'] #yodaContainer { margin: 0 auto; }
		
		 @media only screen and (min-width: 1340px) and (max-width: 1640px) {
			body[data-premium='false'] #yodaContainer { margin-left: auto; margin-right: 320px;  }
		}
		
	</style>	

		























































































































































 













































	









































		


		


	<style>		

		@font-face {
			font-family: 'febericons';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/febericons.woff') format('woff'),
				url('/fonts/febericons.ttf') format('truetype'),
				url('/fonts/febericons.svg#febericons') format('svg');
		}
		
		@font-face {
			font-family: 'SuisseThin';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: 	url('/fonts/SuisseIntl-Thin-WebS.woff2') format('woff2'),
					url('/fonts/SuisseIntl-Thin-WebS.woff') format('woff'),
					url('/fonts/SuisseIntl-Thin-WebS.ttf') format('truetype'),
					url('/fonts/SuisseIntl-Thin-WebS.svg#SuisseThin') format('svg');
		}

		@font-face {
			font-family: 'SuisseLight';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Light-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Light-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Light-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Light-WebS.svg#SuisseLight') format('svg');
		}

		@font-face {
			font-family: 'SuisseMedium';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Medium-WebS.svg#SuisseMedium') format('svg');
		}

		@font-face {
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Medium-WebS.svg#OpenSans') format('svg'); /* Ãndra ankarnamnet */
		}


		@font-face {
			font-family: 'SuisseRegular';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Regular-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Regular-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Regular-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Regular-WebS.svg#SuisseRegular') format('svg');
		}

		@font-face {
			font-family: 'SuisseRegularItalic';
			font-style: italic;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-RegularItalic-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-RegularItalic-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-RegularItalic-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-RegularItalic-WebS.svg#SuisseRegularItalic') format('svg');
		}

		@font-face {
			font-family: 'SuisseBook';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Book-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Book-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Book-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Book-WebS.svg#SuisseBook') format('svg');
		}

		@font-face {
			font-family: 'SuisseSemiBold';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-SemiBold-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-SemiBold-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-SemiBold-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-SemiBold-WebS.svg#SuisseSemiBold') format('svg');
		}

		@font-face {
			font-family: 'SuisseBold';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseIntl-Bold-WebS.woff2') format('woff2'),
				url('/fonts/SuisseIntl-Bold-WebS.woff') format('woff'),
				url('/fonts/SuisseIntl-Bold-WebS.ttf') format('truetype'),
				url('/fonts/SuisseIntl-Bold-WebS.svg#SuisseBold') format('svg');
		}

		@font-face {
			font-family: 'SuisseNeueRegular';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/SuisseNeue-Regular-WebS.woff2') format('woff2'),
				url('/fonts/SuisseNeue-Regular-WebS.woff') format('woff'),
				url('/fonts/SuisseNeue-Regular-WebS.ttf') format('truetype'),
				url('/fonts/SuisseNeue-Regular-WebS.svg#SuisseNeueRegular') format('svg');
		}

		@font-face {
			font-family: 'LatoRegular';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/Lato-Regular.woff2') format('woff2'),
				url('/fonts/Lato-Regular.woff') format('woff'),
				url('/fonts/Lato-Regular.ttf') format('truetype'),
				url('/fonts/Lato-Regular.svg#LatoRegular') format('svg');
		}

		@font-face {
			font-family: 'LatoLight';
			font-style: normal;
			font-weight: normal;
			font-display: swap;
			src: url('/fonts/Lato-Light.woff2') format('woff2'),
				url('/fonts/Lato-Light.woff') format('woff'),
				url('/fonts/Lato-Light.ttf') format('truetype'),
				url('/fonts/Lato-Light.svg#LatoLight') format('svg');
		}

		
		:root {
			--f-suisse-thin: SuisseThin, sans-serif;
			--f-suisse-light: SuisseLight, sans-serif;
			--f-suisse-medium: SuisseMedium, sans-serif;
			--f-suisse-regular: SuisseRegular, sans-serif;
			--f-suisse-regular-italic: SuisseRegularItalic, sans-serif;
			--f-suisse-book: SuisseBook, sans-serif;
			--f-suisse-semibold: SuisseSemiBold, "Helvetica Neue Bold", "Arial Bold", sans-serif;
			--f-suisse-bold: SuisseBold, "Helvetica Neue Bold", "Arial Bold", sans-serif;
			
			--f-suisse-neue-light: SuisseNeueLight, sans-serif;
			--f-suisse-neue-regular: SuisseNeueRegular, sans-serif;
			
			--f-lato-light: LatoLight, sans-serif;
			--f-lato-regular: LatoRegular, sans-serif;
		}
	</style>	






















































































































































 













































	
	









































		


		








	<style>
		
		/* PuffhÃ¥llare och slide */
		f-featurepuff { display: block; margin: 0 auto 10px; max-width: 980px; }	
		f-featured-track { display: block; aspect-ratio: 32 / 8; max-width: 980px; margin: var(--f-margins); }
		@media only screen and (max-width: 980px) {
			f-featured-track { aspect-ratio: 21 / 7; }
		}
		@media only screen and (max-width: 600px) {
			f-featured-track {  aspect-ratio: 21 / 9; }
		}
		@media only screen and (max-width: 480px) {
			f-featured-track { aspect-ratio: 16 / 7; }
		}
		
		f-featured-slider-progress { display: block; background: #ccc; max-width: 980px; margin: var(--f-margins);  }
		f-featured-slider-progress-bar { display: block; background: orangered; height: 3px; transition: width 400ms ease; width: 0; }
		
		
		/* SjÃ¤lva puffen */
		f-feature { background-size: cover; background-position: center; position: relative; display: block; aspect-ratio: 32 / 8; overflow: hidden;  }
		
		f-featured-item.is-active f-feature { animation: anim-zoom 7.0s ease-in; }
					
		@keyframes anim-zoom { 
			0% { background-size: 100%; } 
			100% { background-size: 115%; } 
		}
		
			
		@media only screen and (max-width: 980px) {
			f-feature {  aspect-ratio: 21 / 7; }
		}
		
		@media only screen and (max-width: 600px) {
			f-feature {  aspect-ratio: 21 / 9; }
		}
		
		@media only screen and (max-width: 480px) {
			f-feature {  aspect-ratio: 16 / 7; }
		}
		
		f-feature a { color: rgb(150,150,150);  font-weight: 300; }
		
		f-feature img { position: absolute; object-fit: cover; top: 50%; left: 50%; 
			transform: translateX(-50%) translateY(-50%) scale(1.2); }
		
		f-featured-item.is-active f-feature img { position: absolute; animation: anim-imgzoom 7.0s ease-in; }

		
		
		@keyframes anim-imgzoom { 
			0% { position: absolute; object-fit: cover; top: 50%; left: 50%; 
				transform: translateX(-50%) translateY(-50%) scale(1.0);  } 
			100% { position: absolute; object-fit: cover; top: 50%; left: 50%; 
				transform: translateX(-50%) translateY(-50%) scale(1.2); } 
		}
		
		f-feature-header { 
			padding: 30px 32px 0px 32px; margin: 0px; width: calc(100% - 64px); height:calc(100% - 30px); position: relative; 
			font-size: 26px; line-height: 28px; display: inline-block; font-family: var(--f-suisse-light); font-weight: 300; -webkit-font-smoothing: auto;
			background-size: contain; background-repeat: no-repeat; background: linear-gradient(
				357deg,
				hsla(0, 0%, 0%, 0) 15%,
				hsla(0, 0%, 0%, 0.2) 30%,
				hsla(0, 0%, 0%, 0.4) 40%,
				hsla(0, 0%, 0%, 0.6) 50%,
				hsla(0, 0%, 0%, 0.7) 60%,
				hsla(0, 0%, 0%, 0.8) 80%
			);
		}
		f-feature[data-theme='light'] f-feature-header { background: linear-gradient(
			357deg,
			hsla(0, 0%, 100%, 0.2) 15%,
			hsla(0, 0%, 100%, 0.3) 30%,
			hsla(0, 0%, 100%, 0.5) 40%,
			hsla(0, 0%, 100%, 0.75) 50%,
			hsla(0, 0%, 100%, 0.85) 60%,
			hsla(0, 0%, 100%, 0.85) 80%
			); 
		}
		
		
		f-feature-header b { 
			font-family: var(--f-suisse-bold); font-weight: 300; color: rgba(240, 240, 240, 1); -webkit-font-smoothing: antialiased; }
		f-feature[data-theme='light'] f-feature-header b { color: rgba(30, 30, 30, 1);  }
		f-feature[data-theme='light'] f-feature a { color: rgba(70, 70, 70, 1); }
		
		@media only screen and (max-width: 480px) {
			f-feature-header { margin: 0px;  padding: 20px 20px 130px 20px; font-size: 18px; line-height: 19px; width: calc(100% - 40px); }
		}
		
		f-feature-tagline { position: absolute; right: 15px; bottom: 10px; }
		
		f-feature-tagline .temp {
			float: right; padding: 5px 6px; margin-left: 6px; background: #333; cursor: default;
			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
			-webkit-font-smoothing: antialiased; letter-spacing: -0.02em; 
		}
		
		f-feature[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
		f-feature[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
		
		
		f-feature-tagline f-bubble {
			float: right; margin: 0; padding: 5px 8px; min-width: 8px; cursor: pointer; background: #333;
			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
			-webkit-font-smoothing: antialiased; letter-spacing: -0.02em; border: none; 
		}
		
		f-feature-tagline f-bubble::after { 
			position: absolute; content: ' '; display: block; padding: 0px; margin-top: 5px; margin-right: 0px; margin-left: -3px;
			background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
		}
		
	
		f-feature .featureAdstripe { background-color: rgb(5, 101, 156); padding: 6px 8px; font-family: var(--f-suisse-regular); color: white; }

						
	</style>
















































































































































 













































	









































		


		












	<style>
		f-basic { display: grid; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 
			padding: 0; margin: var(--f-article-padding-wide) auto; 
			background-color: var(--f-article-background);
			grid-template-columns: auto minmax(10px,260px);
			grid-template-rows: auto 1fr;
			grid-template-areas: 
				"basicheader basicmedia"
				"basicbody basicmedia";
		}
	
		f-basic[data-feature="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide);  }
		f-basic-container-thumbs f-basic[data-feature="true"] { padding: 0; }
		f-internallinks f-basic[data-feature="true"] { padding: 0; }
		
		f-basic-media { display: grid; grid-area: basicmedia; aspect-ratio: 21 / 9; width: 100%; height: 100%; }
		@media only screen and (max-width: 480px) { f-basic-media { aspect-ratio: 1 / 1; } }
		f-basic-mediawrapper { display: grid; position: relative;  } 
		f-basic-mediawrapper img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; border-radius: 0px; aspect-ratio: 21 / 9;  }
		f-basic-mediawrapper footer.TaglineLight {  
			margin: 0; padding: 5px;
			left: 0px; bottom: 0px; right: 0px;
			width: calc(100% - 10px);
			position: absolute;
			background-color: rgba(255,255,255,0.2);
		}
		
		f-basic-mediawrapper footer.TaglineLight .writer_icon, f-basic-mediawrapper footer.TaglineLight .tempUP, f-basic-mediawrapper footer.TaglineLight .tempDOWN { display: none; }
		
		f-basic-text { padding: 15px 20px; }
		
		
		
		f-basic-header {
			display: block; padding: 0; margin: 0 10px 5px 0; grid-area: basicheader; 
			font-family: var(--f-suisse-regular); font-size: 20px; line-height: 21px; font-weight: 300; 
			color: var(--f-article-text-color-shade-deluxe);
			-webkit-font-smoothing: antialiased;	
			 
		}
		@media only screen and (max-width: 800px) { f-basic-header { font-size: 15px; line-height: 17px; } }
		@media only screen and (max-width: 480px) { f-basic-header { font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); } }
		
		f-basic-container-thumbs f-basic-header, f-internallinks f-basic-header {
			font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; margin: 0; 
		}
		
		f-basic[data-basicsite='tjock'] f-basic-header {
			/* font-family: var(--f-lato-regular); font-size: 18px; letter-spacing: -0.02em; */
		}
		f-basic[data-basicsite='tjock'] f-basic-header b {
			/* font-family: var(--f-lato-regular); */
		}
		
		f-basic-container-thumbs f-basic[data-basicsite='tjock'] f-basic-header {
			/* font-size: 12px; text-transform: uppercase; */
		}
		
		@media only screen and (max-width: 800px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 15px; line-height: 17px; } }
		@media only screen and (max-width: 480px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 13px; line-height: 15px; } }
		
		f-basic-headline { display: block;  }
		f-basic-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }
		f-basic[data-feature="true"] f-basic-headline b { color: white;  }
		
		f-basic-preamble { display: block;  }
		f-basic[data-tempstatus='hot'] f-basic-preamble { color: var(--f-hot-color); }
		f-basic[data-tempstatus='cold'] f-basic-preamble { color: var(--f-cold-color); }
		f-basic[data-tempstatus='hot'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-hot-color-tjock); }
		f-basic[data-tempstatus='cold'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-cold-color-tjock); }
		
		/*
		f-basic[data-tempstatus='normal'] f-basic-header { border-top: 3px solid var(--f-article-background-inline-hover); }
		f-basic[data-tempstatus='hot'] f-basic-header { border-top: 3px solid var(--f-hot-color); }
		f-basic[data-tempstatus='cold'] f-basic-header { border-top: 3px solid var(--f-cold-color); }
		f-basic[data-caturl='native'] f-basic-header { border-top: 0px; }*/
		
		
		
		
		f-basic-body {
			grid-area: basicbody;
			display: -webkit-box;
			margin: 0 20px 0 0;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			font-family: var(--f-suisse-regular);
			font-weight: normal;
			font-size: 14px;
			line-height: 18px;
			color: var(--f-article-text-color-shade);
			-webkit-font-smoothing: auto;
			max-height: 56px;
		}
		f-basic-body a { color: inherit; font-weight: normal; }
		
		f-basic[data-feature="true"] f-basic-body { color: rgba(255, 255, 255, 0.7); }
		f-basic[data-feature="true"] f-basic-body a { color: inherit; }
		
		
		
		f-basic-textline {
			display: inline; 
			grid-area: basictextline;
			color: rgb(130,130,130);
			font-size: 11px;
			line-height: 11px;
			margin-top: 8px;
		}
		
		f-basic-textline a {
			color: var(--f-link-color); 
			display: inline;
		}
		
		f-basic-textline a:hover {
			color: var(--f-link-hover); 
		}
		
		f-basic-textline b {
			font-family: SuisseSemiBold;
			font-weight: 300;
			
		}
		
		f-basic-tagline { position: absolute; right: 0px; bottom: 0px; -webkit-font-smoothing: antialiased; letter-spacing: -0.02em;
				padding: 40px 7px 5px 40px; background: linear-gradient(
				158deg,
				hsla(100, 100%, 100%, 0) 50%,
				hsla(100, 100%, 100%, 0.2) 60%,
				hsla(100, 100%, 100%, 0.3) 70%,
				hsla(100, 100%, 100%, 0.4) 80%,
				hsla(100, 100%, 100%, 0.4) 90%,
				hsla(100, 100%, 100%, 0.4) 100%
				);
		  }
			
			f-basic-tagline .temp {
				float: right; padding: 4px 5px; margin-left: 3px; background: #333; cursor: default;
				font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
			}
			
			f-basic[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
			f-basic[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
			
			f-basic-tagline f-bubble {
				float: right; margin: 0; padding: 4px 6px; min-width: 8px; cursor: pointer; background: #333;
				font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none; border: none; -webkit-font-smoothing: antialiased;
			}
			
			f-basic-tagline f-bubble::after { 
				position: absolute; content: ' '; display: block; padding: 0px; margin-top: 4px; margin-right: 0px; margin-left: -3px;
				background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
			}
			
			f-basic-tagline a { font-weight: 300; }
		
		@media only screen and (max-width: 480px) {
			
			f-basic-container f-basic { margin: 20px auto;
				grid-template-areas: 
				"basicheader basicmedia"
				"basicbody basicmedia"; }
		
			f-basic-text { padding: 12px 15px; }
			
			f-basic header { padding: 0; margin: 0 10px 8px 0; }
			f-basic header, f-basic header.Main { padding: 0; margin: 0 10px 8px 0; }
			
			f-basic header.Main h1, f-basic header.Main.tjock h1, f-basic header.Main.tjock h1 b  { font-size: 14px; line-height: 14px; }
			
			f-basic-body {
				-webkit-line-clamp: 3;
				font-size: 12px;
				line-height: 15px;
				margin: 0 10px 0 0;
				max-height: 45px; 
			}
			
			f-basic-media { aspect-ratio: 10 / 7; }
		}
		
		f-basic-container {
			display: block; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 
			margin: 0px var(--f-margin-right) var(--f-article-padding) var(--f-margin-left); 
			background-color: var(--f-article-background);
			padding: var(--f-article-padding-wide);
		}
		
		f-basic-container f-basic {
			margin-bottom: 8px;
		}
		
		f-basic-container f-basic:first-child {
			margin-top: 0;
		}
		f-basic-container f-basic:last-child {
			margin-bottom: 0;
		}
		
		
		
		/* F-BASIC THUMBS */
		
		f-basic-container-thumbs {
			width: 100%; max-width: 980px; margin: var(--f-margins-margins);
			display: grid; grid-gap: 10px;
			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
			grid-auto-rows: minmax(min-content, max-content);
		}
		
		f-basic-container-thumbs f-basic {
			width: 100%;
			border-top-width: 2px !important;
			grid-template-columns: auto;
			grid-template-rows: minmax(1fr, auto);
			grid-template-areas: "basicmedia" "basicheader";
			margin: 0;
			padding: 0;
		}
		
		@media only screen and (min-width: 600px) {
			
			f-basic-container-thumbs f-basic[data-feature="true"], 
			f-basic-container-thumbs f-basic[data-50plus="true"] {
				grid-column: span 2; grid-row: span 2; 
			}

			f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header {
				font-size: 20px; line-height: 21px; padding: 15px 17px 20px 17px; 
			}
			f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media {
				aspect-ratio: 21 / 11; 
			}
			
			
			f-article-content f-basic-container-thumbs f-basic[data-feature="true"], 
			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] {
				grid-column: span 1; grid-row: span 1; 
			}
			f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, 
			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header {
				font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; 
			}
			f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, 
			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media {
				aspect-ratio: 21 / 9; 
			}
		}
		
		
		
		
		f-basic-container-thumbs f-basic-media {
			padding: 0px;
		}
		@media only screen and (max-width: 480px) { f-basic-container-thumbs f-basic-media { aspect-ratio: 21 / 9; } }
		
		f-basic-container-thumbs f-basic-mediawrapper img {
			border-radius: 0px; height: 100%; position: absolute; 
		}
		
		
		f-basic-container-thumbs f-basic header.Main {
			padding: 10px 12px 15px 12px;
			margin: 0; 
			background-color: var(--f-article-background);
		}
		
		f-basic-container-thumbs f-basic header.Main.tjock {
			padding: 10px 12px 15px 12px;
			margin: 0; 
			background-color: var(--f-article-background);
			text-align: center; 
		}
		
		f-basic-container-thumbs f-basic header.Main h1  {
			font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
		}
		
		f-basic-container-thumbs f-basic header.Main.tjock h1, f-basic-container-thumbs f-basic header.Main.tjock h1 b  {
			font-size: 12px;
			line-height: 14px; 
			text-transform: uppercase;
			font-family: LatoRegular;
		}
		
		f-basic-container-thumbs  f-basic-body {
			display: none;
		}
		
		
		f-internallinks { display: grid; }
		f-internallinks-track, f-internallinks-list { display: block; }	
		f-internallinks-item { display: flex; }	
		
		f-internallinks { margin: 20px var(--f-article-padding); max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
		
		f-internallinks f-basic {
			width: calc(100% - 0px); padding: 0px; margin: 0;
			background-color: var(--f-article-background-inline);
			border-top-width: 2px !important;
			grid-template-columns: 1fr 45%;
			grid-template-rows: auto;
			grid-template-areas: "basicheader basicmedia";
		}
		[data-darkmode='on'] f-internallinks f-basic { background-color: var(--f-article-background-inline);}
		
		f-internallinks f-basic.feature { background-color: var(--f-article-background-invert); }
		
		
		f-internallinks f-basic-body { display: none; }
		f-internallinks f-basic-media { padding: 0px; }
		f-internallinks f-basic-mediawrapper { aspect-ratio: 9 / 8; }
		f-internallinks f-basic-mediawrapper img { height: 100%; position: absolute;  }
		
		
		
		f-inlinetjock, f-inlinetjock-track, f-inlinetjock-list { display: block; }	
		
		f-inlinetjock { width: 100%;
			background-color: #444444;
			padding: 20px 0; }
			
		f-inlinetjock f-basic-container-thumbs f-basic { height: 100%; }

		
	</style>












































































































































 













































	









































		


		































	<style>
		
		f-snippet {
			display: block;
			width: 100%; max-width: 980px; padding: 0; margin: var(--f-margins);
			background: var(--f-article-background); color: var(--f-article-text-color-shade); 
			font-size: 15px; font-family: var(--f-suisse-neue-regular); line-height: 22px; -webkit-font-smoothing: antialiased;
		}
		
		f-snippet[data-temp='normal'] f-snippet-content { border-left: 3px solid #777; }
		f-snippet[data-temp='hot'] f-snippet-content { border-left: 3px solid var(--f-hot-color); }
		f-snippet[data-temp='cold'] f-snippet-content { border-left: 3px solid var(--f-cold-color); }
		
		
		f-snippet-content {
			display: block; padding: var(--f-article-padding);
		}
		
		f-snippet-headline {
			font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color);
		}
		
		f-snippet-link a {
			font-weight: 300; font-family: var(--f-suisse-semibold); color: var(--f-article-link-color); 
			border-bottom: 1px solid var(--f-article-border-color) !important; 
		}
		
		f-snippet f-article-disqus {
			background: var(--f-article-background);
		}
		
		
		f-snippet f-article-footer { height: 28px; margin: var(--f-margins) 0 !important; background: rgb(25,25,25); width: calc(100% - 28px); max-width: calc(980px - 28px); padding: 14px; }
		f-snippet f-article-footer-plus, f-snippet f-article-footer-minus, f-snippet f-article-footer-plus svg, f-snippet f-article-footer-minus svg { height: 28px; width: 28px; }
		
		f-snippet f-article-footer-minus { margin-left: 10px; }
		f-snippet f-article-footer .temp, f-snippet f-article-footer f-article-temp { padding: 0 8px; font-size: 18px; line-height: 26px; -webkit-font-smoothing: auto; }
		f-snippet f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 12px); }
		f-snippet f-article-footer f-bubble::after { 
			margin-top: 0px; margin-right: 0px; margin-left: -2px;
			border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
		}
		f-snippet f-article-footer .arrow { margin-top: 9px; }
		f-snippet f-article-footer .writer_icon { 	width: 28px; height: 28px; }
		f-snippet f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; color: rgb(120, 125, 130);  }
		f-snippet f-article-footer-writerinfo b { color: rgb(180, 185, 190); }
		f-snippet f-article-error { margin: 0; }
		f-snippet w8temp { width: 14px; height: 14px; margin: 6px auto; } 
		
	</style>

























































































































 













































	









































		


		
















	<style>
		f-letterbox-container f-bar-container { margin: 0; }

		f-letterbox-options {
			display: flex; background: var(--f-article-background-inline); width: 100%; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); 
			padding: 13px var(--f-article-padding); margin: 0; gap: 20px;
			border-top: var(--f-article-padding) solid var(--f-article-background); border-bottom: 0px solid rgba(0,0,0,0.08);
			font-size: 12px; line-height: 18px;
			color: var(--f-article-text-color); 
		}

		f-letterbox-container {
			display: block; width: 100%; max-width: calc(980px);
			margin: 0px var(--f-margin-right) 0 var(--f-margin-left); padding: 0;
			background-color: var(--f-article-background);
		}

		f-letterbox {
			display: grid; 
			grid-template-areas: "letterboxImage letterboxHeader letterboxTagline";
			grid-template-rows: 1fr;
			grid-template-columns: 120px 1fr auto;
			gap: 0;
			align-items: center; 
			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 
			margin: var(--f-article-padding-thin) var(--f-article-padding);
			padding: 0 0 var(--f-article-padding-thin) 0; 
			-webkit-font-smoothing: antialiased;
			border-bottom: 1px solid rgba(0,0,0,0.08);
		}

		f-letterbox[data-showbody='true'] {
			grid-template-areas: "letterboxImage letterboxHeader letterboxTagline"
									"letterboxImage letterboxBody letterboxBody"; 
			grid-template-rows: 1fr auto;
			grid-template-columns: 200px 1fr auto;
		}

		@media only screen and (max-width: 600px) {
			f-letterbox {
				grid-template-columns: 90px 1fr auto;
			}
			f-letterbox[data-showbody='true'] {
				grid-template-areas: "letterboxImage letterboxHeader "
										"letterboxImage letterboxBody "
										"letterboxImage letterboxTagline "; 
				grid-template-rows: 1fr auto;
				grid-template-columns: 150px 1fr auto;
			}
		}

		f-letterbox + f-bar-container { 	margin-top: calc(var(--f-article-padding-thin) - var(--f-article-padding) - var(--f-article-padding)); border-top: var(--f-article-padding-thin) solid white; }
		f-letterbox:first-child {			margin-top: 0; padding-top: var(--f-article-padding); }
		f-letterbox:last-child {			margin-bottom: 0; padding-bottom: var(--f-article-padding); border-bottom: none; }
		f-letterbox:nth-child(odd) {		background: var(--f-article-background); }
		f-letterbox:nth-child(even) { 		background: var(--f-article-background); }

		f-letterbox a { font-weight: 300; }

		f-letterbox-image { flex: 0 0 auto; overflow: hidden; transition: transform 0.2s ease; grid-area: letterboxImage; margin-right: var(--f-article-padding); height: 100%; width: calc(100% - 15px); aspect-ratio: 4 / 3;   }
		f-letterbox-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }

		f-letterbox-header { flex: 1; display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 20px; color: rgb(120, 125, 130); grid-area: letterboxHeader; margin: var(--f-article-padding-thin) 0; }
		f-letterbox-header:hover { opacity: 0.8 }

		f-letterbox[data-showbody='true'] f-letterbox-header {
			margin: var(--f-article-padding-thin) 0 0;
		}

		@media only screen and (max-width: 800px) {
			f-letterbox-header { font-size: 16px; line-height: 18px;}
		}

		@media only screen and (max-width: 600px) {
			f-letterbox-header { font-size: 13px; line-height: 15px; }
			f-letterbox[data-showbody='true'] f-letterbox-header { font-size: 14px; line-height: 16px; }
		}

		f-letterbox-header a { display: inherit; flex: inherit; flex-direction: inherit; justify-content: inherit; color: inherit; }
		f-letterbox-header a:hover { color: inherit; }

		f-letterbox-headline, f-letterbox-preamble, f-letterbox-readmore { margin: 0; }
		f-letterbox-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }

		f-letterbox-readmore { margin-top: 8px; font-size: 15px; line-height: 17px; }
		f-letterbox-readmore b { color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; }

		@media only screen and (max-width: 800px) {
			f-letterbox-readmore  {
				font-size: 14px; line-height: 16px;
			}
		}

		@media only screen and (max-width: 600px) {
			f-letterbox-readmore  {
				font-size: 12px; line-height: 14px;
			}
			
		}


		f-letterbox[data-tempstatus='hot'] f-letterbox-preamble { color: var(--f-hot-color); }
		f-letterbox[data-tempstatus='cold'] f-letterbox-preamble { color: var(--f-cold-color); }


		f-letterbox-body { font-size: 13px; line-height: 17px; color: var(--f-article-text-color); margin-top: 7px; display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 
			overflow: hidden; max-height: 56px; grid-area: letterboxBody; margin-bottom: var(--f-article-padding-thin); 
		}


		f-letterbox[data-showbody='true'] f-letterbox-body { display: -webkit-box; }
	
		@media only screen and (max-width: 600px) {
			f-letterbox-body { font-size: 11px; line-height: 14px; margin-top: 5px; }
			f-letterbox[data-showbody='true'] f-letterbox-body { margin-bottom: 7px; }
		}

		f-letterbox-date { display: none; font-size: 11px; line-height: 12px; color: rgb(120, 125, 130); text-align: left; grid-area: letterboxDate; }

		f-letterbox-tagline { flex-shrink: 0; display: flex; gap: 6px; grid-area: letterboxTagline; margin: 0 0 0 var(--f-article-padding);  }

		f-letterbox[data-showbody='true'] f-letterbox-tagline {
			margin: 0; justify-content: end; 
		}

		@media only screen and (max-width: 600px) {
			f-letterbox-tagline { justify-content: center; gap: 4px; }
		}

		f-letterbox-tagline .temp, f-letterbox-tagline f-bubble {
			font-family: var(--f-suisse-regular);  -webkit-font-smoothing: auto; letter-spacing: -0.03em;  
			padding: 5px 7px; font-size: 13px; line-height: 13px;
		}

		@media only screen and (max-width: 600px) {
			f-letterbox-tagline .temp, f-letterbox-tagline f-bubble {
				padding: 4px 5px; font-size: 11px; line-height: 11px;
			}
		}

		f-letterbox-tagline .temp { 
			background: #555; color: #fff; display: flex; justify-content: center; flex-direction: column; border-radius: 0px;
		}
		
		f-letterbox[data-artsite='tjock'] f-letterbox-tagline .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; }
		
		f-letterbox-tagline[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
		f-letterbox-tagline[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 

		f-letterbox-tagline f-bubble {
			background-color: #333; color: #fff; float: none; margin: 0; border: none; min-width: auto; cursor: pointer; 
			display: flex; justify-content: center; flex-direction: column; border-radius: 0px;
		}

		f-letterbox-tagline f-bubble::after {
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-right: 7px solid #333;
			margin-left: -14px;
		}

		@media only screen and (max-width: 600px) {
			f-letterbox-tagline f-bubble::after {
				margin-left: -12px;
			}
		}



		

		

		/* Sliding input checkbox */
		.switch { display: inline-block; position: relative; width: 30px; height: 17px; margin-right: 6px; float: left; -webkit-tap-highlight-color: transparent; }
		.switch input { display: none; }
		.switch .slider { background-color: #ccc; position: absolute; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; transition: .2s; border-radius: 17px; -webkit-tap-highlight-color: transparent; }
		.switch .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
		input:checked + .slider { background-color: var(--f-hot-color); }
		input:checked + .slider:before { transform: translateX(13px); }

		@supports (-webkit-appearance: none) or (-moz-appearance: none) {
			input[type=checkbox].roundcheck {
				--active: orangered;
				--active-inner: #fff;
				--focus: 2px rgba(39, 94, 254, .3);
				--background: #ccc;
				--disabled: #F6F8FF;
				--disabled-inner: #E1E6F9;
				height: 20px;
				-webkit-appearance: none; -moz-appearance: none; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
			}
			input[type=checkbox].roundcheck:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }
			input[type=checkbox].roundcheck:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1.2); }
			input[type=checkbox].roundcheck:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; }
			input[type=checkbox].roundcheck:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); }
			input[type=checkbox].roundcheck:disabled { cursor: not-allowed; }
			input[type=checkbox].roundcheck:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); }
			input[type=checkbox].roundcheck:focus { box-shadow: 0 0 0 var(--focus); }
			input[type=checkbox].roundcheck:not(.switch) { width: 21px; }
			input[type=checkbox].roundcheck:not(.switch):after { opacity: var(--o, 0); }
			input[type=checkbox].roundcheck:not(.switch):checked { --o: 1; }
			input[type=checkbox].roundcheck { display: inline-block; vertical-align: middle; cursor: pointer; }
			input[type=checkbox].roundcheck:not(.switch) { border-radius: 10px; }
			input[type=checkbox].roundcheck:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 3px; transform: rotate(var(--r, 20deg)); }
			input[type=checkbox].roundcheck:not(.switch):checked { --r: 43deg;}
		}
	</style>








































































































































 













































	
	








































	<style>
		:root {
			--f-article-background: rgb(255,255,255);
			--f-article-background-shade: linear-gradient(180deg, rgb(245,245,245) 0%, rgb(255,255,255) 100%); 
			--f-article-background-inline-pale: rgba(250,250,250,1);
			--f-article-background-inline: rgba(240,240,240,1);
			--f-article-background-inline-hover: rgba(225,225,225,1);
			--f-article-background-inline-header: rgba(80,80,80,1);
			--f-article-background-gradient: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%);
			--f-article-background-invert: rgb(55,55,55);
			
			--f-article-scrollbar-thumb: rgb(120,120,120);
			--f-article-scrollbar-track: rgb(210,210,210);
			
			--f-article-text-color: rgb(42,46,46);
			--f-article-text-color-shade: rgb(60, 65, 70);
			--f-article-text-color-shade-deluxe: rgb(120, 125, 130);
			--f-article-text-color-invert: rgb(225, 230, 235);
			--f-article-text-color-invert-shade: rgb(180, 185, 190);
			
			--f-article-link-color: var(--f-link-color);
			--f-article-link-hover: var(--f-link-hover);
			
			--f-article-button-background: rgba(100,100,100,1);
			--f-article-button-background-active: var(--f-hot-color);
			--f-article-button-background-inactive: rgba(210,210,210,1);
			--f-article-button-text: rgba(255,255,255,1);
			--f-article-button-text-active: rgba(255,255,255,1);
			--f-article-button-text-inactive: rgba(150,150,150,1);
		
			--f-article-border-radius: 6px;
			--f-article-border-color: rgb(200,200,200);
			
			--f-article-padding-minimal: 10px;
			--f-article-padding-thin: 15px;
			--f-article-padding: 20px;
			--f-article-padding-wide: 30px;

			--f-article-padding-minimal-neg: -10px;
			--f-article-padding-thin-neg: -15px;
			--f-article-padding-neg: -20px;
			--f-article-padding-wide-neg: -30px;
			--f-article-width: 100%;
			--f-article-maxwidth: 980px;
		} 

		:root [data-premium='true'] {
			--f-article-width: 100%;
			--f-article-maxwidth: 980px;
		}
		
		:root [data-darkmode='on'] {
			--f-article-background: rgb(30,30,30);
			--f-article-background-shade: linear-gradient(180deg, rgb(15,15,15) 0%, rgb(5,5,5) 100%);
			--f-article-background-inline-pale: rgb(25,25,25);
			--f-article-background-inline: rgb(50,50,50);
			--f-article-background-inline-hover: rgb(70,70,70);
			--f-article-background-inline-header: rgba(70,70,70,1);
			--f-article-background-gradient: linear-gradient(180deg, rgba(10,10,10,0.2) 0%, rgba(10,10,10,1) 100%);
			--f-article-background-invert: rgb(190,190,190);
			
			--f-article-scrollbar-thumb: rgb(135,135,135);
			--f-article-scrollbar-track: rgb(45,45,45);
			
			--f-article-text-color: rgb(225, 230, 235);
			--f-article-text-color-shade: rgb(180, 185, 190);
			--f-article-text-color-shade-deluxe: rgb(120, 125, 130);
			--f-article-text-color-invert: rgb(15, 20, 25);
			--f-article-text-color-invert-shade: rgb(60, 65, 70);
			
			--f-article-link-color: rgb(70,140,210);
			--f-article-link-hover: rgb(100,100,100);
			
			--f-article-button-background: rgba(100,100,100,1);
			--f-article-button-background-active: var(--f-hot-color);
			--f-article-button-background-inactive: rgba(30,30,30,1);
			--f-article-button-text: rgba(255,255,255,1);
			--f-article-button-text-active: rgba(255,255,255,1);
			--f-article-button-text-inactive: rgba(150,150,150,1);
			
			--f-article-border-radius: 6px;
			--f-article-border-color: rgb(50,50,50);
		}
		
		@media only screen and (max-width: 600px) {		
			:root {	
				--f-article-padding-minimal: 7px;
				--f-article-padding-thin: 10px;
				--f-article-padding: 15px; 
				--f-article-padding-wide: 20px; 

				--f-article-padding-minimal-neg: -7px;
				--f-article-padding-thin-neg: -10px;
				--f-article-padding-neg: -15px; 
				--f-article-padding-wide-neg: -20px; 
			} 
		}
		
		
		f-article { display: block; }
		f-article-content { display: block; overflow: hidden; }
		@media only screen and (max-width: 1340px) {
			f-article-content { width: 100%; }
		}
		f-article-media { display: block; overflow: hidden; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); margin: 0 auto; width: 100%; }
		
		/* f-article-media { 		display: grid !important; grid-area: media; } */

		f-article-media-above { margin: 0 auto; width: 100%; }

		body[data-premium='false'] f-article-media-above  { margin: var(--f-margins);  }


		
		
		
			f-article {
				display: grid; 
				grid-template-areas:
				"adstripe"
				"header"
				"media"
				"content"
				"footer"
				"error"
				;
				grid-template-rows: auto 1fr auto auto auto;
				grid-template-cols: auto; 
				margin: var(--f-article-padding) auto;
			}
			
			@media only screen and (min-width: 980px) {
				f-article[data-placement="above"] {
					display: grid; 
					grid-template-areas:
					"media"
					"adstripe"
					"header"
					"content"
					"footer"
					"error"
					;
				}
			}

			body[data-premium='false'] f-article-wrapper  { margin: var(--f-margins);  }

			/* MARGINER 
			body[data-premium='false'] f-article-header  { 	margin: var(--f-margins);  }
			body[data-premium='false'] f-article-content { 	margin: var(--f-margins);  }
			body[data-premium='false'] f-article-media { 	margin: var(--f-margins);  }
			body[data-premium='false'] f-article-footer  { 	margin: var(--f-margins);  }
			body[data-premium='false'] f-article-error  { 	margin: var(--f-margins);  }
			*/
			
			body[data-premium='true'] f-article[data-placement="above"] f-article-media-above { max-width: 1500px; }
			body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(2500px - 650px); }

			@media only screen and (max-width: 2500px) {
				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 650px); }	
			}
			@media only screen and (max-width: 1640px) {
				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 330px); margin: 0; }
				
			}
			@media only screen and (max-width: 1340px) {
				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw); }
			}


			@media only screen and (min-width: 980px) {
				f-article[data-placement="above"] f-article-media-above { background-color: transparent !important; }
				f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: transparent !important; }
			}

			
			
			
			
			
			f-article[data-placement='above'] f-article-body[data-part='1'] { margin-top: var(--f-article-padding); } 

			f-article-wrapper { margin: 0 auto; max-width: var(--f-article-maxwidth); width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px; z-index: 1; overflow: hidden; will-change: transform; }
			@media only screen and (max-width: 800px) { f-article-wrapper { box-shadow: none; } }
		
			f-article-header { 		display: grid !important; grid-area: header; background-color: var(--f-article-background); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));  }
		
			
			
			f-article-content { 	display: block !important; grid-area: content; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); width: 100%; }
			f-article-footer { 		display: block !important; grid-area: footer; }
			f-article-error { 		display: none; grid-area: error; }
			
			
		
				 
			
		
		
		
		
		
		
		
		
		
		
		/* ADSTRIPE */
		

		

			f-adstripe {
				display: block; margin: var(--f-article-padding); padding: 8px 10px; overflow: hidden;
				font-family: var(--f-suisse-regular); font-size: 11px; text-align: center;
				background-color: var(--f-article-background-inline-header); color: #fff; grid-area: adstripe;
				text-transform: uppercase; letter-spacing: 0.1em; 
			}

			f-article[data-placement="above"] f-adstripe { margin-top: 20px; z-index: 1; }

		

		

		
		
		
		
		/* SPOILER */ 
		
		f-article-spoiler-overlay {
			position: absolute; display: block; opacity: 0; width: 100%; padding: 60px 0; max-width: 980px; z-index: 100;
			color: var(--f-article-text-color-shade-deluxe); text-align: center; cursor: pointer; transition: all .3s;
			font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; font-weight: 300; letter-spacing: 0; margin: var(--f-margins);
		}
		
		f-article[data-spoiler='true'] f-article-spoiler-overlay { opacity: 1; transition: all .3s; }

		
		f-article-spoiler-overlay b { color: var(--f-article-text-color); font-weight: 300; font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; }

		@media only screen and (max-width: 800px) {		
			f-article-spoiler-overlay { font-size: 26px; line-height: 26px;  }
		}
		@media only screen and (max-width: 480px) {		
			f-article-spoiler-overlay { font-size: 20px; line-height: 20px;  }
		}

		f-article[data-spoiler='true'] .fullsizecontainer, 
		f-article[data-spoiler='true'] f-article-media { filter: blur(50px) grayscale(100%); transition: all .3s; } 
		
		f-article[data-spoiler='true'] f-article-content > *:not(:first-child) { filter: blur(50px) grayscale(100%); transition: all .3s; } 
		
		f-article[data-spoiler='false'] .fullsizecontainer, 
		f-article[data-spoiler='false'] f-article-media { filter: blur(0px) grayscale(0%); transition: all .3s; } 
		
		f-article[data-spoiler='false'] f-article-content > *:not(:first-child) { filter: blur(0px) grayscale(0%); transition: all .3s; } 


	</style>


		


		























































































































































 













































	











	
	
















<script>
	function removeOverlay(value,dasid){
		let status = $(value).attr('data-overlay');
		if (status == 'true') {
			$(value).attr('data-overlay', 'during');
			setTimeout(function() { $(value).attr('data-overlay', 'off'); }, 1000);
		}

		const article = document.querySelector('f-article[data-id="' + dasid +'"]');
		const isNative = $(article).attr('data-ad') === 'true';

		if (isNative) {
			countNative(dasid);
			window._pingQueue('nativeReadmore', dasid);
		} else {
			window._pingQueue('articleReadmore', dasid);
		}
	}
</script>
































































	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	









































		


		









































	<style>
		f-article-header {
			display: block; padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding); margin: 0 auto; 
			width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding));
			position: relative; transition: margin-top 0.5s;
			font-family: var(--f-suisse-light); font-size: 30px; line-height: 30px; font-weight: 300 !important; 
			color: var(--f-article-text-color-shade-deluxe);
			-webkit-font-smoothing: antialiased;
		}
		f-article-header a, f-article-headline a, f-article-preamble a {
			font-weight: 300 !important; 
			color: unset !important;
		}
		f-article[data-artsite='tjock'] f-article-header {
			font-family: var(--f-lato-light); text-transform: uppercase; text-align: center; letter-spacing: -0.02em; font-size: 36px; line-height: 40px;
		}
		f-article[data-artsite='tjock'] f-article-header b {
			font-family: var(--f-lato-light);
		}

		
		
		@media only screen and (max-width: 800px) { 
			f-article-header { font-size: 26px; line-height: 26px; } 
			f-article[data-artsite='tjock'] f-article-header { font-size: 26px; line-height: 26px; } 
		}
		@media only screen and (max-width: 600px) { 
			f-article-header { font-size: 20px; line-height: 20px; } 
			f-article[data-artsite='tjock'] f-article-header { font-size: 20px; line-height: 20px; } 
		}
		
		
		
		f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; position: relative; z-index: 1; }
				
		@media only screen and (max-width: 1380px) {
			f-article[data-placement="above"] f-article-wrapper { margin-top: -50px; }
			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; }
		}
		@media only screen and (max-width: 1180px) {
			f-article[data-placement="above"] f-article-wrapper { margin-top: -20px; }
			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; }
		}
		@media only screen and (max-width: 980px) {
			f-article[data-placement="above"] f-article-wrapper { margin-top: 0; }
			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: 0px; }
			f-article-header { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); }
		}
		
		f-article[data-placement="above"] f-article-header { padding-bottom: 0; }

		@media only screen and (min-width: 980px) {
			
			f-article[data-feature="true"] f-article-header { padding-bottom: calc(var(--f-article-padding) - 2px); }
		}

		
		
		f-article[data-feature="true"] f-article-header { background-color: #333; color: #bbb; }
		f-article[data-feature="true"][data-placement="above"] f-article-header { padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding);  }
		
		

		f-article-headline { display: block;}
		f-article-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }
		f-article[data-feature="true"] f-article-headline b { color: white; }
		
		f-article-preamble { display: block;  }
		f-article[data-temp='hot'] f-article-preamble { color: var(--n-orange-semidark); !important; }
		f-article[data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; }
		
		f-article[data-temp='normal'] f-article-header { border-top: 0px solid var(--f-article-background-inline-hover); }
		f-article[data-temp='hot'] f-article-header { border-top: 3px solid var(--n-orange-semidark); }
		f-article[data-temp='cold'] f-article-header { border-top: 3px solid var(--f-cold-color); }
		
		
		
	</style>















































































































 













































	









































		


		













































	<style>
		
		f-article-body {
			transition: all .3s ease-in-out; display: block; margin: var(--f-article-padding) var(--f-article-padding) 10px var(--f-article-padding); position: relative;
			max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding));
			font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 22px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 
		}
		f-article[data-placement='above'][data-feature='false'] f-article-body[data-part='1'] { margin-top: 0px; } 
		f-article-body[data-part='2'] { margin-top: 0; overflow: hidden; }
		f-article-body[data-part='2'][data-overlay='true'] { max-height: 200px; transition: all .3s ease-in-out;  }
		f-article-body[data-part='2'][data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out;  }
		f-article-body[data-part='2'][data-overlay='false'] { max-height: none; transition: all .3s ease-in-out;  }
		
		f-article-body[data-part='2'][data-overlay='true']::after { transition: all .3s ease-in-out; 
			position: absolute; content: attr(data-readmore); bottom: 30%; left: 50%; transform: translate(-50%, 0%); padding: 8px 16px; margin: 0 auto; border-radius: 8px;  
			background-color: #333; color: white; text-align: center; font-size: 16px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2;
		}
		f-article-body[data-part='2'][data-spoiler='true']::after {
			background-color: var(--f-hot-color);
		}
		f-article-body[data-part='2'][data-overlay='during']::after, 
		f-article-body[data-part='2'][data-overlay='false']::after { transition: all .3s ease-in-out; 
			position: absolute; content: attr(data-readmore); bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 8px 30px; margin: 0 auto; border-radius: 6px; 
			background-color: #333; color: white; text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0;
		}	
		
		f-article-body[data-part='2'][data-overlay='true']::before { transition: all .3s ease-in-out; 
			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 1; z-index: 1;
			background: linear-gradient(
			180deg,
			hsla(0, 0%, 100%, 0.20) 15%,
			hsla(0, 0%, 100%, 0.35) 30%,
			hsla(0, 0%, 100%, 0.5) 40%,
			hsla(0, 0%, 100%, 0.65) 50%,
			hsla(0, 0%, 100%, 0.80) 60%,
			hsla(0, 0%, 100%, 0.95) 80%
			);
		}
		
		[data-darkmode='on'] f-article-body[data-part='2'][data-overlay='true']::before { 
			background: linear-gradient(
			180deg,
			hsla(0, 0%, 0%, 0.20) 15%,
			hsla(0, 0%, 0%, 0.35) 30%,
			hsla(0, 0%, 0%, 0.5) 40%,
			hsla(0, 0%, 0%, 0.65) 50%,
			hsla(0, 0%, 0%, 0.80) 60%,
			hsla(0, 0%, 0%, 0.95) 80%
			);
		}
		
		f-article-body[data-part='2'][data-overlay='during']::before, 
		f-article-body[data-part='2'][data-overlay='false']::before { transition: all .3s ease-in-out; 
			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 0; 
		}

		f-article-body f-para { display: block; margin-top: 10px; position: relative; }
		f-article-body f-para img { display: block; width: 100%; height: auto; }
		
		f-article-body p { margin: 0 0 10px 0; }
		f-article-body em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; }
		f-article-body b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); }
		f-article-body a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
		f-article-body a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
		
		f-article-body h3 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; padding: 10px 0px 0px 0px; margin: 0; }
		
		@media only screen and (max-width: 600px) {
			f-article-body h3 { font-size: 16px; line-height: 18px; }
		
		}

		f-article-body h4 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; 
							padding: 12px 16px; margin: 10px 0 -10px 0; width: calc(100% - 32px); background-color: var(--f-article-background-inline); }

		f-article-body i h4 { background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); margin: -15px -12px -10px -20px; width: calc(100% + 8px); }
		
		@media only screen and (max-width: 600px) {
			f-article-body h4 { font-size: 16px; line-height: 18px; }
		
		}
		
		f-article-body i { color: var(--f-article-text-color); display: inline-block; margin: 10px 0px 10px 0px; padding: 15px 20px; width: calc(100% - 40px);
			font-style: normal; font-family: var(--f-suisse-regular); border-left: none; background-color: var(--f-article-background-inline); border-radius: 0px;
			border-left: 3px solid var(--f-hot-color); 
		}
			
		f-article-body i b { font-family: var(--f-suisse-semibold); font-weight: 300; font-style: normal; color: var(--f-article-text-color); }
		

		/*
		f-article-body ul, f-article-body li, f-article-body ul li {
		   margin:0;
		   padding: 0;
		   text-indent: 0;
		   list-style-type: none;
		}
		
		f-article-body li { padding-left: 20px; position: relative;  }
		
		f-article-body li:before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 10px; height: 0px; border-width: 0px 0px 2px 0; border-style: solid; border-color: var(--f-article-text-color); transform-origin: bottom left; }
		
		*/

		ul br, ol br {
			display: none;
		}

		ul li br, ol li br {
			display: inline;
		}

		ul, ol {
			padding-left: 16px; margin-bottom: 0rem;
		}

		ol {
			counter-reset: item;
		}

		ul li, ol li {
			position: relative; margin: 0.3em 0; list-style: none;
		}

		ul li {
			padding-left: 0.8em;
		}

		ol li {
			padding-left: 1.2em; counter-increment: item;
		}

		ul li::before, ol li::before {
			position: absolute; left: 0; opacity: 0.6; font-family: var(--f-suisse-semibold); font-weight: 300;
		}

		ul li::before {
			content: '-'; 
		}

		ol li::before {
			content: counter(item) ".";
		}

		/* TABLE I ARTIKEL */

		f-table-wrapper { display: block; overflow-x: auto; background-color: var(--f-article-background-inline); font-size: 13px; line-height: 18px; }

		f-table-wrapper br { display: none; }
		f-table-wrapper f-td br { display: inline; }

		f-table { display: table; width: calc(100% - 2px); border-collapse: collapse;  }

		f-tr-header { background-color: var(--f-article-background-inline-header); color: white;  }

		f-tr-header, f-tr, f-tr-footer { display: table-row; }

		f-td { display: table-cell; padding: 8px 12px; border: 1px solid #ccc; max-width: 250px; }
		f-tr-header f-td { font-family: var(--f-suisse-semibold); border-color: var(--f-article-background-inline-header); }
		f-tr-footer f-td { font-family: var(--f-suisse-semibold); background-color: #e0e0e0; }
		f-td.bold { font-family: SuisseSemiBold; }

		f-td img { margin: -8px 0px -8px -12px; width: calc(100% + 24px) !important;}

		@media (max-width: 940px) {
			f-table-wrapper { display: block; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
			f-table { min-width: 350px; }
		}

		f-td ul, f-td ol { padding-left: 4px; }

		.cta-button { margin: 8px auto 0; display: block; background-color: var(--f-hot-color); color: white; border-radius: 6px; padding: 4px 6px; min-width: 100px; text-align: center; transition: background-color 0.3s ease; }
		.cta-button:hover { background-color: #444; color: white; }
		

		f-article-body img { width: 100%; display: block; }
		
		
		f-article-body-linksetc { display: block; margin: 0 var(--f-article-padding) var(--f-article-padding); 
			max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
		
		f-article-body-link { display: block; font-family: var(--f-suisse-semibold); max-width: var(--f-article-maxwidth); margin: 0 auto 10px; font-size: 15px; line-height: 22px; }
		f-article-body-link a { color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important;}

		.article-body-link {font-family: var(--f-suisse-semibold); margin: 10px auto 10px; font-size: 15px; line-height: 22px; color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; display: inline-block; -webkit-font-smoothing: auto;}
		
		f-viathanks {
			color: var(--f-article-text-color-shade-deluxe);
			font-size: 12px;
			line-height: 17px;
			-webkit-font-smoothing: subpixel-antialiased;
			max-width: var(--f-article-maxwidth);
			margin: 0 auto 10px;
			display: block;
		}
		
		
		f-viathanks a {
			font-family: var(--f-suisse-book) !important; font-weight: 300 !important; text-decoration: none; border-bottom: 0;
		}
		
		f-viathanks-cat {
			
		}
		
		f-viathanks-cat .thankssite {
			font-family: var(--f-suisse-book); font-weight: 300;
			color: var(--f-article-link-color);
		}
		
		f-viathanks-cat .thankscat { 
			color: var(--f-article-link-color);
			text-transform: lowercase;
		 }
		 
		 f-viathanks-cat .thankssite:hover, 
		 f-viathanks-cat .thankscat:hover { 
			color: var(--f-article-link-hover);
		 }
		
		
		
		f-viathanks f-viathanks-thanks { display: block; }
		f-viathanks f-viathanks-thanks b { font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; color: var(--f-article-link-color-shade) !important; }
		f-viathanks f-viathanks-tags a { font-family: var(--f-suisse-book) !important; font-weight: 300 !important;
			color: var(--f-article-link-color); text-transform: lowercase;
		}
		f-viathanks f-viathanks-tags a:hover { color: var(--f-article-link-hover); }
		f-viathanks f-viathanks-via, f-viathanks f-viathanks-thanks { display: block; }
		f-viathanks f-viathanks-via a:hover , f-viathanks f-viathanks-thanks a:hover  { color: var(--f-article-text-hover); }
		
	</style>











































































































 













































	









































		


		




















































	<style>
		
		f-article-fullsize-container { display: block; }
		body[data-premium='true'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2000px); }	
		body[data-premium='false'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2500px - 640px); }	
		
		@media only screen and (max-width: 2500px) {
			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 640px); }	
		}
		@media only screen and (max-width: 1640px) {
			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 320px); }
			
		}
		@media only screen and (max-width: 1340px) {
			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw); }
		
		}
		body[data-site='tjock'] f-article-fullsize-container { margin-top: 20px; }
		
		@media only screen and (max-width: 980px) {
			f-article-fullsize-container { margin-top: 20px; }	
		}
		
		
		body[data-premium='true'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2000px); }	
		body[data-premium='false'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2500px - 640px); }	
		
		@media only screen and (max-width: 2500px) {
			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 640px); }	
		}
		@media only screen and (max-width: 1640px) {
			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 320px); }
			
		}
		@media only screen and (max-width: 1340px) {
			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw); }
		
		}
		body.tjock .fullsizecontainer { margin-top: 20px; }	
		
		@media only screen and (max-width: 980px) {
			.fullsizecontainer { margin-top: 20px; }	
		}
		
		
		
		.fullSize { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
		.fullSizeHeader { position: relative; margin-top: -100px; }
		.fullSizeArticle { max-width: 980px; }
		
		@media only screen and (max-width: 1688px) {
			.fullSize { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
		}
		
		@media only screen and (max-width: 1280px) {
				.fullSizeHeader { margin-top: -60px; }
			}
		
		@media only screen and (max-width: 980px) {
			.fullSizeHeader { margin-top: -20px; }
			.fullSize { margin-bottom: 0; }
		}
		
		
		
		
		
		
	</style>




































































































 













































	









































		


		
























































	<style>
		
		
		
		f-article-image { display: flex; width: 100%; height: 100%; position: relative;  }
		f-article-image[data-position="secondary"] { 
			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); height: auto; position: relative; display: flex; margin: var(--f-article-padding); }

		f-article-image[data-position='primary'] { height: 0; overflow: hidden; background-color: #e7e7e7; }
		f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: #333; }
		f-article-image[data-position='primary'] img { position: absolute; top: 0; left: 0; object-fit: cover; }
			
		f-article-image img { width: 100%; height: 100%; position: relative; display: flex; }
		
		f-article-image-caption {
			display: block; position: absolute; padding: 8px 12px; left: 30px; bottom: 30px; max-height: calc(100% - 84px);
			font-family: var(--f-suisse-light); font-size: 18px; line-height: 20px; font-weight: 300;
			color: white;background-color: rgba(0,0,0,0.8);
		}

		

		f-article-image-caption a {
			color: rgb(100,170,240); font-family: var(--f-suisse-light);
		}
		f-article-image-caption a:hover {
			color: white; font-family: var(--f-suisse-light);
		}

		f-article-image-cred {
			display: block; position: absolute; right: 0px; bottom: 0px; padding: 4px 6px;
			font-size: 9px; font-family: var(--f-suisse-regular); font-weight: normal; font-style: normal;
			color: white; text-shadow: 1px 0px 6px rgb(0 0 0 / 80%);
		}
		f-article-image-cred a { color: white; font-family: var(--f-suisse-regular); font-weight: normal;  }
		f-article-image-cred a:hover { color: var(--f-article-text-color-shade); }
		
		@media only screen and (min-width: 980px) {
			f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-caption { top: 30px; bottom: unset; }
			f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-cred { bottom: 80px; }
		}
		
		@media only screen and (max-width: 640px) {
			f-article-image-caption { padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 18px; max-width: calc(100% - 45px);  }
			f-article-image-cred { right: 0px; bottom: 0px; font-size: 10px; }
		}
		
		
		
		
		f-article-slide-container { display: block; margin: var(--f-article-padding); }
		
		f-article-slide-thumb.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, 
		f-article-slide-thumb.splide--nav>.splide__track>.splide__list>.splide__slide.is-active { 
			opacity: 0.5; border: none !important; filter: grayscale(100%);  
		}
		
		.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 
		.splide--nav>.splide__track>.splide__list>.splide__slide {
			border: none; 
		}
		
		f-article-slide-main.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 
		f-article-slide-main.splide--nav>.splide__track>.splide__list>.splide__slide {
			transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important;
		}
		
		f-article-slide-main-slide {
			transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important;
		}
		
		.splide__arrows { position: relative; }
		.splide__arrow { top: -1px; bottom: 0px; margin: 11px; padding: 8px; width: 27px; height: 27px; 
			transform: none;  opacity: 1; background-color: rgba(0,0,0,0.2);
		 }
		.splide__arrow svg { fill: white; width: 11px; height: 11px;  }
		
		.splide__arrow--next { right: 0px !important; }
		.splide__arrow--prev { left: 0px !important;  }
		
		.splide__slide img { width: 100%; }
		
		f-article-slide-main, f-article-slide-thumb { max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
		f-article-slide-thumb { display: block; margin-bottom: 6px !important; }
		.splide__track f-fullscreen-enter { right: 30px; }
		
		
		
		
		f-fullscreen {
			display: none; top: 0; left: 0; background-color: black; width: 100%; height: 100%; 
			transition: background-size .5s ease-in-out; background-size: 100%;  background-repeat: no-repeat;background-position: center;
		}
		
		f-fullscreen:-webkit-full-screen { display: block; color: white; }	
		f-fullscreen:fullscreen { display: block; position: fixed; }
		
		f-fullscreen-enter { display: block; position: absolute; right: 0; padding: 8px; background-color: rgba(0,0,0,0.3); top: 0; border-radius: 20px; margin: 10px; cursor: pointer; }
		f-fullscreen-enter svg { display: block; width: 11px; height: 11px; }
		
		f-fullscreen-close { padding: 20px; position: fixed; top: 20px; right: 20px; border-radius: 30px; background-color: rgba(0,0,0,0.4); cursor: pointer; }
		f-fullscreen-close svg { width: 20px; height: 20px; display: block; }
		
		@media only screen and (max-width: 980px) {
			f-fullscreen-enter { display: none; }
		}
		
		
		
		
		f-flide { position: relative; display: grid; background-color: var(--f-article-background-inline); overflow: hidden;  }
		f-flide * { box-sizing: border-box; }
		f-flide f-article-image { cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer; }
		f-flide img { vertical-align: middle; }
		
		/* Fullscreen containern - sÃ¤kerstÃ¤ll att den fyller hela skÃ¤rmen */
		f-article-slide-container:fullscreen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; }
		f-article-slide-container:-webkit-full-screen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; }
		
		/* Fullscreen f-flide - fyller containern */
		f-article-slide-container:fullscreen f-flide { width: 100% !important; height: 100% !important; }
		f-article-slide-container:-webkit-full-screen f-flide { width: 100% !important; height: 100% !important; }
		
		/* Fullscreen bilder - sÃ¤kerstÃ¤ll att hela bilden syns pÃ¥ mindre skÃ¤rmar */
		f-article-slide-container:fullscreen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; }
		f-article-slide-container:-webkit-full-screen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; }
		
		f-article-slide-container:fullscreen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; }
		f-article-slide-container:-webkit-full-screen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; }
		
		f-flide-item { display: block; height: 0px; opacity: 0; transition: opacity .0s; overflow: hidden;}
		f-flide-item[data-status="on"] { display: flex; height: auto; opacity: 1; transition: opacity .4s; width: 100%; }
		
		
		f-article-slide-container:fullscreen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; }
		f-article-slide-container:-webkit-full-screen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; }
		
		f-flide-thumbs-container {  background-color: var(--f-article-background-inline); width: 100%; display: block;  overflow-x: auto; overflow-y: hidden; transition: all 0.5s; }
		f-flide-thumbs-container[data-hidethumbs="on"] {  display: none; }
		f-flide-thumbs { display: block;  height: 68px; opacity: 1; background-color: var(--f-article-background-inline); display: block;  width: 100%; padding: 10px 0px 7px 10px; overflow-x: hidden;  }
		f-flide-thumb { display: block;  float: left; width: 65px; height: 65px; opacity: 1; cursor: pointer; margin-right: 10px; scroll-snap-align: center; border-bottom: 3px solid var(--f-article-background-inline); }
		f-flide-thumb[data-status="on"] {  border-bottom: 3px solid var(--f-hot-color); }
		f-flide-thumb img { object-fit: cover; height: 100%; width: 100%; opacity: 1; transition: all .3s !important; }
		
		f-flide-thumb[data-status="on"] img { object-fit: cover; height: 100%; width: 100%; opacity: .5; }
		
		f-flide-thumbs-container { scrollbar-color: var(--f-article-background-invert) var(--f-article-background-inline-hover); scrollbar-width: thin; }
		f-flide-thumbs-container::-webkit-scrollbar { width: 10px; height: 10px; }
		f-flide-thumbs-container::-webkit-scrollbar-thumb { background: var(--f-article-scrollbar-thumb); }
		f-flide-thumbs-container::-webkit-scrollbar-track {  background: var(--f-article-scrollbar-track); }
		f-flide-thumbs-container::-webkit-scrollbar-track-piece  {  background: pink); }
		
		f-flide-thumbs-container::-webkit-scrollbar-thumb:vertical { height: 30px; background: var(--f-article-background-inline-hover); }
		
		f-flide-thumbs-container[data-scroll="off"]::-webkit-scrollbar { width: 0px; height: 0px; }
		
		f-flide-prev, f-flide-next {
			display: block; cursor: pointer; position: absolute; bottom: 0px; width: auto; padding: 10px; user-select: none; background-color: rgba(0,0,0,0); transition: all .4s;
	
		}
		f-flide-prev { transform: scaleX(-1); width: 30%; height: 100%;     display: flex; justify-content: end; align-items: end;
			cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjEgMC40NjYwNTVMMTcuMjUgMi42NTYwNUwxMCA5Ljk1NjA1TDE3LjI1IDE3LjIwNjFMMTUuMSAxOS40MDYxTDcuOCAxMi4xMDYxTDUuNiA5Ljk1NjA1TDcuOCA3Ljc1NjA1TDE1LjEgMC40NTYwNTVWMC40NjYwNTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") 12 12, pointer; }
		f-flide-next { right: 0; }
		f-flide-prev svg, f-flide-next svg { fill: white; width: 16px; height: 16px; padding: 0; margin: 0; }
		f-flide-prev svg {  }
		
		f-flide f-fullscreen-enter {  }
		
		f-flide-start-fullscreen {
			display: block; text-align: center; 
			float: left; height: 65px; width: 65px; background-color: var(--f-article-text-color-invert-shade); margin: 0px 10px 0px 0px;
		}
		@media (pointer: coarse) {
			f-flide-start-fullscreen {
				display: none;
			}
		}
		f-flide-start-fullscreen svg {
			width: 25px; height: 25px; padding: 20px;
		}

		

		f-inlinegallery-container {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin: 20px auto;
			overflow: hidden;
			background: var(--f-article-background-inline);
		}

		f-inlinegallery-main {
			position: relative;
			display: block;
			width: 100%;
			background: #f8f8f8;
		}

		f-inlinegallery-main img {
			display: block;
			width: 100%;
			height: auto;
			object-fit: cover;
			cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer;
		}

		f-inlinegallery-thumbs {
			display: flex;
			background: #f0f0f0;
			padding: 8px;
			gap: 8px;
			overflow-x: auto;
			scrollbar-width: thin;
			order: -1;
			border-bottom: 3px solid var(--f-article-background-inline);
		}

		f-inlinegallery-thumb {
			flex-shrink: 0;
			width: 65px;
			height: 65px;
			overflow: hidden;
			cursor: pointer;
			transition: border-color 0.2s ease;
		}

		f-inlinegallery-thumb.active {
			border-bottom: 3px solid var(--f-hot-color);
		}

		f-inlinegallery-thumb img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		f-inlinegallery-container:fullscreen {
			width: 100vw !important;
			height: 100vh !important;
			margin: 0 !important;
			position: fixed !important;
			top: 0 !important;
			left: 0 !important;
			background: #000;
		}

		f-inlinegallery-container:-webkit-full-screen {
			width: 100vw !important;
			height: 100vh !important;
			margin: 0 !important;
			position: fixed !important;
			top: 0 !important;
			left: 0 !important;
			background: #000;
		}

		f-inlinegallery-container:fullscreen f-inlinegallery-main,
		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 0;
			background: #000;
		}

		f-inlinegallery-container:fullscreen f-inlinegallery-main img,
		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main img {
			max-width: 100vw !important;
			max-height: calc(100vh - 85px) !important;
			width: auto !important;
			height: auto !important;
			margin: 0 auto;
			object-fit: contain !important;
		}

		f-inlinegallery-container:fullscreen f-inlinegallery-thumbs,
		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-thumbs {
			flex: 0 0 auto;
			background: #000;
			border-bottom-color: #000;
		}
		
		
	</style>
































































































 













































	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 

















<script>
	let fullscreenImageState = {
		element: null,
		imgWidth: 0,
		imgHeight: 0,
		fullWidthSize: '',
		fullHeightSize: '',
		isFullWidth: true,
		eventHandlers: null // FÃ¶r att kunna ta bort event listeners
	};
	
	// Funktion fÃ¶r att berÃ¤kna och sÃ¤tta bakgrundsstorlek baserat pÃ¥ aktuell viewport
	function calculateBackgroundSizes(showImage = true) {
		if (!fullscreenImageState.element) return;
		
		const element = fullscreenImageState.element;
		
		// Kontrollera om vi Ã¤r i fullscreen-lÃ¤ge (standard + webkit fÃ¶r Safari)
		const isFullscreen = document.fullscreenElement === element || 
		                     document.webkitFullscreenElement === element;
		
		// I fullscreen-lÃ¤ge, anvÃ¤nd alltid skÃ¤rmens storlek direkt
		let viewportWidth, viewportHeight;
		if (isFullscreen) {
			// Native fullscreen: anvÃ¤nd skÃ¤rmens storlek (screen.width/height ger alltid rÃ¤tt vÃ¤rden)
			viewportWidth = screen.width;
			viewportHeight = screen.height;
		} else {
			// Inte i fullscreen: anvÃ¤nd elementets faktiska storlek
			viewportWidth = element.offsetWidth || element.clientWidth || window.innerWidth || screen.width;
			viewportHeight = element.offsetHeight || element.clientHeight || window.innerHeight || screen.height;
		}
		
		// BerÃ¤kna skalor
		const scaleWidth = viewportWidth / fullscreenImageState.imgWidth;
		const scaleHeight = viewportHeight / fullscreenImageState.imgHeight;
		const scaleContain = Math.min(scaleWidth, scaleHeight);
		const scaleCover = Math.max(scaleWidth, scaleHeight);
		
		// BerÃ¤kna storlekar
		fullscreenImageState.fullWidthSize = (fullscreenImageState.imgWidth * scaleContain) + 'px ' + 
		                                      (fullscreenImageState.imgHeight * scaleContain) + 'px';
		fullscreenImageState.fullHeightSize = (fullscreenImageState.imgWidth * scaleCover) + 'px ' + 
		                                       (fullscreenImageState.imgHeight * scaleCover) + 'px';
		
		// SÃ¤tt storleken
		element.style.backgroundSize = fullscreenImageState.isFullWidth ? 
			fullscreenImageState.fullWidthSize : fullscreenImageState.fullHeightSize;
		
		// Visa bilden om det begÃ¤rs
		if (showImage) {
			requestAnimationFrame(() => {
				element.style.transition = 'opacity 0.2s ease-in';
				element.style.opacity = '1';
			});
		}
	}
	
	function fullscreenImage(backUrl, imgWidth, imgHeight) {
		const element = document.querySelector('f-fullscreen');
		if (!element) return;
		
		// Ta bort tidigare event listeners om de finns (fÃ¶rhindra minneslÃ¤ckor)
		if (fullscreenImageState.eventHandlers) {
			document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange);
			document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange);
		}
		
		// Spara state
		fullscreenImageState.element = element;
		fullscreenImageState.imgWidth = imgWidth;
		fullscreenImageState.imgHeight = imgHeight;
		fullscreenImageState.isFullWidth = true;
		
		// SÃ¤tt bakgrundsbild
		element.style.backgroundImage = 'url(' + backUrl + ')';
		element.style.backgroundPosition = 'center center';
		element.style.cursor = 'zoom-in';
		element.style.transition = 'none';
		element.style.opacity = '0';
		
		// Flagga fÃ¶r att fÃ¶rhindra dubbel anropning
		let sizesCalculated = false;
		
		// Funktion som kÃ¶rs nÃ¤r fullscreen Ã¤r aktivt
		const setupFullscreen = () => {
			if (sizesCalculated) return; // FÃ¶rhindra dubbel anropning
			sizesCalculated = true;
			
			requestAnimationFrame(() => {
				requestAnimationFrame(() => {
					calculateBackgroundSizes(true);
					// Ãteraktivera transition efter initial berÃ¤kning
					setTimeout(() => {
						element.style.transition = '';
					}, 50);
				});
			});
		};
		
		// Event handler fÃ¶r fullscreen-change (standard + webkit fÃ¶r Safari)
		const handleFullscreenChange = () => {
			const isActive = document.fullscreenElement === element || 
			                document.webkitFullscreenElement === element;
			
			if (isActive && !sizesCalculated) {
				setupFullscreen();
			}
		};
		
		// Spara handlers fÃ¶r senare borttagning
		fullscreenImageState.eventHandlers = {
			fullscreenchange: handleFullscreenChange,
			webkitfullscreenchange: handleFullscreenChange
		};
		
		// LÃ¤gg till event listeners (standard + webkit fÃ¶r Safari)
		document.addEventListener('fullscreenchange', handleFullscreenChange);
		document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
		
		// Request fullscreen (standard + webkit fÃ¶r Safari)
		let fullscreenPromise;
		if (element.requestFullscreen) {
			fullscreenPromise = element.requestFullscreen();
		} else if (element.webkitRequestFullScreen) {
			fullscreenPromise = element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
		}
		
		// VÃ¤nta pÃ¥ fullscreen-attivering
		if (fullscreenPromise && fullscreenPromise.then) {
			fullscreenPromise.then(() => {
				setTimeout(setupFullscreen, 100);
			}).catch(() => {
				// Om fullscreen misslyckas, berÃ¤kna Ã¤ndÃ¥
				setupFullscreen();
			});
		} else {
			// FÃ¶r browsers som inte returnerar promise
			setTimeout(setupFullscreen, 100);
		}
		
		// Toggle zoom vid klick: contain â cover
		element.onclick = function() {
			if (fullscreenImageState.isFullWidth) {
				element.style.backgroundSize = fullscreenImageState.fullHeightSize;
				element.style.cursor = 'zoom-out';
				fullscreenImageState.isFullWidth = false;
			} else {
				element.style.backgroundSize = fullscreenImageState.fullWidthSize;
				element.style.cursor = 'zoom-in';
				fullscreenImageState.isFullWidth = true;
			}
		};
	}
	
	// Exit-funktion (global fÃ¶r att kunna anropas frÃ¥n HTML)
	function exitFullscreen() {
		// StÃ¤ng fullscreen (standard + webkit fÃ¶r Safari)
		if (document.exitFullscreen) {
			document.exitFullscreen();
		} else if (document.webkitExitFullscreen) {
			document.webkitExitFullscreen();
		} else if (document.webkitCancelFullScreen) {
			document.webkitCancelFullScreen();
		}
		
		// Rensa event listeners nÃ¤r fullscreen stÃ¤ngs
		if (fullscreenImageState.eventHandlers) {
			document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange);
			document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange);
			fullscreenImageState.eventHandlers = null;
		}
	}
</script>




























	









































		


		





























































	<style>
		.videox  { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; }
		.videohoger { padding-bottom: 177.96%; }
		.videox iframe, .videox object, .videox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.videox .youtube_container { position: relative; width: 100%; padding-bottom: 56.3%; background-position: center; background-size: Cover;background-position: center;
		background-size: cover; background-color: #222; text-align: center; cursor: pointer; }
		.videohoger .youtube_container { padding-bottom: 177.96%; }
		.videox .youtube { position: absolute; width: 100%; height:100%; overflow: hidden; }
		.videox .youtube img { width: 100%; margin-top: 0; margin-top: -9.375%; }
		.videox .youtube .vimeoThumb { width: 100%; margin-top: 0; }
		.videox .youtube_overlay { position: absolute; color: #fff; width: 100%;  }
		.videox .youtube_overlay img { width: 100%; }
		.videox .youtube_icon {
			position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%; margin-top: -25px; margin-left: -35px;
		}
		.videox .youtube_icon img { width: 71px; height: 50px; }
		
		f-externalyoutube-container f-flide img { cursor: pointer; }
		f-externalyoutube-container .videox { padding-bottom: 0px; }
		f-externalyoutube-container f-flide-item[data-status="on"]Â { padding-bottom: 56.2%; }
		f-externalyoutube-container f-flide-item[data-status="off"]Â { padding-bottom: 0px; }
		f-externalyoutube-container f-flide-thumb { width: 115px; height: 65px; }
	</style>



























































































 













































	









































		


		
































































	<style>
		/* Wiki-relaterad CSS har flyttats till css_embed.jsp */
	</style>
























































































 













































	









































		


		





































































	<style>
		/* IMDb-relaterad CSS har flyttats till css_embed.jsp */
	</style>



















































































 













































	









































		


		








































































	<style>

		f-article-factbox {
			display: block; margin: var(--f-article-padding); font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal;
		}
		
		f-article-factbox-header {
			display: block; background-color: var(--f-article-background-inline); color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
			padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); font-size: 16px; line-height: 16px;  font-family: var(--f-suisse-bold);
		}

		f-article-factbox-vignette { font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade); }
		
		f-article-factbox-open {
			display: block; float: right; padding: 0px 20px; margin: 5px; border-radius: 3px; 
			background-color: var(--f-hot-color); color: white; cursor:pointer; line-height: 30px;
		}
		
		f-article-factbox-text {
			display: block; position: relative; overflow: hidden; background-color: var(--f-article-background-inline);
			font-size: 13px; line-height: 17px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 
			padding: 8px var(--f-article-padding) var(--f-article-padding); 
		}
		
		f-article-factbox-text em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; }
		f-article-factbox-text b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); }
		f-article-factbox-text a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
		f-article-factbox-text a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
		
		f-article-factbox-text[data-overlay='true'] { max-height: 50px; transition: all .3s ease-in-out;  }
		f-article-factbox-text[data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out;  }
		f-article-factbox-text[data-overlay='false'] { max-height: none; transition: all .3s ease-in-out;  }
		
		f-article-factbox-text[data-overlay='true']::after { transition: all .3s ease-in-out; 
			position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px;  
			background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 15px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2;
		}
		f-article-factbox-text[data-overlay='during']::after, 
		f-article-factbox-text[data-overlay='false']::after { transition: all .3s ease-in-out; 
			position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px; background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0;
		}
		
		f-article-factbox-text[data-overlay='true']::before { transition: all .3s ease-in-out; 
			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 1; z-index: 1; margin-left: -15px;
			background: linear-gradient(
			180deg,
			hsla(0, 0%, 95%, 0.20) 15%,
			hsla(0, 0%, 95%, 0.35) 30%,
			hsla(0, 0%, 95%, 0.5) 40%,
			hsla(0, 0%, 95%, 0.65) 50%,
			hsla(0, 0%, 95%, 0.80) 60%,
			hsla(0, 0%, 95%, 0.95) 80%
			);
		}
		
		[data-darkmode='on'] f-article-factbox-text[data-overlay='true']::before { 
			background: linear-gradient(
			180deg,
			hsla(0, 0%, 12%, 0.20) 15%,
			hsla(0, 0%, 12%, 0.35) 30%,
			hsla(0, 0%, 12%, 0.5) 40%,
			hsla(0, 0%, 12%, 0.65) 50%,
			hsla(0, 0%, 12%, 0.80) 60%,
			hsla(0, 0%, 12%, 0.95) 80%
			);
		}
		
		f-article-factbox-text[data-overlay='during']::before, 
		f-article-factbox-text[data-overlay='false']::before { transition: all .3s ease-in-out; 
			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 0; 
		}
		
	</style>
















































































 













































	









































		


		












































































	<style>
		
		f-question-container { display: block; margin: var(--f-article-padding); }
		f-question { display: flex; flex-direction: column; }

		/* Header */
		f-question-header {
			display: flex; 
			padding: 12px var(--f-article-padding-thin); 
			background-color: rgb(50,50,50); color: white;
			font-family: var(--f-suisse-semibold); font-weight: 300; font-size: 17px; line-height: 20px; -webkit-font-smoothing: antialiased;
			border-radius: 6px 6px 0 0;
			margin-bottom: 2px;
		}
		f-question-header-right {
			font-family: var(--f-suisse-regular); font-size: 13px; flex-shrink: 0; margin-left: auto; white-space: nowrap; -webkit-font-smoothing: auto; opacity: 0.7;
		}

		/* Resultat */
		f-question-result { display: flex; flex-direction: column; }
		f-question-resultbar {
			display: flex; align-items: center; gap: 10px;
			padding: 12px var(--f-article-padding-thin); margin: 0 0 2px;
			font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: white;
		}
		f-question-resultbar-right { flex-shrink: 0; margin-left: auto; color: #fff; }

		/* Svarsalternativ */
		f-question-answer {
			display: flex; align-items: center; position: relative; margin: 0 0 2px;
			font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color);
			background-color: var(--f-article-background-inline); transition: background-color 100ms ease-in;
		}
		f-question-answer:hover { background-color: var(--f-article-background-inline-hover); }

		f-question-answer input { position: absolute; visibility: hidden; }

		f-question-answer label {
			display: flex; align-items: center; flex: 1;
			padding: 12px calc(var(--f-article-padding) + 38px) 12px var(--f-article-padding);
			color: var(--f-article-text-color); cursor: pointer; position: relative;
			transition: color 200ms ease-in; overflow: hidden;
		}

		/* Checkbox-indikator (::after) */
		f-question-answer label:after {
			content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);
			width: 28px; height: 28px; cursor: pointer; transition: all 100ms ease-in;
			background-color: var(--f-article-background-inline-hover); background-repeat: no-repeat; background-position: 2px 3px;
			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(210,210,210,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
		}
		f-question-answer:hover label:after {
			background-color: var(--f-hot-color);
			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
		}
		[data-darkmode='on'] f-question-answer label:after {
			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(30,30,30,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
		}
		f-question-answer input:checked ~ label:after {
			background-color: var(--f-hot-color);
			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
		}
		[data-darkmode='on'] f-question-answer input:checked ~ label:after {
			background-color: var(--f-hot-color);
			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
		}

		/* Radio-alternativ (answerMode 1/3, utan input) */
		f-question-answer[data-index] {
			padding: 12px var(--f-article-padding-thin); gap: 8px; cursor: pointer;
		}
		f-question-answer[data-index]::before {
			content: ''; flex-shrink: 0; width: 18px; height: 18px;
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23999999'/%3E%3C/svg%3E");
			background-size: 18px 18px; background-repeat: no-repeat; transition: all 100ms ease-in;
		}
		f-question-answer[data-index]:hover::before {
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E");
		}
		f-question-answer[data-index].selected::before {
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E");
		}

		/* Footer */
		f-question-footer {
			display: flex; align-items: center; flex-wrap: wrap; height: 46px;
			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 18px;
			background-color: var(--f-article-background-inline);
			border-radius: 0 0 6px 6px;
		}
		f-question-footer-right { margin-left: auto; }
		f-question-footer input[type="submit"] {
			border: 0; padding: 0 12px; margin: 8px; border-radius: 6px;
			background-color: var(--f-article-button-background-active); cursor: pointer;
			font-family: var(--f-suisse-regular); font-size: 16px; line-height: 30px; color: white;
		}
		f-article[data-artsite='tjock'] f-question-footer input[type="submit"] {
			background-color: var(--f-hot-color-tjock);
		}
		f-question-footer input[type="submit"]:disabled {
			background-color: var(--f-article-button-background-inactive); cursor: default;
		}
		f-question-footer-text { padding: 6px 11px; margin-left: 8px; color: var(--f-article-text-color); font-size: 13px; }
		f-question-footer-link {
			padding: 6px 11px; cursor: pointer; font-size: 13px; margin-left: 8px;
			color: var(--f-article-text-color); background: rgba(0,0,0,0.08); border-radius: 6px;
		}
		f-question-footer-link:hover { background: rgba(0,0,0,0.16); }
		[data-darkmode='on'] f-question-footer-link { color: var(--f-article-text-color); background: rgba(255,255,255,0.16); }
		[data-darkmode='on'] f-question-footer-link:hover { background: rgba(255,255,255,0.24); }

		@media only screen and (max-width: 480px) {
			f-question-header { font-size: 15px; line-height: 17px; }
			f-question-header-right { font-size: 12px; }
			f-question-answer { font-size: 13px; line-height: 15px; }
			f-question-resultbar { font-size: 13px; line-height: 15px; padding: 12px var(--f-article-padding); }
			f-question-resultbar-right { font-size: 12px; line-height: 18px; }
			f-question-footer { font-size: 13px; line-height: 15px; }
			f-question-footer input[type="submit"] { padding: 0 12px; font-size: 14px; line-height: 29px; }
			f-question-footer-link, f-question-footer-text { padding: 12px var(--f-article-padding); }
		}
		}

	
	
	
			
		--%>
			
	</style>












































































 













































	









































		


		



















































































	<style>
		/* Embed-relaterad CSS har flyttats till css_embed.jsp */
		f-embed[data-type="mux"] {
			display: block;
		}
	</style>





































































 













































	









































		


		























































































	<style>
		f-externalyoutube-container { margin: var(--f-article-padding); display: block; }
		f-externalyoutube { display: block; margin: 0; }
		f-externalyoutube-track, f-externalyoutube-list, f-externalyoutube-item { display: block; }
		
		f-externalyoutubethumbs { display: block; margin-top: 6px; }
		f-externalyoutubethumbs-track, f-externalyoutubethumbs-list, f-externalyoutubethumbs-item { display: block; }
		f-externalyoutubethumbs-track { overflow: unset !important; }
		f-externalyoutubethumbs-item img { width: 100% }
		f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide { border: 0; }
		f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide.is-active { border: 0; opacity: 0.5; }
		f-externalyoutubethumbs-item.is-active { opacity: 0.5; transition: all .4s ease-in-out; border: none !important; }
		
	</style>

































































 













































	









































		


		






























































































	<style>
		
		f-article-disqus-container {
			display: block; margin: var(--f-margins); max-width: 980px; width: 100%;
			background-color: var(--f-article-background);
		}
		f-article-disqus {
			display: block; max-height: 0; padding: 0; transition: max-height .4s ease-in-out; overflow: hidden; font-family: var(--f-suisse-regular);
			background-color: var(--f-article-background);
		}
		f-article-disqus[data-open="false"][data-loaded="false"] { padding: 0px; max-height: 0px; }
		f-article-disqus[data-open="true"][data-loaded="loading"] { padding: 0px; max-height: none; }
		f-article-disqus[data-open="true"][data-loaded="true"] { padding: 0px; max-height: none; min-height: 250px; }



		f-article-disqus-rules {
			display: block; margin: 0; padding: 0 18px; 
			font-family: var(--f-suisse-regular); font-size: 15px;  line-height:40px; font-weight: 300; -webkit-font-smoothing: antialiased; text-align: center;  
			background-color: var(--f-article-background-inline); color: var(--f-article-text-color); 
		}
		f-article-disqus-rules a { 
			color: var(--f-article-link-color); text-decoration: none; text-decoration-color: var(--f-article-text-color-invert); 
			font-family: var(--f-suisse-semibold); font-weight: 300; 
		}
		f-article-disqus-container f-article-disqus-rules { margin-top: 0; }
		
		f-article-disqus-loading { width: 100%; }
		f-article-disqus-loading w8 { margin: 100px auto; }
		
		f-article-disqus[data-loaded=false] f-article-disqus-loading { display: block; }
		f-article-disqus[data-loaded=false] f-article-disqus-loaded { display: none; }

		f-article-disqus[data-loaded=loading] f-article-disqus-loading { display: block; }
		f-article-disqus[data-loaded=loading] f-article-disqus-loaded { display: none; }
		
		f-article-disqus[data-loaded=true] f-article-disqus-loading { display: none; }
		f-article-disqus[data-loaded=true] f-article-disqus-loaded { display: block; }





		#disqus_thread {
			padding: 5px var(--f-article-padding);
		}

		/* FEATURED DISQUS COMMENT */
		f-disqus-featured { display: none; }
		f-disqus-featured[data-loaded="true"] {
			display: block;
			margin: 0 var(--f-article-padding) var(--f-article-padding);
			padding: 15px;
			background: var(--f-article-background-inline-pale);
			border-left: 3px solid var(--n-orange);
			cursor: pointer;
		}
		f-disqus-featured-label {
			display: block;
			font-family: var(--f-suisse-semibold);
			font-size: 11px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: var(--f-article-text-color-shade-deluxe);
			margin-bottom: 10px;
			-webkit-font-smoothing: antialiased;
		}
		f-disqus-featured f-disqus-post {
			display: flex;
			gap: 10px;
		}
		f-disqus-featured f-disqus-avatar {
			display: block;
			width: 36px;
			min-width: 36px;
		}
		f-disqus-featured f-disqus-avatar img {
			width: 100%;
			border-radius: 50%;
		}
		f-disqus-featured f-disqus-right {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}
		f-disqus-featured f-disqus-nickname {
			font-family: var(--f-suisse-regular);
			font-size: 12px;
			color: var(--f-article-text-color-shade-deluxe);
			-webkit-font-smoothing: antialiased;
		}
		f-disqus-featured f-disqus-nickname strong {
			color: var(--f-article-text-color);
		}
		f-disqus-featured f-disqus-message {
			font-family: var(--f-suisse-regular);
			font-size: 14px;
			line-height: 20px;
			color: var(--f-article-text-color);
			-webkit-font-smoothing: antialiased;
		}
		f-disqus-featured f-disqus-message p {
			margin-block: 0;
		}

	</style>


























































 













































	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 













<script>

	function loadDisqus(theDiv,theURL,scrolling) {

		// Loading anim
		var bouncer = "<w8><w8a></w8a><w8b></w8b></w8>";

		// Fixa selektorn genom att lÃ¤gga till citattecken runt attributvÃ¤rden om de saknas
		var fixedSelector = theDiv.replace(/\[data-id=([^\]]+)\]/g, '[data-id="$1"]');
		var targetElement = document.querySelector(fixedSelector);
		if (!targetElement) {
			console.error('loadDisqus: Element not found:', fixedSelector);
			return;
		}

		// Start with closing all comments and set some attr
		document.querySelectorAll('f-article-disqus').forEach(function(el) {
			el.innerHTML = '';
			el.setAttribute('data-open', 'false');
			el.setAttribute('data-loaded', 'false');
		});

		// Then we enlarge the correct element and load the bouncer
		targetElement.setAttribute('data-open', 'true');
		targetElement.setAttribute('data-loaded', 'loading');
		targetElement.innerHTML = bouncer;

		if (scrolling != 'noscroll') {
			// Then we scroll to the element, if setting is not noscroll
			var elementTop = targetElement.getBoundingClientRect().top + window.pageYOffset;
			window.scrollTo({ top: elementTop - 3, behavior: 'smooth' });
			var menuContainer = document.querySelector('f-menu-container');
			if (menuContainer) menuContainer.setAttribute('data-show', 'no');
		}

		// Then we load disqus via fetch
		fetch(theURL)
			.then(function(response) {
				if (!response.ok) throw new Error(response.status + ' ' + response.statusText);
				return response.text();
			})
			.then(function(html) {
				targetElement.innerHTML = '';

				// Parse och infoga HTML
				var tempDiv = document.createElement('div');
				tempDiv.innerHTML = html;
				while (tempDiv.firstChild) {
					targetElement.appendChild(tempDiv.firstChild);
				}

				// Hitta och kÃ¶r alla script-taggar
				var scripts = targetElement.querySelectorAll('script');
				for (var i = 0; i < scripts.length; i++) {
					var script = scripts[i];
					var newScript = document.createElement('script');
					if (script.src) {
						newScript.src = script.src;
					} else {
						newScript.textContent = script.textContent;
					}
					script.parentNode.replaceChild(newScript, script);
				}

				// Create a checker for Disqus status
				var checkDisqusStatusInterval = setInterval(checkDisqusStatus, 200);
				var readyCounter = 0;

				function checkDisqusStatus() {
					if (window.disqusReady == true || readyCounter > 10) {
						targetElement.setAttribute('data-loaded', 'true');
						window.disqusReady = false;
						clearInterval(checkDisqusStatusInterval);
					}
					readyCounter++;
				}
			})
			.catch(function(error) {
				targetElement.innerHTML = "Oops, n\u00E5got gick fel! " + error.message;
			});

		// Ping analytics about the event
		if (typeof plausible === 'function') {
			if (scrolling == 'noscroll') {
				plausible('CommentsOpen', {props: {Open: 'Startpage', URL: theURL}});
			} else {
				plausible('CommentsOpen', {props: {Open: 'Artpage', URL: theURL}});
			}
		}

	};

</script>
































	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 















<script>

	function loadFeaturedComments() {
		document.querySelectorAll('f-disqus-featured[data-loaded="false"]').forEach(function(el) {
			var artId = el.getAttribute('data-artid');
			if (!artId) return;

			el.setAttribute('data-loaded', 'loading');

			fetch('/snippets/disqus_fetcher.jsp?what=featured&artid=' + artId)
				.then(function(response) { return response.json(); })
				.then(function(data) {
					if (data && data.response && data.response.length > 0) {
						var post = data.response[0];
						var authorName = post.author.name;
						var authorAvatar = post.author.avatar.large ? post.author.avatar.large.cache : post.author.avatar.cache;
						var message = post.message;

						el.innerHTML = '<f-disqus-featured-label>Utvald kommentar</f-disqus-featured-label>' +
							'<f-disqus-post>' +
								'<f-disqus-avatar><img src="' + authorAvatar + '" alt="' + authorName + '" /></f-disqus-avatar>' +
								'<f-disqus-right>' +
									'<f-disqus-nickname><strong>' + authorName + '</strong></f-disqus-nickname>' +
									'<f-disqus-message>' + message + '</f-disqus-message>' +
								'</f-disqus-right>' +
							'</f-disqus-post>';

						el.setAttribute('data-loaded', 'true');
					} else {
						el.setAttribute('data-loaded', 'empty');
					}
				})
				.catch(function(error) {
					console.error('Featured comment error:', error);
					el.setAttribute('data-loaded', 'error');
				});
		});
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', loadFeaturedComments);
	} else {
		loadFeaturedComments();
	}

</script>






























	









































		


		

































































































	<style>
		.pspy_widget {
			position: relative; margin: 0px 20px; padding: 20px; border-radius: 6px; width: calc(100% - 80px); height: auto;
			background-color: rgba(0,0,0,0.05);
			font-family: var(--f-suisse-regular); font-size: 14px; font-weight: 300; line-height: 17px; -webkit-font-smoothing: antialiased;
		}
		.pspy_widget * { margin: 0; }
		.pspy_widget a, .pspy_widget a:visited { font-weight: 300; text-decoration: none; color: black; }
		.pspy_widget:after { content:""; display:table; clear:both; }
		.pspy_widget p, .pspy_widget table { padding-bottom: 0;  }
		
		.pspy_widget .w_header { display: none; }
		.pspy_widget .w_body { overflow: hidden; height: 112px!important; }
		.pspy_widget .w_item {padding: 0; width:100%; background-color: transparent; }
		.pspy_widget .w_item:last-of-type { margin-bottom: 3em; }
		.pspy_widget .w_item:nth-child(3n+1){clear:left}
		.pspy_widget .w_full_width { width:100%; }
		.pspy_widget .w_basic_info { float:left; min-width: 300px; }
		.pspy_widget .w_footer {
			position: absolute; bottom: 10px; right: 12px; padding: 0; overflow: hidden; height: 14px;
		}
		.pspy_widget .w_footer img { height: 14px; }
		
		.pspy_widget .w_figure .w_img { width: 100px; height: 100px; border: 6px solid white; border-radius: 6px; }
		.pspy_widget .w_figure, .pspy_widget .w_info { display: table-cell; }
		.pspy_widget .w_figure { vertical-align: top; width: 112px; padding: 0; float: left; }
		
		.pspy_widget table { float: right; font-family: SuisseBold;font-size: 16px; color: #f7520c; margin-top: 7px; }
		.pspy_widget .w_name { font-size: 16px; font-weight: 300; margin: 0; font-family: var(--f-suisse-bold); color: #222!important; -webkit-font-smoothing: antialiased; }
		.pspy_widget .w_price { color: #f7520c; float: none; text-align: left; }
		.pspy_widget .w_price, .pspy_widget .w_price a { color: #f7520c; }
		.pspy_widget .w_price > span { color: #000; }
		.pspy_widget .w_grade, .pspy_widget .w_grade a { color: orangered; }
		
		.pspy_widget .w_store_count { color: rgb(63, 69, 73); }
		.pspy_widget .w_store_logo { height: 20px; margin-right: 15px; }
		.pspy_widget .w_store_name .w_store_title.w_no_logo { display: none; }
		.pspy_widget .w_store_name .w_store_title { font-family: SuisseRegular; color: black; margin-right: 10px; }
		.pspy_widget .w_store_name { min-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; }
		
		.pspy_widget .w_info { padding: 6px 14px; float: left; }
		.pspy_widget .w_in_stock { color: green; font-weight: normal; display: none; }
		.pspy_widget .w_incoming { color: #FFD400; display: none; }
		.pspy_widget .w_not_in_stock { color: #DD2729; display: none; }
		.pspy_widget .w_unfeatured, .pspy_widget .w_featured.download { color: lightgray; }
		.pspy_widget .w_unfeatured, .pspy_widget .w_featured{ position:relative; }
		.pspy_widget .w_unfeatured:before, .pspy_widget .w_featured:before {
			content:attr(title); color:#000; background:#eee; position:absolute; right:-9999px; opacity:0; white-space: nowrap; -webkit-transition:0.25s linear opacity; transition:0.25s linear opacity;
		}
		.pspy_widget .w_unfeatured:hover:before, .pspy_widget .w_featured:hover:before { right:1em; opacity:1; padding-left: .2em; }
		
		.pspy_widget .w_collaboration_tagline { color: #b0afaf; display: inline-block; font-size: 1.2em; }
		.pspy_widget .w_collaboration_tagline img, .pspy_widget .w_tagline { vertical-align: middle; }
		.pspy_widget .w_body{height:auto;padding-bottom:0;overflow-y:hidden}
		
		.pspy_widget .w_link { color: #05659c; }
		.pspy_widget .w_name .w_link { color: black; }
		.pspy_widget table .w_link  { color: orangered !important; font-size: 20px; }
		
		@media only screen and (max-width: 480px) {	
			.pspy_widget { width: calc(100% - 60px); margin: 0px 15px; padding: 15px; }
			.pspy_widget .w_info { padding: 0px; float: left; font-size: 13px; }
			.pspy_widget .w_name { font-size: 14px; }
			.pspy_widget table { padding-left: 0px; float: left; padding-top: 10px; }
			.pspy_widget .w_figure { float: right; width: 70px; }
			.pspy_widget .w_figure .w_img { width: 58px; height: 58px; }
			.pspy_widget .w_footer { height: 14px; margin-top: -14px; margin-right: 0px;}
			.pspy_widget .w_footer img { height: 14px; }
		}
		
		f-article-prisjakt { display: block; margin: var(--f-article-padding);  }
		[data-premium="true"] f-article-prisjakt { display: none; }
		
		f-article-prisjakt [id$="-advertiser-container"], 
		f-article-prisjakt [id$="-number"], 
		f-article-prisjakt [id$="-price-text"], 
		f-article-prisjakt [id$="-text-container"] 
		{ font-family: var(--f-suisse-regular) !important; font-weight: 300 !important;  } 
		
		f-article-prisjakt [id$="-ad-container"], 
		f-article-prisjakt [id$="-header"], 
		f-article-prisjakt [id$="-header-container"], 
		f-article-prisjakt [id$="-main-price"]
		{ font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; } 
		
		f-article-prisjakt [id$="-number"], 
		f-article-prisjakt [id$="-price-text"], 
		f-article-prisjakt [id$="-text-container"],
		f-article-prisjakt [id$="-ad-container"], 
		f-article-prisjakt [id$="-advertiser-container"], 
		f-article-prisjakt [id$="-price-container"], 
		f-article-prisjakt [id$="-ad"], 
		f-article-prisjakt [id$="-header"], 
		f-article-prisjakt [id$="-main-price"] {
			color: var(--f-article-text-color) !important; font-weight: 300 !important;
		}
		
		f-prisjakt [id$="-ad-container"] { background-color: transparent !important; }
		
		f-prisjakt [id$="-product-img"] { margin: 0 !important; border: 4px solid white; }
	</style>	























































 













































	









































		


		





































































































	<style>
		
		f-artcollapsed {
			background-color: var(--f-article-background-inline);
			display: none;  grid-template-columns: 1fr auto; grid-template-rows: auto; grid-template-areas: "header tagline";
			margin: 20px auto; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding);
		}
		
		f-artcollapsed-header {
			display: grid; grid-area: header; font-family: var(--f-suisse-regular); font-size: 20px; line-height: 20px; font-weight: 300; color: var(--f-article-text-color-shade-deluxe);  -webkit-font-smoothing: antialiased; 
		}
		
		f-artcollapsed-headline b { font-family: var(--f-suisse-bold); font-weight: 300;  color: var(--f-article-text-color); }
		
		f-artcollapsed-tagline { display: block; grid-area: tagline; }
		
		f-artcollapsed-tagline f-bubble {
			float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333;
			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff; text-decoration: none;text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
		}
		
		f-artcollapsed-tagline f-bubble::after { 
			content: ' '; background-color: none; display: block; position: absolute;
			border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333;
			padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px;
		}
		
		f-artcollapsed .temp {
			padding: 0px 11px; float: right; margin-left: 15px; cursor: default; background: #333; border: 1px solid transparent;
			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff;
			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
		}
		
		@media only screen and (max-width: 480px) {
			f-artcollapsed-header { font-size: 16px; line-height: 16px; }
			f-artcollapsed .temp { padding: 0 6px; font-size: 18px; line-height: 26px; }
			f-artcollapsed-tagline f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); }
			f-artcollapsed-tagline f-bubble::after { 
				border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; margin-top: 0px; margin-right: 0px; margin-left: -1px;
			}
		}
		
	</style>



















































 













































	









































		


		









































































































	<style>
		
		

		f-article-footer { grid-area: footer; display: block; font-family: var(--f-suisse-regular); margin: 0 auto; padding: var(--f-article-padding);
			width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding));
			max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));
			height: 40px;
			background: var(--f-article-background-inline);
		}

		f-article[data-artsite='tjock'] f-article-footer { background: var(--f-article-background); }

		[data-darkmode='on'] f-article-footer { 
			border-top: 1px solid var(--f-article-background-inline-header);
		}

		@media only screen and (max-width: 480px) {
			f-article-footer { height: 34px; }
		}
		@media only screen and (max-width: 370px) {
			f-article-footer { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding); height: 28px; }
		}
		
		
	
		f-article-footer-plus, f-article-footer-minus { float: right; height: 40px; width: 40px; margin-left: 4px; cursor: pointer; }
		f-article-footer-plus { margin-left: 4px; }
		f-article-footer-minus { margin-left: 15px; }
		f-article-footer-plus svg, f-article-footer-minus svg { height: 40px; width: 40px; }
		
		f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); }
		f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); }
		
		f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); }
		f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); }
		@media only screen and (max-width: 480px) {
			f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 34px; width: 34px; }
			f-article-footer-minus { margin-left: 10px; }
		}
		@media only screen and (max-width: 370px) {
			f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 28px; width: 28px; }
		}
		
	
		f-article-footer .temp, f-article-footer f-article-temp { 
			padding: 0px 11px; float: right; margin-left: 4px; cursor: default;
			background: #333; border: 1px solid transparent;
			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff;
			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
			transition: width .3s ease-in-out;
		}
		
		/* f-article[data-artsite='tjock'] f-article-temp, 
		f-article[data-artsite='tjock'] .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; } */
		
		f-article[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
		f-article[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
		
		f-article-temp[data-tempstatus='normal'] { background-color: var(--f-normal-color); }
		f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color); }
		f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color); }
		
		f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color-tjock); }
		f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color-tjock); }
		
		f-article[data-artsite='tjock'] f-article-footer .temp { font-family: var(--f-lato-light); }
		
		@media only screen and (max-width: 480px) {
			f-article-footer .temp, f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; }
			
		}
		@media only screen and (max-width: 370px) {
			f-article-footer .temp, f-article-footer f-article-temp { padding: 0 6px; font-size: 18px; line-height: 26px; }
		}
		
		
		
		
		f-bubble {
			float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333;
			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; font-weight: 300; text-align: center; color: #fff;
			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
		}
		
		f-bubble::after { 
			content: ' '; background-color: none; display: block; position: absolute;
			padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px;
			border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333;
		}
		
		/* f-article[data-artsite='tjock'] f-article-footer f-bubble { font-family: var(--f-lato-light); } */
		
		
		@media only screen and (max-width: 480px) {
			f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); }
			f-article-footer f-bubble::after { 
				margin-top: 0px; margin-right: 0px; margin-left: -2px;
				border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333;
			}
			f-article-footer .arrow { margin-top: 9px; }
		}
		
		@media only screen and (max-width: 370px) {
			f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); }
			
			f-article-footer f-bubble::after { 
				margin-top: 0px; margin-right: 0px; margin-left: -1px;
				border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
			}
		}
		
		
		
		f-article-footer-writerinfo {
			display: block; float: left; padding: 6px 0 0 10px;
			text-transform: uppercase; font-size: 12px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade-deluxe); line-height: 14px;
		}
		
		f-article-footer-writerinfo b {
			font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color-shade); -webkit-font-smoothing: antialiased;
		}
		
		f-article-footer .writer_icon { width: 40px; height: 40px; float: left; margin-right: 4px; }
		
		@media only screen and (max-width: 480px) {
			f-article-footer .writer_icon { 	width: 34px; height: 34px; }
			f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; }
		}
		@media only screen and (max-width: 370px) {
			f-article-footer .writer_icon { width: 28px; height: 28px; }
			f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; }
		}
		
		
		
	
		
		f-share {
			display: block; float: right; cursor: pointer !important;
			padding: 9px 13px 11px 11px; height: 20px; width: 20px; margin-right: 15px;
			background-color: rgba(0,0,0,0.3);
		}
		
		f-share svg { width: 20px; height: 20px; stroke: white; }
		
		@media only screen and (max-width: 480px) {
			f-share { padding: 8px 5px 6px 10px; }	
			f-share svg { width: 15px; height: 15px; }
		}
		@media only screen and (max-width: 370px) {
			f-share { padding: 4px 0px 0px 6px; }	
			f-share svg { width: 13px; height: 13px; }
		}
		@media only screen and (max-width: 350px) {
			f-share { display: none !important; }	
		}
		
		
		
		
		
		
		
		
		
		@media (-webkit-min-device-pixel-ratio: 2) {
			f-article-footer .bubbla, f-article-footer .temp, f-article-footer f-article-temp { -webkit-font-smoothing: auto; }
		}
		
		f-article-error {
			transition: opacity .3s ease-out; display: none; max-width: 980px;  width: 100%; padding: 6px 0;
			background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert);
			font-family: var(--f-suisse-regular); font-size: 12px; text-align: center; margin: 0 auto;
			
		}
		f-article-error[data-show='true'] {
			opacity: 1; height: auto; 
			margin: -20px auto 20px; 
			padding: 0 6px;
		}
		
		f-article-mamma {
			display: block; max-width: 980px;  width: 100%; opacity: 0; height: 0; transition: opacity .3s ease-out;
			background-color: var(--f-article-background-invert); color: white;
			font-family: var(--f-suisse-regular); font-size: 12px; text-align: center;
		}
		


	</style>















































 













































	









































		


		


































	<style>
		

		
		f-internallinks-new {
			margin: var(--f-article-padding) 0 0 0;
			display: grid;
			grid-auto-flow: column;
			gap: 0;
			height: auto;
			padding: 0 var(--f-article-padding) var(--f-article-padding) 0;
			width: calc(100% - var(--f-article-padding));
			overflow-y: hidden;
			overscroll-behavior-x: contain;
			scroll-snap-type: x mandatory;
			background-color: transparent;
			font-family: var(--f-suisse-regular); 
			height: calc(110px);  
			
			scrollbar-color: var(--f-article-scrollbar-thumb) var(--f-article-scrollbar-track);
			scrollbar-width: thin;
		}

		f-internallinks-new[data-count="1"] {		grid-template-columns: 1fr; }
		f-internallinks-new[data-count="2"] {		grid-template-columns: 1fr 1fr; }
		f-internallinks-new[data-count="3"] {		grid-template-columns: 1fr 1fr 1fr; }
		
		f-internallinks-new[data-darkmode='on'] {
			background-color: transparent;
		}
		
		f-internallinks-new::-webkit-scrollbar {
			width: 10px;
			height: 10px;
		}
		
		f-internallinks-new::-webkit-scrollbar-thumb {
			background: var(--f-article-scrollbar-thumb);
		}
		
		f-internallinks-new[data-darkmode='on']::-webkit-scrollbar-thumb {
			background: rgb(70,70,70);
		}
		
		f-internallinks-new::-webkit-scrollbar-track {
			background: var(--f-article-scrollbar-track);
		}
		
		f-internallinks-new a {
			font-weight: 300; 
			color: inherit;
		}
		
		
		

		
		
		
		
		f-internallink {
			display: grid;
			grid-template-columns: minmax(auto, 110px) 1fr;
			grid-template-rows: auto;
			gap: 0px;
			width: calc(100% - var(--f-article-padding));
			min-width: 300px;
			scroll-snap-align: start;
			padding-left: var(--f-article-padding);
			grid-template-areas: "internallinkmedia internallinkheader";
		}
		
		f-internallinks-new[data-rp="yes"] f-internallink {
			grid-template-columns: minmax(auto, 140px) 1fr;
		}
		
		@media only screen and (min-width: 980px) {
			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink, 
			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink {
				grid-template-columns: minmax(auto, 140px) 1fr;
			}
		}

		
		@media only screen and (max-width: 480px) {
			f-internallink {
				//width: calc(100vw - var(--f-article-padding) - var(--f-article-padding));
				width: 300px;
			}
			
			f-internallinks-new[data-count='1'] f-internallink {
				width: calc(100% - var(--f-article-padding));
			}
			
			
		}
		
		
		
		
		f-internallink-header {
			display: flex; 
			grid-area: internallinkheader; 
			padding: 10px 12px;
			font-size: 13px; 
			line-height: 15px; 
			flex-direction: column;
		}
		
		f-internallink[data-basicsite="tjock"] f-internallink-header {
			/*
			font-family: var(--f-lato-regular);
			text-align: left;
			text-transform: uppercase;
			*/
		}

		f-internallink f-internallink-headline {
			font-weight: 300; 
			font-family: var(--f-suisse-bold);
			-webkit-font-smoothing: antialiased;
		}
		
		f-internallink[data-basicsite="tjock"] f-internallink-headline {
			/*
			font-family: var(--f-lato-regular);
			*/
		}

		
		f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-headline {
			color: #e7e7e7; 
		}

		f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-header {
			color: #ccc; 
		}
		
		
		
		@media only screen and (min-width: 980px) {
			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-header { 
				font-size: 16px; 
				line-height: 19px; 
			}
			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-header { 
				font-size: 15px; 
				line-height: 17px; 
			}
		}
		
		f-internallinks-new[data-rp="yes"] f-internallink-header { 
			font-size: 14px; 
			line-height: 17px; 
		}
		

		f-internallink-header {
			border-top: 3px solid rgb(200,200,200);
			color: var(--f-article-text-color-shade-deluxe);
		}
		[data-darkmode='on'] f-internallink-header {
			border-top: 3px solid rgb(90, 90, 90);
		}
		f-internallink[data-tempstatus='hot'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='hot'] f-internallink-header {
			border-top: 3px solid var(--n-orange-semidark);
			color: var(--n-orange-semidark);
		}
		f-internallink[data-tempstatus='cold'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='cold'] f-internallink-header {
			border-top: 3px solid var(--f-cold-color);
			color: var(--f-cold-color);
		}
		
		f-internallink-headline {
			color: var(--f-article-text-color);
		}
		
		
		
		
		
		
		
		
		
		f-internallink-media {
			display: grid;
			overflow: hidden;
			grid-area: internallinkmedia; 
			position: relative; 
		}
		
		f-internallink-mediawrapper {
			display: grid;
			position: relative; 
		}
		
		f-internallink-media img {
			width: 100%;
			object-fit: cover;
		}
		
		f-internallinks-new f-internallink-media, 
		f-internallinks-new f-internallink-media img {
			aspect-ratio: 9 / 9;
		}
		
		@media only screen and (min-width: 980px) {
			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media, 
			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media img {
				aspect-ratio: 9 / 7;
			}
			
			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media, 
			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media img {
				aspect-ratio: 9 / 7;
			}
		}
		
		f-internallinks-new[data-rp="yes"] f-internallink-media, 
		f-internallinks-new[data-rp="yes"] f-internallink-media img {
			aspect-ratio: 9 / 7;
		}
		
		
		
		
		f-internallink-tagline {
			display: block;
			position: absolute;
			font-size: 12px;
			line-height: 12px;
			font-family: var(--f-suisse-regular);
			bottom: 10px;
			right: 10px;
		}
		
		f-internallink-tagline f-internallink-temp {
			display: block;
			background: #333;
			color: #fff;
			padding: 4px 5px;
			margin-left: 3px;
			float: right;
		}
		
		f-internallink-tagline f-internallink-temp[data-tempstatus='hot'] { background-color: var(--n-orange-semidark); }
		f-internallink-tagline f-internallink-temp[data-tempstatus='cold'] { background-color: var(--n-blue); }
		
		f-internallink-tagline f-bubble {
			float: right;
			margin: 0;
			padding: 4px 6px;
			min-width: 8px;
			cursor: pointer;
			background: #333;
			font-family: var(--f-suisse-regular);
			font-size: 12px;
			line-height: 12px;
			text-align: center;
			color: #fff;
			text-decoration: none;
			text-transform: none;
			border: none;
			-webkit-font-smoothing: antialiased;
		}
		
		
	</style>






















































































































 













































	









































		


		













































































































	<style>

		
		
		f-article[data-preview="true"] f-article-media {
			position: relative; 
			height: 200px; 
			
		}
		
		f-article[data-preview="true"] f-article-media:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
			z-index: 1;
			overflow: hidden;
		}
		
		f-article[data-preview="true"] f-article-image {
			height: 200px; 
		}
		
		f-article[data-preview="true"] f-article-image img {
			object-fit: cover;
		}
		
		
		f-article[data-preview="true"] f-article-media f-article-media-overlay {
			position: absolute;
	  		top: 50%;
	  		left: 50%;
	  		transform: translate(-50%, -50%);
	  		z-index: 2;
	  		color: white;
	  		font-size: 20px;
	  		line-height: 22px;
	  		font-weight: 300;
	  		font-family: SuisseRegular;
	  		width: calc(100% - 200px);
		}
		
		f-article[data-preview="true"] f-article-media-overlay-text {
			float: left; display: block; 
			text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
			max-width: calc(100% - 200px);
			
		}
		
		f-article[data-preview="true"] f-article-media-overlay-text b {
			font-weight: 300;
			font-family: SuisseSemiBold;
		}
		
		f-article[data-preview="true"] f-prenumera {
			display: block; 
			float: right;
			padding: 12px 18px;
			margin: auto;
			text-align: center;
			font-size: 18px;
			background-color: var(--f-hot-color);
			color: white;
		}
		
		f-article[data-preview="true"] f-article-media-overlay-price {
			color: #999;
		}
		
		@media screen and (max-width: 600px) {
			f-article[data-preview="true"] f-article-media f-article-media-overlay {
				width: calc(100% - 80px);
			}
			f-article[data-preview="true"] f-article-media-overlay-text {
				max-width: 100%; float: none; font-size: 16px; line-height: 18px; text-align: center;
			}
			f-article[data-preview="true"] f-prenumera { 
				float: none; 
				margin: 15px auto 0;
				max-width: 150px;
				font-size: 18px;
				padding: 10px 13px;
				max-width: 140px; 
			}
		}

	</style>











































 













































	









































		


		























































































































































 

	<style>
		f-veckansprylar-container {
			display: flex; background-color: var(--f-article-background); max-width: 980px; margin: var(--f-margins-margins); flex-direction: column;
		}

		f-veckanspryl-embed, f-embed-veckanspryl {
			display: block; background-color: var(--f-article-background-inline); height: 100px; font-size: 15px; line-height: 18px;
		}
		f-veckansprylar-header {
			background-color: rgba(70,70,70); color: white; padding: 6px 12px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; font-family: SuisseSemiBold; 
		}
		f-veckansprylar-header a { font-weight: 300; color: white; }
		f-veckansprylar-header a:hover { font-weight: 300; color: #ccc; }

		f-veckansprylar {
			display: flex; flex-direction: row; height: 100px;
		}

		



		
		f-veckanspryl {
			display: flex; flex-direction: row; flex: 1; 
		}

		f-veckanspryl-embed f-veckanspryl, f-embed-veckanspryl f-veckanspryl { height: 100px;  }

		f-veckanspryl {
			background-color: var(--f-article-background-inline);
		}
		f-veckanspryl:nth-child(even) {
			background-color: var(--f-article-background-inline);
		}
		f-veckanspryl-bild {
			height: 100%; aspect-ratio: 4 / 3; flex: 0 1 auto;
		}
		f-veckanspryl-bild img {
			height: 100%; aspect-ratio: 4 / 3; 
		}
		f-veckanspryl-content {
			padding-top: 10px; padding-right: 10px; flex: 1; position: relative; 
		}
		f-veckanspryl b {
			font-family: SuisseBold; font-weight: 300; 
		}

		f-veckanspryl a {
			font-family: SuisseSemiBold; font-weight: 300; color: var(--f-article-text-color); 
		}

		f-veckanspryl-headline {
			display: block; 
			font-family: SuisseBold; font-weight: 300; color: var(--f-article-text-color); 
		}

		f-veckanspryl-headline a { color: var(--f-article-text-color); }

		f-veckanspryl-preamble {
			display: block; 
			font-weight: 300; color: var(--f-article-text-color-shade-deluxe);
		}

		f-veckanspryl-preamble a { font-family: SuisseLight !important;  color: var(--f-article-text-color-shade-deluxe); }


		

		f-veckanspryl-vote {
			position: absolute; bottom: 10px; right: 10px; 
		}

		f-veckanspryl f-article-footer-plus, f-veckanspryl f-article-footer-minus {
			width: 24px; height: 24px; 
		}

		f-veckanspryl f-article-footer-plus svg, f-veckanspryl f-article-footer-minus svg {
			width: 24px; height: 24px; 
		}

		f-veckanspryl f-bubble {
			line-height: 24px; 
		}

		f-veckanspryl f-article-temp {
			padding: 0px 6px;
			float: right;
			margin-left: 4px;
			cursor: default;
			background: #333;
			border: 1px solid transparent;
			font-family: var(--f-suisse-light);
			font-size: 14px;
			line-height: 22px;
			text-align: center;
			color: #fff;
			text-decoration: none;
			text-transform: none;
			-webkit-font-smoothing: auto;
			letter-spacing: -0.01em;
			transition: width .3s ease-in-out; 
		}

		f-veckanspryl w8temp { display: block; width: 16px; height: 16px; margin: 3px auto; background-color: white; border-radius: 100%;
animation: sk-scaleout 1.0s infinite ease-in-out; }


		@media only screen and (max-width: 700px) { 
			f-veckansprylar {
				flex-direction: column; height: 180px;font-size: 11px;
line-height: 13px;
			}

			f-veckanspryl-bild img {
				height: 60px; 
			}
			
		}

	</style>













































	
	









































		


		























































































































































 














































	









































		


		


















































































































	<style>
		f-prod-multi br { display: none; }
		f-prod-header br { display: inline; } 

		f-prod-multi { display: flex; overflow-x: auto; }


		f-prod { display: flex;  container-type: inline-size; background-color: var(--f-article-background-inline);  } 
		f-prod:nth-child(even) { background-color: var(--f-article-background-inline-pale); }

		f-prod-multi > f-prod { flex-grow: 1; flex-basis: 200px; min-width: 200px; flex-direction: column; }

		@media only screen and (max-width: 700px) {
		f-prod-single f-prod { flex-direction: column; }
		}
		@media only screen and (min-width: 700px) {
		f-prod-single f-prod { align-items: center; }
		}

		f-prod-image { aspect-ratio: 16 / 9; width: 100%; }
		f-prod-image img { width: 100% !important; height: 100% !important; object-fit: cover; }

		@media only screen and (min-width: 700px) {
			f-prod-single f-prod-image {
			max-width: 200px;
			}
		}

		f-prod-header { display: block; margin: 8px 12px;  }

		@media only screen and (min-width: 700px) {
		f-prod-single f-prod-header { display: block; margin: 8px 20px; }
		}

		f-prod-list { }
		f-prod-listitem { display: block; margin: 0px 12px; font-size: 13px; line-height: 17px;  } 
		f-prod-listitem:before { content: ">"; margin-right: 5px; font-size: 11px; font-family: var(--f-suisse-bold); line-height: 17px; color: var(--f-hot-color);}

		f-prod-bottom { display: flex; flex-direction: column; margin-top: auto; }

		@media only screen and (min-width: 700px) {
			f-prod-single f-prod-bottom { flex-direction: row; margin-top: unset; margin-left: auto; }
		}

		f-prod-prices { display: flex; text-align: center; margin: 8px 12px; flex-direction: column; }
		f-prod-price { text-align: center; font-size: 24px; font-family: var(--f-suisse-semibold); }
		f-prod-preprice { text-align: center; color: #999; }

		f-prod-save { color: #fff; background-color: #444; border-radius: 6px; margin: 4px auto; padding: 2px 8px; font-family: var(--f-suisse-medium); }

		f-prod-stars { 
			display: flex; 
			justify-content: center; 
			margin: 0px 12px 10px; 
			gap: 2px; 
		}
		
		f-prod-star { 
			color: #ddd; 
			font-size: 20px; 
		}
		
		f-prod-star.filled { 
			color: #444; 
		}
		
		f-prod-star.half {
			position: relative;
		}
		
		f-prod-star.half::before {
			content: "â";
			position: absolute;
			left: 0;
			color: #444;
			clip-path: inset(0 50% 0 0);
		}
		
		f-prod-star.half::after {
			content: "â";
			color: #ddd;
		}

		f-prod-cta { display: flex; background-color: #444; color: white; 
			padding: 4px 6px; border-radius: 6px; margin: 8px 12px; 
			text-align: center; font-family: var(--f-suisse-semibold); font-size: 13px; 
			min-width: 100px;
			align-items: center;
			justify-content: center;
		}

</style>
<script>
	function buildFProd(prod) {
		const img = prod.dataset.img;
		const header = prod.dataset.header;
		const subheader = prod.dataset.subheader;
		const list = prod.dataset.list ? prod.dataset.list.split(';').filter(function (x) { return x.trim(); }) : [];
		const price = prod.dataset.price;
		const preprice = prod.dataset.preprice;
		const save = prod.dataset.save;
		const cta = prod.dataset.cta;
		const url = prod.dataset.url;
		const textcolor = prod.dataset.textcolor;
		const bgcolor = prod.dataset.bgcolor;
		const stars = prod.dataset.stars;
		const starscolor = prod.dataset.starscolor;

		var html = '';

		if (img) {
		html += '<f-prod-image><img src="' + img + '" /></f-prod-image>';
		}

		if (header || subheader) {
		html += '<f-prod-header>';
		if (header) html += '<b>' + header + '</b>';
		if (subheader) html += '<br>' + subheader;
		html += '</f-prod-header>';
		}

		if (stars) {
			var starsHtml = '<f-prod-stars>';
			var starColor = starscolor || '#ffd700'; // Fallback till guld om ingen fÃ¤rg anges
			var starCount = parseInt(stars);
			
			for (var i = 1; i <= 5; i++) {
				var starClass = i <= starCount ? 'filled' : '';
				var starStyle = i <= starCount ? ' style="color: ' + starColor + ';"' : '';
				starsHtml += '<f-prod-star class="' + starClass + '"' + starStyle + '>&#9733;</f-prod-star>';
			}
			starsHtml += '</f-prod-stars>';
			html += starsHtml;
		}

		if (list.length) {
		html += '<f-prod-list>';
		html += list.map(function (item) {
			return '<f-prod-listitem>' + item + '</f-prod-listitem>';
		}).join('');
		html += '</f-prod-list>';
		}

		if (price || preprice || cta) {
		html += '<f-prod-bottom>';
		if (price || preprice) html += '<f-prod-prices>';
		if (price) html += '<f-prod-price>' + price + '</f-prod-price>';
		if (save) {
			var saveStyle = '';
			if (textcolor || bgcolor) {
				saveStyle = ' style="';
				if (textcolor) saveStyle += 'color: ' + textcolor + ';';
				if (bgcolor) saveStyle += 'background-color: ' + bgcolor + ';';
				saveStyle += '"';
			}
			html += '<f-prod-save' + saveStyle + '>' + save + '</f-prod-save>';
		}
		if (preprice) html += '<f-prod-preprice>' + preprice + '</f-prod-preprice>';
		if (price || preprice) html += '</f-prod-prices>';
		if (cta) html += '<f-prod-cta>' + cta + '</f-prod-cta>';
		html += '</f-prod-bottom>';
		}

		prod.innerHTML = html;

		if (url) {
		prod.addEventListener('click', function () {
			window.location.href = url;
		});
		prod.style.cursor = 'pointer';
		}
	}

	document.addEventListener('DOMContentLoaded', function () {
		function initFProdElement(prod) {
			if (!prod || prod.dataset.fProdInitialized === 'true') {
				return;
			}
			buildFProd(prod);
			prod.dataset.fProdInitialized = 'true';
		}

		document.querySelectorAll('f-prod').forEach(initFProdElement);

		const fProdObserver = new MutationObserver(function (mutations) {
			mutations.forEach(function (mutation) {
				mutation.addedNodes.forEach(function (node) {
					if (!(node instanceof Element)) {
						return;
					}
					if (node.matches && node.matches('f-prod')) {
						initFProdElement(node);
					}
					if (node.querySelectorAll) {
						node.querySelectorAll('f-prod').forEach(initFProdElement);
					}
				});
			});
		});

		fProdObserver.observe(document.body, { childList: true, subtree: true });
	});
	
</script>






































 














































	

	









































		


		
















































































































































	<style>
		.sponsPuffContainer { max-width: 980px; height: 300px; margin: 20px auto; overflow: hidden; }
		
		@media only screen and (max-width: 980px) {
			.sponsPuffContainer { max-width: 320px; height: 320px;}
		}
		
		.sponsPuff { background-color: rgba(250, 240, 220, 1); overflow: hidden;}
		.sponsPuff .line { background-color: #05659c; color: white; padding: 5px 8px; }
		.sponsPuff .image {  float: right; width: 470px; height: 274px; background-size: cover; }
		.sponsPuff .videox { float: right; width: 488px; height: 274px; background-size: cover; }
		.sponsPuff .text { padding: 20px; max-width: 400px; font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; letter-spacing: 0; font-weight: 300; color: #666; }
		.sponsPuff .text b { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; }
		
		@media only screen and (max-width: 980px) {
			.sponsPuff { max-width: 320px; height: 320px; }
			.sponsPuff .image {  float: none; width: 320px; height: 150px; background-size: cover;}
			.sponsPuff .videox {  float: none; width: 320px; height: 180px; background-size: cover; padding-bottom: 0 !important;}
			.sponsPuff .text { padding: 15px; font-size: 18px; line-height: 18px; max-width: 280px; }
		}
	</style>	








 














































	
	
		









































		


		





























































































































	<style>
		
		:root {
			--f-menu-nohover: rgb(220, 220, 220);
			--f-menu-hover: rgb(140,140,140);
			--f-menu-tjockhover: rgb(70, 70, 70);
			--f-menu-height: 50px;
		}
		
		@media only screen and (max-width: 480px) {
			:root {
				--f-menu-height: 44px;
			}
		}
		
		:root [data-site='tjock'] {
			--f-menu-nohover: rgb(70, 70, 70);
			--f-menu-hover:var(--f-hot-color);
			--f-menu-feberhover: rgb(220, 220, 220);
		}
		
		
		
		

		f-menu-container {
			-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    		transform: translate3d(0, 0, 0); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: block; will-change: transform;
}
		f-menu-container[data-show=no] {
			transform: translate3d(0, calc(-1 * 50px), 0);
		}

		@media only screen and (max-width: 600px) {
			f-menu-container[data-show=no] {
				transform: translate3d(0, calc(-1 * 44px), 0);
			}
		}

		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-show=no] {
			/* transform: none; Override the transform when the specific condition is met */
		}

		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-show=no] {
			/* transform: none; Override the transform when the specific condition is met */
		}

		

		

		
		f-menu { height: var(--f-menu-height); margin: 0 auto; background-color: rgb(30,30,30); max-width: 100%; 
			font-family: var(--f-suisse-medium); font-weight: 300; font-size: 14px; letter-spacing: 0; -webkit-font-smoothing: antialiased; overflow: hidden;
			border-bottom: 3px solid var(--f-hot-color); }
		f-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		
		
		
		f-menu a, f-menu-sub a { font-weight: 300; }
		
		f-menu-sub {
			display: none; height: 30px; width: 100%; color: white; font-family: var(--f-suisse-regular); overflow: hidden; margin: 0 auto;
			transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translate3d(0, 0, 0); top: 53px
		}

		f-menu-sub[data-show=no] {
			transform: translate3d(0, calc(-1 * 100px), 0);
		}

		@media only screen and (max-width: 600px) {
			f-menu-sub {
				display: block;
				top: 47px; 
			}
		}

		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container {
			position: relative !important;
			top: 0;
		}

		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-sub2000=yes] {
			position: fixed !important;
			top: 0px; 
		}

		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] {
			position: fixed !important;
			top: 53px; 
		}

		

		@media only screen and (max-width: 600px) {
			html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] {
				top: 47px; 
			}

		}
		
		@media only screen and (min-width: 2000px) {
			f-menu, f-menu-sub { max-width: 2000px; }
			
		}
		
		
		f-menu, f-menu-logo, f-menu-search, f-menu-start, f-menu-list, f-menu-thumbnails, f-menu-today, f-menu-yesterday, f-menu-tips, f-menu-tjock, f-menu-burger {
		display: block;   }
		
		
		f-menu-feberlogo { float: left; height: var(--f-menu-height); }
		f-menu-feberlogo svg { width: 78px; height: 14px; padding: 18px; margin-right: 0px; }

		f-menu-start { float: left; height: var(--f-menu-height); }
		f-menu-start svg { width: 12px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s; }
		f-menu-start svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
		f-menu-start:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }

		f-menu-list { float: left; height: var(--f-menu-height); }
		f-menu-list svg { width: 12px; height: 12px; padding: 19px 10px; transition: all .3s; }
		f-menu-list svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
		f-menu-list:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }
		
		f-menu-thumbnails { float: left; height: var(--f-menu-height); transition: all .3s; }
		f-menu-thumbnails svg { width: 12px; height: 12px; padding: 19px 10px 19px 0px; transition: all .3s; }
		f-menu-thumbnails svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
		f-menu-thumbnails:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }
		
		f-menu-search {	float: left; transition: all .3s; height: var(--f-menu-height); transition: all .3s; }
		f-menu-search svg { width: 16px; height: 16px; padding: 17px 10px; fill: none; transition: all .3s; }
		f-menu-search circle, f-menu-search line { stroke: var(--f-menu-nohover); transition: all .3s; }
		f-menu-search:hover circle, f-menu-search:hover line { stroke: var(--f-menu-hover); transition: all .3s; }
		
		
		
		
		
		
		f-menu-today, f-menu-yesterday, f-menu-tips { padding: 17px 0px 17px 10px; float: left; color: var(--f-menu-nohover); transition: all .3s; }
		f-menu-yesterday, f-menu-tips { color: var(--f-menu-hover); }
		f-menu-today:hover, f-menu-yesterday:hover, f-menu-tips:hover { color: var(--f-menu-hover); }
		
		f-menu-tjocklogo { float: right; height: var(--f-menu-height); transition: all .3s;  }
		f-menu-tjocklogo svg { width: 55px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s;  }
		f-menu-tjocklogo svg path { fill: var(--f-menu-nohover); transition: all .3s;  }
		f-menu-tjocklogo:hover svg path { fill: var(--f-menu-hover); transition: all .3s;  }
		
		f-menu-droptrigger-burger {	float: right; transition: all .3s ease-in-out; cursor: pointer;  }
		f-menu-droptrigger-burger svg { width: 16px; height: 16px; padding: 17px; }
		f-menu-droptrigger-burger svg rect { fill: var(--f-menu-nohover); transition: all .3s;  }
		f-menu-droptrigger-burger:hover svg rect { fill: var(--f-menu-hover); transition: all .3s;  }
		
		
		@media only screen and (max-width: 600px) {
			f-menu { 							height: 44px; }
			f-menu-feberlogo svg { 				width: 67px; height: 12px; padding: 16px 15px; margin-right: 0px; }
			f-menu-start { 						display: none; }		
			f-menu-start svg { 					width: 10px; height: 10px; padding: 17px 0px 17px 8px; }
			f-menu-list svg { 					width: 10px; height: 10px; padding: 17px 8px; }
			f-menu-thumbnails svg { 			width: 10px; height: 10px; padding: 17px 8px 17px 0; }
			f-menu-search svg { 				width: 14px; height: 14px; padding: 15px 8px 15px 10px; }
			f-menu-today, f-menu-yesterday, f-menu-tips { 	padding: 16px 0px 16px 8px; font-size: 13px; line-height: 13px; }
			f-menu-tjocklogo svg { 				width: 46px; height: 10px; padding: 17px 8px; }
			f-menu-droptrigger-burger svg { 	width: 14px; height: 14px; padding: 15px 13px 15px 8px; }
		}
		
		@media only screen and (max-width: 450px) {
			f-menu-tips { display: none; }
		}
		
		@media only screen and (max-width: 380px) {
			f-menu-yesterday { display: none; }
		}
		
		@media only screen and (max-width: 330px) {
			f-menu-today { display: none; }
		}
		
		
		
		
		[data-menu='closed'] f-menu-background {
			display: none;  position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%;
			background-color: rgba(0,0,0,0); transition: all .2s;
		}
		
		[data-menu='open'] f-menu-background {
			display: block;  position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%;
			background-color: rgba(0,0,0,0.6); transition: all .2s;
		}
		
		
		
		
		f-menu-premium {				display: block; color: var(--f-menu-nohover); float: right; font-size: 12px; -webkit-font-smoothing: antialiased; }
		
		f-menu-premium a { color: var(--f-menu-nohover); transition: all .3s; }
		f-menu-premium a:hover { color: var(--f-menu-hover); }
		
		f-menu-premium-notloggedin, f-menu-premium-loggedin {
			display: grid; grid-template-columns: auto auto auto;
			grid-template-rows: auto;
			grid-template-areas: "text icon login";
		}
		[data-premium='true'] f-menu-premium-notloggedin { display: none; }
		[data-premium='false'] f-menu-premium-loggedin { display: none; }
		
		f-menu-premium-usericon { 		cursor: pointer; display: grid; grid-area: icon; }
		f-menu-premium-usericon svg { 	padding: 18px 10px 18px 10px; height: 14px !important; width: 14px !important; }
		f-menu-premium-usericon svg path { fill: var(--f-menu-nohover); transition: all .3s; }
		f-menu-premium-usericon:hover svg path { fill: var(--f-menu-hover); transition: all .3s; }
		
		f-menu-premium-text { color: var(--f-menu-nohover); padding: 18px 0px 18px 0px; transition: all .3s;
								display: grid; grid-area: text;
		  }
		f-menu-premium-text:hover {			color: var(--f-menu-hover); }
		
		f-menu-premium-login, f-menu-premium-logout {
			float: right; padding: 18px 10px 18px 0; color: var(--f-menu-nohover); display: grid; grid-area: login;
		}
		f-menu-premium-login:hover, f-menu-premium-logout:hover { color: var(--f-menu-hover); transition: all .3s; }
		
		@media only screen and (max-width: 600px) {
			f-menu-premium { 
				//float: left; 
				//width: 100%; 
				//background-color: rgba(255,255,255,0.04); 
			}
			f-menu-premium-text { line-height: 13px; padding: 9px 0px 9px 16px;  }
			f-menu-premium-notloggedin f-menu-premium-usericon { display: none; }
			f-menu-premium-usericon svg { padding: 8px; }
			f-menu-premium-login, f-menu-premium-logout { display: block; line-height: 13px; padding: 9px 16px 9px 0px; text-align: right; }
			f-menu-premium-notloggedin {
				grid-template-columns: auto 1fr;
				grid-template-areas: "text login";
			}
			
			f-menu-premium-loggedin {
				grid-template-columns: auto auto 1fr;
				grid-template-areas: "text icon login";
			}
		}


			
			
		f-menu-sponsored {		display: none; float: left; padding: 10px 16px; }
		
		f-menu-sub-vignette { 	display: block; float: left; margin-right: 15px;
								font-size: 11px;text-transform: uppercase; color: var(--f-menu-nohover);}
			
		f-menu-sub-status {				padding: 11px 14px; display: block; z-index: 91;  opacity: 1; transition: opacity .2s .3s; }
		.scroll f-menu-sub-status {		opacity: 0; transition: opacity .1s; }
			
			
			
		f-menu-contrast { display: block; float: right; transition: all .3s; cursor: pointer; height: 30px; background-color: rgb(29,29,29); }
		f-menu-contrast svg { width: 14px; height: 14px; padding: 8px; }
			
		f-menu-contrast circle {			stroke: var(--f-menu-nohover); transition: all .3s; 	}
		f-menu-contrast path {				fill: var(--f-menu-nohover); transition: all .3s; 		}
		f-menu-contrast:hover circle {		stroke: var(--f-menu-hover); transition: all .3s; 		}
		f-menu-contrast:hover path {		fill: var(--f-menu-hover); transition: all .3s; 		}
		
		[data-darkmode='on'] f-menu-contrast {				background-color: rgb(230,230,230); }
		[data-darkmode='on'] f-menu-contrast circle {		stroke: rgba(50,50,50); transition: all .3s; }
		[data-darkmode='on'] f-menu-contrast path {			fill: rgba(50,50,50); transition: all .3s; }
		[data-darkmode='on'] f-menu-contrast:hover circle {	stroke: rgba(90,90,90); transition: all .3s; }
		[data-darkmode='on'] f-menu-contrast:hover path {	fill: rgba(90,90,90); transition: all .3s; }
		
			
			
			
			
		f-menu-sub-social {			display: block; float: right; z-index: 91; padding: 0 4px; }
		f-menu-sub-social svg { 	float: left; cursor: pointer; width: 12px; height: 12px; padding: 9px 8px; margin: 0;  }
		f-menu-sub-social path {	fill: var(--f-menu-nohover); transition: all .3s; }
			
		f-menu-sub-social path.f-menu-social-facebook-blue { 	fill: var(--f-menu-nohover); transition: all .3s; }
		f-menu-sub-social path.f-menu-social-facebook-f { 		fill: rgb(51,51,51); transition: all .3s; }
		f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-blue { 	fill: #1977F3; transition: all .3s; }
		f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-f { 	fill: #FEFEFE; transition: all .3s; }
		 
		f-menu-sub-social .f-menu-instagram:hover path { fill: rgb(213,73,152); }
		
		f-menu-sub-social .f-menu-twitter:hover path { fill: rgb(8,160,233); }
		
		f-menu-sub-social .f-menu-youtube path.ytIconTriangle { fill: transparent; }
		f-menu-sub-social .f-menu-youtube:hover path.ytIconTriangle { fill: white; }
		f-menu-sub-social .f-menu-youtube:hover path.ytIconRectangle { fill: red; }

		
		
		
		
		f-menu-dropdown-one, f-menu-dropdown-two, f-menu-dropdown-icons, f-menu-dropdown-logos {
			display: none; position: absolute; min-width: 150px; z-index: 1; box-shadow: rgba(0,0,0,0.3) -4px 2px 12px; right: 0px; opacity: 0; transition: all .3s;
		}
			
		f-menu-dropdown-one { 		top: 83px; background-color: #f9f9f9;  }
		f-menu-dropdown-two { 		top: 83px; background-color: #f9f9f9;  }
		f-menu-dropdown-icons { 	top: 53px; background-color: rgb(60,60,60); height: 30px; }
		f-menu-dropdown-logos { 	top: 388px; background-color: white; height: 60px; }

		f-menu-dropdown-logo { width: 150px; height: 40px; display: flex; overflow: hidden; justify-content: center; align-items: center; } 
		
		[data-menu='open'] f-menu-dropdown-one { 	display: block; opacity: 1; right: 0px; }
		[data-menu='open'] f-menu-dropdown-two { 	display: block; opacity: 1; right: 150px; }
		[data-menu='open'] f-menu-dropdown-icons { 	display: block; opacity: 1; right: 0px; }
		[data-menu='open'] f-menu-dropdown-logos { 	display: block; opacity: 1; right: 150px; }
		
		f-menu-dropdown-item, f-menu-dropdown-item-simple { text-decoration: none; display: flex; transition: all .3s; }
		
		f-menu-dropdown-item-marked { display: flex; cursor: pointer; align-items: center; padding-right: 6px; padding-left: 4px; transition: all .3s }
		f-menu-dropdown-item-marked svg { display: block; transition: all .3s }

		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked circle  { fill: white; }
		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked path  { fill: #666; stroke: #666; }

		f-menu-dropdown-item:hover f-menu-dropdown-item-marked circle  { fill: white; }
		f-menu-dropdown-item:hover f-menu-dropdown-item-marked path  { fill: var(--f-hot-color); stroke: var(--f-hot-color); }
		f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked circle  { fill: white; }
		f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked path  { fill: var(--f-hot-color); stroke: var(--f-hot-color); }

		

		
		
		f-menu-dropdown-item-title { display: block; padding: 11px 0 11px 15px; font-size: 14px; line-height: 14px; color: #222; margin-right: auto; cursor: pointer; }
		[data-darkmode='on'] f-menu-dropdown-item-title { color: white; }
		f-menu-dropdown-item:hover f-menu-dropdown-item-title { color: white; }
		 
		f-menu-dropdown-item-simple f-menu-dropdown-item-title { display: block; padding: 12px 16px; color: white }
		
		f-menu-dropdown-item-thumb { display: none; width: 12px; cursor: pointer; align-items: center; }
		f-menu-dropdown-item-thumb svg { display: block; }
		f-menu-dropdown-item-thumb rect { fill:  #666; }
		
		f-menu-dropdown-one a, f-menu-dropdown-two a { color: #222; margin: 0; padding: 0; }
		
		/* GÃ¶r huvudlÃ¤nken expandera fÃ¶r att fylla hela elementet */
		f-menu-dropdown-item > a:first-of-type {
			flex: 1;
			display: flex;
			align-items: center;
		}
		
		f-menu-dropdown-item:hover a, f-menu-dropdown-item:hover f-menu-dropdown-item-count, f-menu-dropdown-item:hover f-menu-dropdown-item-thumb rect  {
			color: #fff; fill: white; }
		
		f-menu-dropdown-item:nth-child(odd) { background: rgba(230,230,230); transition: all .3s; }
		f-menu-dropdown-item:nth-child(even) { background: rgba(255,255,255); transition: all .3s; }
		f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; }
		
		[data-darkmode='on'] f-menu-dropdown-item:nth-child(odd) { background: rgba(70,70,70); color: white; transition: all .3s; }
		[data-darkmode='on'] f-menu-dropdown-item:nth-child(even) { background: rgba(60,60,60); color: white; transition: all .3s; }
		[data-darkmode='on'] f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; }
		
		f-menu-dropdown-item-simple:nth-child(odd) { background: rgb(60,60,60); }
		f-menu-dropdown-item-simple:nth-child(even) { background: rgb(70,70,70); }
		f-menu-dropdown-item-simple:hover:nth-child(odd), f-menu-dropdown-item-simple:hover:nth-child(even) { background: var(--f-hot-color); color: white; }

		f-menu-dropdown-item[data-slash="true"]:nth-child(odd) { background: #666 !important; }
		f-menu-dropdown-item[data-slash="true"]:nth-child(even) { background: #777 !important; }
        f-menu-dropdown-item[data-slash="true"]:hover { background: var(--f-hot-color) !important; }
        f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-title { color: white !important; }
		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-thumb rect  { fill: white; }
		


		@media only screen and (max-width: 600px) {
			f-menu-dropdown-one { 		top: 77px; }
			f-menu-dropdown-two { 		top: 77px; }
			f-menu-dropdown-icons { 	top: 47px; }
			f-menu-dropdown-logos { 	top: 381px; }
		}


		

		
	</style>



























 













































		
		
		









































		


		







































































































































	<style>
		f-menu-live-container { display: block; }
		
		f-menu-live {
			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 30px; color: white;
			display: block; margin: 0px auto 0px; 
		}
		
		f-menu-live { background-color: rgb(70, 70, 70); }
		f-menu-live[data-live='live'] { background-color: var(--f-hot-color); }
		f-menu-live:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		
		f-menu-live a { color: white; font-weight: 300; }
		f-menu-live a:hover { color: rgba(255,255,255,0.8); }
		
		f-menu-live-alert { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; float: left; padding: 0px 10px 0px 18px; }
		
		f-menu-live-time, f-menu-live-text, f-menu-live-tags { padding: 0px 10px 0px 0px; float: left; }
		
		f-menu-live-text { font-family: var(--f-suisse-regular); }
		
		.f-menu-live-killborder { margin-top: -3px; }
		.f-menu-live-bordertoplive { border-top: 1px solid rgb(235, 49, 0); }
		.f-menu-live-bordertopaktuellt { border-top: 1px solid rgb(50, 50, 50); }

		@media only screen and (max-width: 600px) {
			f-menu-live { font-size: 12px; line-height: 26px; }
			f-menu-live-alert { padding: 0px 10px 0px 16px; }
			f-menu-live-tags { display: block; }
			.f-menu-live-killborder { margin-top: 0px; }
		}
		
		@media only screen and (min-width: 2000px) {
			f-menu-live { max-width: 980px; }
		}

	</style>	

















 













































		









































		


		











































































































































	<style>
		f-deals { display: none; width: 100%; max-width: 980px; margin: var(--f-margins-margins); box-sizing: border-box; }

		f-deals-head { display: block; font-family: SuisseRegular; font-weight: 300; color: #999; font-size: 12px; margin-bottom: 6px; }

		f-deals-items { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }

		.f-deals-item {
			flex: 1;
			min-width: 0;
			display: block;
			text-decoration: none;
			color: inherit;
		}

		@media (min-width: 800px) {
			.f-deals-item { flex: 0 0 calc(50% - 5px); }
			.f-deals-item:only-child { flex: 1 1 100%; }
		}

		@media (max-width: 799px) {
			.f-deals-item:not(:first-child) { display: none; }
		}

		f-deals-item-content {
			display: flex;
			flex-direction: row;
			height: 75px;
			min-height: 75px;
			max-height: 75px;
			overflow: hidden;
			background-color: rgb(45,45,45);
		}

		f-deals-item-image {
			flex-shrink: 0;
			width: 140px;
			height: 75px;
			min-height: 75px;
			max-height: 75px;
			overflow: hidden;
			background-color: rgb(45,45,45);
		}

		f-deals-item-image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		f-deals-item-gadget {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: var(--f-article-padding);
		}

		f-deals-item-gadget strong {
			display: block;
			font-size: 14px;
			line-height: 16px;
			font-family: 'SuisseSemiBold', SuisseSemiBold, 'Helvetica Neue', arial, sans-serif;
			font-weight: 600;
			color: #fff;
			-webkit-font-smoothing: antialiased;
		}

		f-deals-item-price {
			font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif;
			font-weight: normal;
			color: var(--n-orange-semidark);
			font-size: 14px;
			line-height: 16px;
		}

		f-deals-item-oldprice {
			color: rgba(255,255,255,0.4);
		}

		@media only screen and (max-width: 980px) {
			f-deals-head { margin-left: 8px; }
		}

	</style>













 













































	


	











	
	









<style>

	f-cta-container {
		display: flex; flex-direction: column; padding: 12px; margin: 20px auto;
		background: var(--f-article-background-inline); font-family: var(--f-suisse-semibold); font-weight: 300; 
	}

	f-cta-row1 { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; color: var(--f-article-text-color); }
	f-cta-row2 { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }

	f-cta-text { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; padding: 4px; }
	f-cta-legal { font-size: 12px; font-family: var(--f-suisse-medium); font-weight: 300; color: rgba(0,0,0,0.4); white-space: nowrap; }
	f-cta-button { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; 
		background-color: #333; color: white;
		padding: 6px 12px; border-radius: 6px; white-space: nowrap; display: inline-block;
	}

	a > f-cta-container { color: inherit; }

	/* Desktop: rad1 till vÃ¤nster, rad2: legal + button till hÃ¶ger */
	@media (min-width: 600px) {
		f-cta-container { flex-direction: row; justify-content: space-between; align-items: center; }
		f-cta-row1 { margin: 0; }
		f-cta-row2 { gap: 12px; }
		f-cta-text { padding-left: 0 0 8px 0; }
	}
</style>

<script>
	document.addEventListener('DOMContentLoaded', () => {

		//console.log('f-cta script loaded');

		const presetBG = {
			black: '#222',
			blue: 'var(--f-link-color)',
			orange: 'var(--f-hot-color)',
			automatos: 'rgba(217, 4, 41, 1)'
		};
	
		const presetText = {
			white: '#fff',
			black: 'var(--f-article-text-color)'
		};
	
		function processCTA(el) {
			if (el.dataset.processed) return; // Undvik att bearbeta flera gÃ¥nger
			el.dataset.processed = "true";
		
			const text = el.getAttribute('text') || '';
			const button = el.getAttribute('button') || '';
			const legal = el.getAttribute('legal') || '';
			const url = el.getAttribute('url') || '#';
			const bgcolor = el.getAttribute('bgcolor') || '#333';
			const textcolor = el.getAttribute('textcolor') || 'white';
		
			const bg = presetBG[bgcolor.toLowerCase()] || bgcolor;
			const tc = presetText[textcolor.toLowerCase()] || textcolor;
		
			const link = document.createElement('a');
			link.setAttribute('href', url);
			link.setAttribute('target', '_blank');
			link.setAttribute('rel', 'noopener');
			link.style.textDecoration = 'none';
			link.style.display = 'block';
		
			const container = document.createElement('f-cta-container');
			const row1 = document.createElement('f-cta-row1');
			const row2 = document.createElement('f-cta-row2');
		
			const textEl = document.createElement('f-cta-text');
			textEl.textContent = text;
		
			const legalEl = document.createElement('f-cta-legal');
			legalEl.textContent = legal;
		
			const buttonEl = document.createElement('f-cta-button');
			buttonEl.textContent = button;
			buttonEl.style.backgroundColor = bg;
			buttonEl.style.color = tc;
		
			row1.appendChild(textEl);
			row2.appendChild(legalEl);
			row2.appendChild(buttonEl);
		
			container.appendChild(row1);
			container.appendChild(row2);
			link.appendChild(container);
		
			el.replaceWith(link);
		}
	
		// 1. KÃ¶r pÃ¥ redan existerande f-cta
		document.querySelectorAll('f-cta').forEach(processCTA);
	
		// 2. Observera DOM-fÃ¶rÃ¤ndringar
		const observer = new MutationObserver(mutations => {
			mutations.forEach(mutation => {
				mutation.addedNodes.forEach(node => {
					if (node.nodeType === 1 && node.tagName.toLowerCase() === 'f-cta') {
						processCTA(node);
					}
					// Om det finns <f-cta> lÃ¤ngre ner i det nya nodtrÃ¤det
					if (node.nodeType === 1) {
						node.querySelectorAll?.('f-cta')?.forEach(processCTA);
					}
				});
			});
		});
	
		observer.observe(document.body, { childList: true, subtree: true });
	});
</script>








	











	
	












<script>
	document.addEventListener('DOMContentLoaded', () => {
		let inlineGalleryCounter = 0;
		
		function processInlineGallery(el) {
			if (el.dataset.processed) return;
			el.dataset.processed = "true";
			
			const autoplay = el.getAttribute('data-autoplay') === 'true';
			const autoplaySpeedSeconds = parseFloat(el.getAttribute('data-autoplay-speed')) || 3; // Standard 3 sekunder
			const autoplaySpeed = Math.round(autoplaySpeedSeconds * 1000); // Konvertera till millisekunder
			const showThumbs = el.getAttribute('data-thumbs') !== 'false'; // Visa tumnaglar som standard
			
			// Hitta alla f-inlinegallery-img element
			const imgElements = el.querySelectorAll('f-inlinegallery-img');
			
			if (imgElements.length === 0) return;
			
			// Skapa container
			const container = document.createElement('f-inlinegallery-container');
			const galleryId = el.getAttribute('data-inlinegalleryid') || el.getAttribute('data-flideid') || 'inlinegallery-' + (++inlineGalleryCounter);
			container.setAttribute('data-inlinegalleryid', galleryId);
			
			// Skapa huvudbild-omrÃ¥de
			const mainArea = document.createElement('f-inlinegallery-main');

			const fullscreenEnter = document.createElement('f-fullscreen-enter');
			fullscreenEnter.innerHTML = '<svg id="svg-open-fullscreen" enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>';
			fullscreenEnter.addEventListener('click', (e) => {
				e.stopPropagation();
				if (typeof startInlineGalleryFullScreen === 'function') {
					startInlineGalleryFullScreen(galleryId);
				}
			});

			const fullscreenClose = document.createElement('f-fullscreen-close');
			fullscreenClose.style.display = 'none';
			fullscreenClose.innerHTML = '<svg id="svg-close-fullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"></polygon><polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"></polygon><polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"></polygon><polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"></polygon></svg>';
			fullscreenClose.addEventListener('click', (e) => {
				e.stopPropagation();
				if (typeof exitFullscreen === 'function') {
					exitFullscreen();
				}
			});
			
			// Skapa f-flide-prev/f-flide-next element (bara om fler Ã¤n en bild)
			let flidePrev = null;
			let flideNext = null;
			if (imgElements.length > 1) {
				flidePrev = document.createElement('f-flide-prev');
				flidePrev.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>';
				flideNext = document.createElement('f-flide-next');
				flideNext.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>';
			}
			
			// Skapa tumnaglar (om aktiverat)
			let thumbsContainer = null;
			if (showThumbs) {
				thumbsContainer = document.createElement('f-inlinegallery-thumbs');
			}
			
			let currentIndex = 0;
			
			// Skapa bilddata frÃ¥n img-element
			const images = Array.from(imgElements).map((imgEl, index) => {
				const baseUrl = imgEl.getAttribute('data') || '';
				const caption = imgEl.getAttribute('data-caption') || '';
				
				// Extrahera bas-URL utan eventuella parametrar
				const cleanUrl = baseUrl.replace(/[?&].*$/, '');
				
				// Skapa URL:er fÃ¶r olika storlekar
				const mainUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_1280.$1');
				const thumbUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_100x100.$1');
				
				const cred = imgEl.getAttribute('data-cred') || '';
				const credUrl = imgEl.getAttribute('data-cred-url') || '';
				
				// Debug: logga vÃ¤rden
				console.log('Bild ' + (index + 1) + ': cred="' + cred + '", credUrl="' + credUrl + '"');
				
				return {
					main: mainUrl,
					thumb: thumbUrl,
					original: cleanUrl,
					caption: caption,
					cred: cred,
					credUrl: credUrl
				};
			});
			
			// Funktion fÃ¶r att uppdatera huvudbild
			function updateMainImage(index) {
				const fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement;
				const imageUrl = fullscreenElement === container ? images[index].main.replace('_1280', '_1920') : images[index].main;
				const img = mainArea.querySelector('img');
				if (img) {
					img.src = imageUrl;
				} else {
					const newImg = document.createElement('img');
					newImg.src = imageUrl;
					newImg.alt = `Bild 1`;
					newImg.loading = 'lazy';
					mainArea.appendChild(newImg);
				}
				
				// Uppdatera bildtext
				let captionEl = mainArea.querySelector('f-article-image-caption');
				if (images[index].caption) {
					if (!captionEl) {
						captionEl = document.createElement('f-article-image-caption');
						mainArea.appendChild(captionEl);
					}
					captionEl.textContent = images[index].caption;
				} else if (captionEl) {
					captionEl.remove();
				}
				
				// Uppdatera fotokreditering
				let credEl = mainArea.querySelector('f-article-image-cred');
				if (images[index].cred) {
					if (!credEl) {
						credEl = document.createElement('f-article-image-cred');
						mainArea.appendChild(credEl);
					}
					
					// Debug: logga vad som ska visas
					console.log('Cred element: cred="' + images[index].cred + '", credUrl="' + images[index].credUrl + '"');
					
					if (images[index].credUrl) {
						// Skapa lÃ¤nk fÃ¶r fotokreditering
						const link = document.createElement('a');
						link.href = images[index].credUrl;
						link.target = '_blank';
						link.textContent = images[index].cred;
						link.rel = 'noopener';
						
						credEl.innerHTML = 'Foto: ';
						credEl.appendChild(link);
						console.log('Skapade lÃ¤nk fÃ¶r fotokreditering');
					} else {
						// Bara text utan lÃ¤nk
						credEl.innerHTML = 'Foto: ' + images[index].cred;
						console.log('Skapade text fÃ¶r fotokreditering:', 'Foto: ' + images[index].cred);
					}
				} else if (credEl) {
					credEl.remove();
				}
				
				// Uppdatera tumnaglar (om de finns)
				if (thumbsContainer) {
					thumbsContainer.querySelectorAll('.f-inlinegallery-thumb').forEach((thumb, i) => {
						thumb.classList.toggle('active', i === index);
					});
				}
				
				currentIndex = index;
			}
			
			// Skapa tumnaglar (om aktiverat)
			if (showThumbs && thumbsContainer) {
				images.forEach((image, index) => {
					const thumb = document.createElement('f-inlinegallery-thumb');
					thumb.className = index === 0 ? 'f-inlinegallery-thumb active' : 'f-inlinegallery-thumb';
					
					const thumbImg = document.createElement('img');
					thumbImg.src = image.thumb;
					thumbImg.alt = `Tumnagel 1`;
					thumbImg.loading = 'lazy';
					
					thumb.appendChild(thumbImg);
					
					thumb.addEventListener('click', () => updateMainImage(index));
					thumbsContainer.appendChild(thumb);
				});
			}
			
			function showPreviousImage() {
				const newIndex = currentIndex > 0 ? currentIndex - 1 : images.length - 1;
				updateMainImage(newIndex);
			}

			function showNextImage() {
				const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
				updateMainImage(newIndex);
			}

			container.inlineGalleryPrevious = showPreviousImage;
			container.inlineGalleryNext = showNextImage;

			// Klick pÃ¥ vÃ¤nstra tredjedelen backar, Ã¶vrig yta gÃ¥r framÃ¥t
			mainArea.addEventListener('click', (e) => {
				const bounds = mainArea.getBoundingClientRect();
				const clickX = e.clientX - bounds.left;

				if (clickX < bounds.width / 3) {
					showPreviousImage();
				} else {
					showNextImage();
				}
			});
			
			// Klick pÃ¥ f-flide-prev/f-flide-next fÃ¶r bildnavigation
			if (flidePrev) {
				flidePrev.addEventListener('click', (e) => {
					e.stopPropagation(); // FÃ¶rhindra att mainArea ocksÃ¥ triggar
					showPreviousImage();
				});
			}

			if (flideNext) {
				flideNext.addEventListener('click', (e) => {
					e.stopPropagation(); // FÃ¶rhindra att mainArea ocksÃ¥ triggar
					showNextImage();
				});
			}
			
			// GÃ¶r huvudbild klickbar med cursor
			mainArea.style.cursor = 'pointer';
			
			// Tangentbordsnavigation (bara piltangenter)
			container.addEventListener('keydown', (e) => {
				if (e.key === 'ArrowRight') {
					showNextImage();
				} else if (e.key === 'ArrowLeft') {
					showPreviousImage();
				}
			});
			
			// GÃ¶r container fokuserbar fÃ¶r tangentbordsnavigation
			container.setAttribute('tabindex', '0');
			
			// LÃ¤gg till f-flide-prev/f-flide-next i mainArea
			if (flidePrev) {
				mainArea.appendChild(flidePrev);
			}
			if (flideNext) {
				mainArea.appendChild(flideNext);
			}
			mainArea.appendChild(fullscreenEnter);
			mainArea.appendChild(fullscreenClose);
			
			// LÃ¤gg till element i rÃ¤tt ordning
			if (showThumbs && thumbsContainer) {
				container.appendChild(thumbsContainer); // Tumnaglar ovanfÃ¶r
			}
			container.appendChild(mainArea);
			
			// Initiera fÃ¶rsta bilden
			updateMainImage(0);
			
			// Autoplay-funktionalitet
			let autoplayInterval;
			if (autoplay && images.length > 1) {
				autoplayInterval = setInterval(() => {
					const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
					updateMainImage(newIndex);
				}, autoplaySpeed);
				
				// Pausa autoplay vid hover
				container.addEventListener('mouseenter', () => {
					if (autoplayInterval) clearInterval(autoplayInterval);
				});
				
				container.addEventListener('mouseleave', () => {
					if (autoplay && images.length > 1) {
						autoplayInterval = setInterval(() => {
							const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
							updateMainImage(newIndex);
						}, autoplaySpeed);
					}
				});
			}
			
			// ErsÃ¤tt original-elementet
			el.replaceWith(container);
		}
		
		// Processa befintliga gallerin
		document.querySelectorAll('f-inlinegallery').forEach(processInlineGallery);
		
		// Observera nya gallerin och img-element
		const observer = new MutationObserver(mutations => {
			mutations.forEach(mutation => {
				mutation.addedNodes.forEach(node => {
					if (node.nodeType === 1) {
						// Hantera nya f-inlinegallery
						if (node.tagName.toLowerCase() === 'f-inlinegallery') {
							processInlineGallery(node);
						}
						// Hantera nya f-inlinegallery-img som lÃ¤ggs till i befintliga gallerin
						if (node.tagName.toLowerCase() === 'f-inlinegallery-img') {
							const gallery = node.closest('f-inlinegallery');
							if (gallery && !gallery.dataset.processed) {
								processInlineGallery(gallery);
							}
						}
						// SÃ¶k i nya noder efter gallerin
						node.querySelectorAll?.('f-inlinegallery')?.forEach(processInlineGallery);
					}
				});
			});
		});
		
		observer.observe(document.body, { childList: true, subtree: true });
	});
</script>




	<style>
		.hidden { display: none!important; }
		.hiddenNonImportant { display: none; }


 




.art_container[data-show='no'] { display: none; }
.fullsizecontainer[data-show='no'] { display: none; }
f-article-fullsize-container[data-show='no'] { display: none; }



.after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.febericons { font-family: 'febericons'; cursor: pointer; }
.cursor { cursor: pointer; }


.feberhot, .feberhot a { bottom: auto; color: var(--f-hot-color) !important; }
.feberhotBG { background-color: var(--f-hot-color) !important; color: #fff !important; }
.febercold, .febercold a { color: var(--f-cold-color) !important; }
.febercoldBG { background-color: var(--f-cold-color) !important; color: #fff !important; }
.tjockhot, .tjockhot a { bottom: auto; color: rgb(220,26,0) !important; }
.tjockhotBG { background-color: rgb(220,26,0) !important; color: #fff !important; }
.tjockcold, .tjockcold a { color: rgb(0,163,220) !important; }
.tjockcoldBG { background-color: rgb(0,163,220) !important; color: #fff !important; }







.fifty { width: 50% !important; } .onethird { width: 50%; } .twothird { width: 50%; }
@media only screen and (max-width: 640px) {
	.onethird, .twothird {
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
}
a { color: var(--f-article-link-color); font-weight:600; text-decoration:none; }
a:hover { color: var(--f-article-link-hover); }
hr { border: none; height: 1px; background-color: #ddd; }





.closemeplease { background-color: #fff; padding: 3px 6px 0px; font-size: 11px; }
.closemeplease a { font-weight: 400; }

.header { margin:0 auto 20px; }

.utfallande { margin: 0 !important; }

.bg_light_grey { background-color:#ccc!important; }
.bg_grey { background-color:#666; }
.bg_dark_grey { background-color:#333; }


.light_grey { color:#ccc; }
.grey { color:#666; }
.white { color:#fff; }
.green { color:#9eb502; }
.black { color: #000; }



.closeButton { float: right; margin-right: -20px; margin-top: 9px; opacity: 0.5; }
.closeButton a:hover { opacity: 1; }

.left {
	float:left!important;
}

.right {
	float:right!important;
}

.thumbnails { padding: 0 0 20px 20px; margin-bottom: 0px; font-size: 0.75em; }
.thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.thumbContainer { width: 15.15%; height: 80px; overflow: hidden; margin: 0 1.46% 1.46% 0; float: left; }


@media only screen and (max-width: 480px) {
	.thumbnails { padding: 0 0 15px 15px; }
	.thumbContainer { width: 30%; height: 80px; margin: 0 2% 2% 0;  }
}


.thumbnails img { width: 100%; } 
.thumbnails img:hover { opacity: 0.5; }

.allImages, .imageShower { width: 100%; margin: 0; text-align: center; }
.allImages img, .imageShower img { width: 100%; margin: 0; padding: 0; }

.imageWrapper { position: relative; height: 0; overflow: hidden; background-color: #fff; margin: 0 auto 20px auto; }
.imageWrapper a:hover { opacity: 1; }
.imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; }

.allImages .caption, .imageShower .caption, .image .caption, .caption { font-size: 0.8462em; padding: 4px 20px 7px 20px; text-align: left; }



.embeddat { }
.embeddat iframe,  .embeddat object, .embeddat embed { width: 100%; } 
.embeddat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }







.feberlogo { padding:0; line-height: 0; padding: 30px 30px 15px 30px; }
.feberlogo img { max-width: 180px; }

.feberlogotjock { padding: 0 30px 30px 30px; margin: 0; }
.feberlogotjock img { max-width: 100px; }

@media only screen and (max-width: 500px) {
	.feberlogo { padding:0; line-height: 0; padding: 15px 15px; width: 100%; }
	.feberlogo img { width: 100px; }
	
	.feberlogotjock { display: none; }
}



#feberSearchToggler {
	position: fixed;
	z-index: 110;
	top: 0px;
	right: 0px;
}

#feberSearch {
	position:fixed;
	height:40px;
	background-color:white;
	width:100%;
	top: 0px;
	left:0px;
	margin-top: 0px;
	z-index: 109;
	display: none;
}

#feberSearch .sok { float: left; padding: 0px; overflow: hidden; background-color: #fff; width: 100%; } 
#feberSearch .sok input { float:right; font-size: 16px; padding: 11px 2%; border: 0; width: 96%; margin: 0; background-color: #fff; color: #999; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#feberSearch .sok input:focus { background-color: #fff; color: #333; border: 0; outline: none; }

#feberMenuToggler img, #feberMenuMobileToggler img, #feberSearchToggler img {
	width: 40px;
	height: 40px;
}

@media only screen and (max-width: 980px) {
	.newheader_container .right_content { display: none; }
	#section .calc .views { display: none; }
	#section .calc .item { width: 20%; }
	#section .calc .sok { width: 20%; } 
}

@media only screen and (max-width: 600px) {
	#section .calc .item { width: 25%; }
	#section .calc .recommended { width: 100%; }
}




/* Footer etc */

.page_nav_container { max-width: 1280px; mwidth:100%; font-size:1.3846em; background-color:#fff; text-align:center; font-weight:700; margin:0 auto 20px; }
.page_nav { padding: 20px; }
.page_nav .right { font-size: 1.5556em; }
.page_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 767px) {
	.page_nav .left { display:none; }
	.page_nav_container { font-size: 1.8em; line-height: 30px; }
	.page_nav .right { float: none !important; }
}


#commentsContainer { background-color: var(--f-article-background); margin: 20px auto; max-width: 980px; }
#commentsContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#disqus_container { background-color: var(--f-article-background); float:none; text-align:left; padding-top: 6px; }
#disqus_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 480px) {
	#disqus_container { font-size: 0.8462em; }
}

#disqus_thread h3 {
	font-size:1em;
	letter-spacing:0;
}

#disqus_thread {
	margin: 0 auto;
}


img,img a:hover,img a:active,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,#header .tipsa a {
	border:0;
}


.dark_grey,.tagline b {
	color:#333;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.tagline #headline a,.dustin .prodname a,#toolbar #headline a {
	color:#000;
}

.menutech .menuextras .selected {
	color:#999;
}

.page_nav a {
	font-weight:400;
}






  .spoiler { opacity: 0.15; position: relative; -webkit-filter: blur(10px);
  filter: blur(10px); }
.spoileroverlay { position: absolute; width: 100%; color: white; padding: 100px 0; max-width: 980px; text-align: center; cursor: pointer; z-index: 100;  }






.art_container .img-wrapper, .fullsizecontainer .img-wrapper { position: relative; padding-bottom: 50%; }
.art_container .img-img, .fullsizecontainer .img-img { position: absolute; width: 100%; height: 100%; }
.art_container .img-img img, .fullsizecontainer .img-img img { width: 100%; }



		
			
.art_container .img-caption, .fullsizecontainer .img-caption { 
	position: absolute; background-color: rgba(0,0,0,0.8); padding: 8px 12px; color: white; display: block; bottom: 30px; left: 30px;
	font-family: var(--f-suisse-light); font-weight: 200; font-size: 20px; line-height: 22px; max-height: calc(100% - 84px);
}

.art_container .img-cred, .fullsizecontainer .img-cred { 
	/*position: absolute; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.3); color: white; padding: 3px 7px; border-top-left-radius: 3px;
	font-family: var(--f-suisse-regular); font-size-adjust:0.488; font-weight:normal; font-style:normal; font-size: 11px; */
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: white;
	padding: 4px 6px;
	font-family: SuisseRegular, sans-serif;
	font-size-adjust: 0.488;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	text-shadow: 1px 0px 6px rgba(0,0,0,0.8);
}

.art_container .img-cred a, .fullsizecontainer .img-cred a { color: white; font-weight: 300; }
.art_container .img-arrow, .fullsizecontainer .img-arrow { background-color: transparent; position: absolute; right: 0; padding: 15px 20px; }

@media only screen and (max-width: 640px) {
	.art_container .img-caption, .fullsizecontainer .img-caption { 
		padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 16px; max-width: calc(100% - 54px); font-family: SuisseLight, Helvetica, Arial, sans-serif;  }
	.art_container .img-cred, .fullsizecontainer .img-cred { right: 0px; bottom: 0px; font-size: 10px; }
}

@media only screen and (min-width: 980px) {
	.fullsizecontainer .img-caption { bottom: 150px;  }
	.fullsizecontainer .img-cred { bottom: 130px; }

}











/* NEW SIZING CSS */

.mz_xxxx { margin: 20px; }

@media only screen and (max-width: 768px) {
	.mz_xxxx { margin: 20px; }
}

@media only screen and (max-width: 480px) {
	.mz_xxxx { margin: 15px; }
}




/* TAGLINE */

footer.Tagline { font-size: 11px; color: #888; text-transform: uppercase; }
footer.Tagline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

footer.Tagline a { color: #888; font-weight: normal; }
footer.Tagline hr { height: 1px; background-color: #e7e7e7; margin: 5px 0 10px 0; border: 0; }

footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla {
	font-family: SuisseLight, HelveticaNeue-Light, "Roboto Thin", Arial, serif; 
	font-size: 24px; line-height: 24px; text-align: center; color: #fff; text-decoration: none; text-transform: none; -webkit-font-smoothing: antialiased;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
		footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla {
			-webkit-font-smoothing: antialiased; 
		}
}

footer.Tagline.tjock .bubbla, footer.Tagline.tjock .temp, footer.Tagline.tjock .tempUP, footer.Tagline.tjock .tempDOWN, .art_collapsed.tjock .bubbla {
	font-family: LatoLight; font-weight: normal; text-transform: none;
}

footer.Tagline .bubbla, .art_collapsed .bubbla { margin: 0;  cursor:pointer; padding: 8px 13px 8px 12px; background:#333; min-width: 24px; float: left; }
footer.Tagline .bubbla a, .art_collapsed .bubbla a { color: white; }
footer.Tagline .arrow, .art_collapsed .arrow { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #333; margin-top: 13px; float: left; }

footer.Tagline .temp 			{ padding: 8px 12px; float: right; background:#333; }
footer.Tagline .tempUP 			{ padding: 6px 12px 10px; margin: 0px 4px; cursor:pointer; float: right; }
footer.Tagline.tjock .tempUP 	{ padding: 7px 12px 9px 12px; }
footer.Tagline .tempDOWN 		{ padding: 6px 14px 10px; cursor:pointer; float: right; }



footer.Tagline .writer_icon { float: left; margin-right: 4px; width: 40px; height: 40px; }

@media only screen and (max-width: 768px) {
	footer.Tagline .right { float: none !important; }
}

@media only screen and (max-width: 480px) {
	footer.Tagline {  }
	
	footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla { font-size: 20px; line-height: 20px; }
	footer.Tagline .bubbla 				{ padding: 8px 9px 5px 8px; margin: 0; }
	footer.Tagline.tjock .bubbla 		{ padding: 7px 9px 7px 8px; margin: 0; }
	footer.Tagline .arrow 				{ margin-top: 11px; }
	.art_collapsed .arrow, .art_collapsed .bubbla { display: none; }
	footer.Tagline .temp 				{ padding: 8px 10px 6px; }
	footer.Tagline.tjock .temp 			{ padding: 7px 10px 7px; }
	footer.Tagline .tempUP 				{ padding: 7px 11px 7px 11px; }
	footer.Tagline.tjock .tempUP 		{ padding: 7px 12px 9px 12px; }
	footer.Tagline .tempDOWN 			{ padding: 7px 13px 7px 13px; }
	footer.Tagline.tjock .tempDOWN 		{ padding: 6px 13px 8px 13px; }
	
	footer.Tagline .writer_icon 		{ width: 34px; height: 34px; }
}



.art_container.tjock { margin-bottom: 20px; }

.debug { text-align: center; color: white; margin-top: 10px; font-family: SuisseRegular; }

.infiniteError {
	max-width: 940px;
	margin: 20px auto 200px;
	padding: 40px 20px;
	text-align: center;
	background-color: #4ebbe8;
	color: white;
	font-family: SuisseLight;
	font-size: 20px;
	line-height: 24px;
}

.infiniteError a {
	color: white;
	font-family: SuisseBold;
	font-weight: 300;
}







/* 3-2. DATE HEADER */
/* Base */ 				header.date { background-color: #111; color: #fff; margin: var(--f-margins-margins); padding: 15px 20px; max-width: 940px;
							font-family: SuisseLight, HelveticaNeue, "Roboto Thin", Arial, serif; font-size: 20px; line-height: 16px; font-style: normal; -webkit-font-smoothing: antialiased; }
/* First letter big */ 	header.date:first-letter { text-transform: uppercase; }
/* Icons */				header.date .icon { font-size: 20px; padding-top: 3px; }
						header.date.grande { font-size: 24px; line-height: 24px; }
						header.date.small { font-size: 13px; font-family: SuisseRegular, HelveticaNeue, "Roboto Thin", Arial, serif; line-height: 13px; padding: 6px 8px; max-width: calc(980px - 18px); }
						header.date.small .right { text-transform: uppercase; font-size: 11px; padding: 1px 0; }
						




.twitter-video-rendered { margin: 0 -8px !important; max-width: 996px !important; }





.searchBox form { margin: 0;  }
					.searchBoxInput {
						margin: 0 0 0px 0;
						padding: 15px 20px;
						color: #222;
						width: calc(100% - 40px);
						font-family: 'Helvetica Neue';
						font-size: 20px;
						font-weight: inherit;
						line-height: 20px;
						border: 0px solid white;
						border-radius: 6px;
						background-color: rgba(255,255,255,1);
						transition: background-color 150ms linear;
						transition: color 150ms linear;
				  }
				  .searchBoxInput:focus {
					  outline: none;
					  color: #222;
					  background-color: rgba(255,255,255,1);
				  }
				  
				  .searchBox [type="submit"] {
					  border-radius: 0 6px 6px 0;
					  font-size: 20px;
					  line-height: 20px;
					  padding: 17px 20px;
					  width: calc(40px);
					  background-color: rgba(0, 0, 0,0.1);
					  color: black;
					  margin-left: -85px;
				  }

				  
				  .searchBox [type="radio"] { display: none; }
					
					.searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label {
						position: relative;
						padding-left: 25px;
						cursor: pointer;
						line-height: 16px;
						display: inline-block;
						color: white;
						margin-right: 10px;
						font-size: 15px;
						margin-top: 10px;
					}
					
					@media only screen and (max-width: 600px) {
						.searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label {
							margin-top: 10px;
							width: 100%;
						}
					}
				
					.searchBox [type="radio"]:checked + label:before, .searchBox [type="radio"]:not(:checked) + label:before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 14px;
						height: 14px;
						border: 1px solid #ccc;
						border-radius: 100%;
						background: #fff;
					}
					
					.searchBox [type="radio"]:checked + label:after, .searchBox [type="radio"]:not(:checked) + label:after {
						content: '';
						width: 8px;
						height: 8px;
						background: #888;
						position: absolute;
						top: 4px;
						left: 4px;
						border-radius: 100%;
						-webkit-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					
					.searchBox [type="radio"]:not(:checked) + label:after {
						opacity: 0;
						-webkit-transform: scale(0);
						transform: scale(0);
					}
					
					.searchBox [type="radio"]:checked + label:after {
						opacity: 1;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					.searchBox a { color: white;  }


			
			
			
			
			.ytIcon { width: 70px; 
				/*animation: ytIconScale 4s infinite ease-in-out;*/  }
			.ytIcon .ytIconRectangle { transition: all .3s ease-in-out; }
			.ytIcon:hover .ytIconRectangle { fill: #333; }
			
			@keyframes ytIconScale {
				0% { transform: scale(1);   }
				50% { transform: scale(0.9); }
				100% { transform: scale(1);  }
			}

			.videotext {
				color: white; top: 50%; position: absolute; 
				margin-top: -8px; text-align: center; width: 100%;
			}



	</style>

	
	
		
		<style>
			
			
			
			.art_container .owl-container { margin: 0 auto; max-width: 1280px;  }
			.art_container .owl-carousel { display: inline; }
			.art_container .owl-carousel .puff5 { width: 100%; }
			.art_container .sub { margin: 0 auto; max-width: 1240px; }
			
			.owl-item img{ display: block; width: 100%; height: auto; }
			.sub .owl-item { max-width: 120px; }
			.sub .item { margin-right: 5%; max-width: 120px; text-align: center; }
			.sub { max-width: 940px; }

		</style>
		


	
	
	
	
	
	<style>
		
		
		body {
		   counter-reset: item;
		 }
		
		.text ol { list-style: none; }
		.text ol li { margin-left: 40px;
			counter-increment: item;
			border-left: 1px solid #ccc;
			padding-left: 10px; }
		.text ol li:before { margin-right: 23px;
			content: counter(item);
			text-align: right;
			margin-left: -30px;
			font-size: 15px;
			font-family: SuisseBold; }
		
		.text ul { list-style: none; }
		.text ul li { margin-left: 40px;
			counter-increment: item;
			border-left: 1px solid #ccc;
			padding-left: 10px; }
		.text ul li:before { margin-right: 23px;
			content: "*";
			text-align: right;
			margin-left: -30px;
			font-size: 15px;
			font-family: SuisseBold; }
			
		
		
		
		.bookmark {
			background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 4px 6px 4px 6px;
		}
		
		.bookmark.right { width: auto !important; }
		
		@media only screen and (max-width: 800px) {
			.bookmark.right { width: auto !important; float: right !important; }
		}
		
		
		footer.Tagline .bookmark {
			background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 7px 10px 3px 10px; float: right; 
		}
		
		.bookmarksinfo {
			margin: -20px auto 40px; padding: 20px; max-width: 940px;background-color: #222; color: white;
		}
		
		.bildtext {
			padding: 10px 15px;
			background-color: var(--f-article-background-invert);
			/* margin-bottom: 20px; */
			font-size: 13px;
			margin-top: 0px;
			color: #e7e7e7;
			line-height: 17px;
		}
		
		.bildtext a {
			font-weight: 300; color: rgb(70, 140, 210);
		}
		
		.text h3 {
			font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif;
			font-weight: 300; 
			font-size: 18px; 
			line-height: 21px; 
			display: inline-block; 
			padding: 20px 0px 5px 0px; 
			border-bottom: 1px solid #e7e7e7; 
			margin: 0 0 5px 0;
		}
		
		.text b.ingress {
			font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif;
			font-weight: 300; 
			font-size: 16px; 
			line-height: 20px; 
			color: #333;
		}
		
		.art_container .body1 i, .art_container .body2 i {
			color: var(--f-article-text-color);
			display: inline-block;
			margin: 10px 0px 10px 0px;
			padding: 15px 20px;
			font-style: normal;
			border-left: none;
			background-color: var(--f-article-background-inline);
			width: calc(100% - 40px);
			border-radius: 6px;
		}
		
		article.fullSizeArticle .body1 { margin-top: 0px; } 
		
		.art_container .body1 i b, .art_container .body2 i b {
			font-family: var(--f-suisse-semibold);
			font-weight: 300; 
			font-style: normal;
			color: var(--f-article-text-color);
		}
		
		.art_container .body1 em, .art_container .body2 em {
			font-family: var(--f-suisse-regular-italic);
			font-style: italic;
			font-weight: 300;
		}
		
		
		.art_container .internallinksitem {
			margin: 5px 20px;
			color: #666;
		}
		
		@media only screen and (max-width: 480px) {
			.art_container .internallinksitem {
				margin: 5px 15px;
			}	
		}
		
		
		/* Annonstest */
		
		
		.art_collapsed { max-width: 980px !important; }
		.topp2015-1 { max-width: 980px !important; }
		.art_container { max-width: 980px; }
		.fullSizeArticle { max-width: 980px; }
		body section.pagenav { max-width: 980px !important; }
		.pagenav_premium { max-width: 940px !important; }
		
		
		
		header.date { max-width: 940px; }
		
		#commentsContainer { max-width: 980px; }
		#puffContainer, .puffContainer { max-width: 980px; }
		
		section.ArticleBasic { max-width: 980px; }
		
	
		
		


		.text p.link {
			color: var(--f-article-text-color-shade);
			max-width: var(--f-article-maxwidth);
			margin: 0 auto 10px;
			
		}
		.text p.link a {
			color: var(--f-article-link-color); font-weight: 300;
			border-bottom: 1px solid var(--f-article-border-color);
		}
		
		.text p.link a:hover {
			color: var(--f-article-link-hover);
			border-bottom: 1px solid var(--f-article-border-color);
		}
		
		
		
		
	</style>
		

	
	
	
	
		
			
			
			<link rel="apple-touch-icon" sizes="180x180" href="/faviconsfeber/apple-touch-icon.png">
			<link rel="icon" type="image" sizes="512x512" href="/faviconsfeber/android-chrome-512x512.png">
			<link rel="icon" type="image" sizes="192x192" href="/faviconsfeber/android-chrome-192x192.png">
			<link rel="icon" type="image" sizes="32x32" href="/faviconsfeber/favicon-32x32.png">
			<link rel="icon" type="image" sizes="16x16" href="/faviconsfeber/favicon-16x16.png">
			
			
			<link rel="manifest" href="/faviconsfeber/site.webmanifest" />
			
			
			<link rel="mask-icon" href="/faviconsfeber/safari-pinned-tab.svg" color="#5bbad5">
			<link rel="shortcut icon" href="/faviconsfeber/favicon.ico">
			<meta name="apple-mobile-web-app-title" content="Feber">
			<meta name="application-name" content="Feber">
			<meta name="msapplication-TileColor" content="#222222">
			<meta name="msapplication-config" content="/faviconsfeber/browserconfig.xml">
			<meta name="theme-color" content="#222222">

			<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-640x1136.png">
			<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-750x1334.png">
			<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1125x2436.png">
			<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2208.png">
			<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2688.png">
			
			<!-- iPad Mini, Air (1536px x 2048px) -->
			<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1536x2048.png">
			<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x1536.png">
			<!-- iPad Pro 10.5" (1668px x 2224px) -->
			<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2224.png">
			<link rel="apple-touch-startup-image" media="(device-width: 1112px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2224x1668.png">
			<!-- iPad Pro 11" (1668px x 2224px) -->
			<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2388.png">
			<link rel="apple-touch-startup-image" media="(device-width: 1194px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2388x1668.png">
			<!-- iPad Pro 12.9" (2048px x 2732px) -->
			<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x2732.png">
			<link rel="apple-touch-startup-image" media="(device-width: 1366px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2732x2048.png">

			
		
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="default" /> 
	
	
	
			<meta name="apple-mobile-web-app-title" content="Feber" />
		
	
	
	

	<title>Feber / Spel</title>
	
	
	
	
	











	
	















































































	











	







	


<script>

/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});

</script>







	




	




	





	

  
 
 
 
 
 












































	
	











	
	







	<script>
		function statCount(type, typeId, numHits) {
			window._pingQueue(type, typeId, numHits || 1);
		}
		
		

	</script>









































































	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	
	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 






























<script> 
/**
 * Copyright (c) 2007 Ariel Flesler - aflesler â gmail â¢ com | https://github.com/flesler
 * Licensed under MIT
 * @author Ariel Flesler
 * @version 2.1.3
 */
;(function(factory){'use strict';if(typeof define==='function'&&define.amd){define(['jquery'],factory)}else if(typeof module!=='undefined'&&module.exports){module.exports=factory(require('jquery'))}else{factory(jQuery)}})(function($){'use strict';var $scrollTo=$.scrollTo=function(target,duration,settings){return $(window).scrollTo(target,duration,settings)};$scrollTo.defaults={axis:'xy',duration:0,limit:true};function isWin(elem){return!elem.nodeName||$.inArray(elem.nodeName.toLowerCase(),['iframe','#document','html','body'])!==-1}function isFunction(obj){return typeof obj==='function'}$.fn.scrollTo=function(target,duration,settings){if(typeof duration==='object'){settings=duration;duration=0}if(typeof settings==='function'){settings={onAfter:settings}}if(target==='max'){target=9e9}settings=$.extend({},$scrollTo.defaults,settings);duration=duration||settings.duration;var queue=settings.queue&&settings.axis.length>1;if(queue){duration/=2}settings.offset=both(settings.offset);settings.over=both(settings.over);return this.each(function(){if(target===null){return}var win=isWin(this),elem=win?this.contentWindow||window:this,$elem=$(elem),targ=target,attr={},toff;switch(typeof targ){case 'number':case 'string':if(/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=win?$(targ):$(targ,elem);case 'object':if(targ.length===0){return}if(targ.is||targ.style){toff=(targ=$(targ)).offset()}}var offset=isFunction(settings.offset)&&settings.offset(elem,targ)||settings.offset;$.each(settings.axis.split(''),function(i,axis){var Pos=axis==='x'?'Left':'Top',pos=Pos.toLowerCase(),key='scroll'+Pos,prev=$elem[key](),max=$scrollTo.max(elem,axis);if(toff){attr[key]=toff[pos]+(win?0:prev-$elem.offset()[pos]);if(settings.margin){attr[key]-=parseInt(targ.css('margin'+Pos),10)||0;attr[key]-=parseInt(targ.css('border'+Pos+'Width'),10)||0}attr[key]+=offset[pos]||0;if(settings.over[pos]){attr[key]+=targ[axis==='x'?'width':'height']()*settings.over[pos]}}else{var val=targ[pos];attr[key]=val.slice&&val.slice(-1)==='%'?parseFloat(val)/100*max:val}if(settings.limit&&/^\d+$/.test(attr[key])){attr[key]=attr[key]<=0?0:Math.min(attr[key],max)}if(!i&&settings.axis.length>1){if(prev===attr[key]){attr={}}else if(queue){animate(settings.onAfterFirst);attr={}}}});animate(settings.onAfter);function animate(callback){var opts=$.extend({},settings,{queue:true,duration:duration,complete:callback&&function(){callback.call(elem,targ,settings)}});$elem.animate(attr,opts)}})};$scrollTo.max=function(elem,axis){var Dim=axis==='x'?'Width':'Height',scroll='scroll'+Dim;if(!isWin(elem)){return elem[scroll]-$(elem)[Dim.toLowerCase()]()}var size='client'+Dim,doc=elem.ownerDocument||elem.document,html=doc.documentElement,body=doc.body;return Math.max(html[scroll],body[scroll])-Math.min(html[size],body[size])};function both(val){return isFunction(val)||$.isPlainObject(val)?val:{top:val,left:val}}$.Tween.propHooks.scrollLeft=$.Tween.propHooks.scrollTop={get:function(t){return $(t.elem)[t.prop]()},set:function(t){var curr=this.get(t);if(t.options.interrupt&&t._last&&t._last!==curr){return $(t.elem).stop()}var next=Math.round(t.now);if(curr!==next){$(t.elem)[t.prop](next);t._last=this.get(t)}}};return $scrollTo});

</script>















	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 



































<script> 
/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2006, 2014 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
	if (typeof define === 'function' && define.amd) {
		// AMD (Register as an anonymous module)
		define(['jquery'], factory);
	} else if (typeof exports === 'object') {
		// Node/CommonJS
		module.exports = factory(require('jquery'));
	} else {
		// Browser globals
		factory(jQuery);
	}
}(function ($) {

	var pluses = /\+/g;

	function encode(s) {
		return config.raw ? s : encodeURIComponent(s);
	}

	function decode(s) {
		return config.raw ? s : decodeURIComponent(s);
	}

	function stringifyCookieValue(value) {
		return encode(config.json ? JSON.stringify(value) : String(value));
	}

	function parseCookieValue(s) {
		if (s.indexOf('"') === 0) {
			// This is a quoted cookie as according to RFC2068, unescape...
			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
		}

		try {
			// Replace server-side written pluses with spaces.
			// If we can't decode the cookie, ignore it, it's unusable.
			// If we can't parse the cookie, ignore it, it's unusable.
			s = decodeURIComponent(s.replace(pluses, ' '));
			return config.json ? JSON.parse(s) : s;
		} catch(e) {}
	}

	function read(s, converter) {
		var value = config.raw ? s : parseCookieValue(s);
		return $.isFunction(converter) ? converter(value) : value;
	}

	var config = $.cookie = function (key, value, options) {

		// Write

		if (arguments.length > 1 && !$.isFunction(value)) {
			options = $.extend({}, config.defaults, options);

			if (typeof options.expires === 'number') {
				var days = options.expires, t = options.expires = new Date();
				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
			}

			return (document.cookie = [
				encode(key), '=', stringifyCookieValue(value),
				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
				options.path    ? '; path=' + options.path : '',
				options.domain  ? '; domain=' + options.domain : '',
				options.secure  ? '; secure' : ''
			].join(''));
		}

		// Read

		var result = key ? undefined : {},
			// To prevent the for loop in the first place assign an empty array
			// in case there are no cookies at all. Also prevents odd result when
			// calling $.cookie().
			cookies = document.cookie ? document.cookie.split('; ') : [],
			i = 0,
			l = cookies.length;

		for (; i < l; i++) {
			var parts = cookies[i].split('='),
				name = decode(parts.shift()),
				cookie = parts.join('=');

			if (key === name) {
				// If second argument (value) is a function it's a converter...
				result = read(cookie, value);
				break;
			}

			// Prevent storing a cookie that we couldn't decode.
			if (!key && (cookie = read(cookie)) !== undefined) {
				result[name] = cookie;
			}
		}

		return result;
	};

	config.defaults = {};

	$.removeCookie = function (key, options) {
		// Must not alter options, thus extending a fresh object...
		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
		return !$.cookie(key);
	};

}));
</script>










	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 
































<script> 
/*! js-cookie v3.0.1 | MIT */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));

</script>













	
	











	
	















































































	











	


<script>

/*! lazysizes - v5.3.2 */

!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});


</script>








	






	




	




	





	

  
 
 
 
 
 












































	
	











	
	












































<script>
	/// FLIDE ÃR GALLERIFUNKTIONEN I ARTIKLAR

	// Objekt fÃ¶r att spara slideIndex per flideID (fÃ¶rhindrar konflikter mellan flera flides)
	var flideIndices = {};

	function flideScrollCheck(dasID) {
		const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasID + '"]');
		const inside = document.querySelector('f-flide-thumbs[data-flideid="' + dasID + '"]');
		
		if (!container || !inside) return;
		
		const insideWidth = parseInt(inside.getAttribute('data-flidewidth'));
		if (!insideWidth) return;
		
		container.setAttribute('data-scroll', insideWidth > container.offsetWidth ? 'on' : 'off');
	}

	function plusSlides(n, dasid) {
		flideIndices[dasid] = (flideIndices[dasid] || 1) + n;
		showSlides(flideIndices[dasid], dasid);
	}

	function currentSlide(n, dasid) {
		showSlides(n, dasid);
	}

	// Huvudfunktionen
	function showSlides(startNum, flideID) {
		var flides = document.querySelectorAll("f-flide[data-flideid='" + flideID + "'] f-flide-item");
		var thumbs = document.querySelectorAll("f-flide-thumbs[data-flideid='" + flideID + "'] f-flide-thumb");
		
		if (!flides || flides.length === 0) return;
		
		// BerÃ¤kna slideIndex
		var slideIndex;
		if (startNum === 'start') {
			slideIndex = 1;
		} else if (typeof startNum === 'number') {
			if (startNum > flides.length) slideIndex = 1;
			else if (startNum < 1) slideIndex = flides.length;
			else slideIndex = startNum;
		} else {
			slideIndex = flideIndices[flideID] || 1;
		}
		
		// Bounds check
		if (slideIndex < 1 || slideIndex > flides.length) slideIndex = 1;
		
		// Spara index
		flideIndices[flideID] = slideIndex;
		
		// SÃ¤tt status pÃ¥ alla flides
		for (var i = 0; i < flides.length; i++) {
			flides[i].setAttribute('data-status', i === slideIndex - 1 ? 'on' : 'off');
		}
		
		// SÃ¤tt status pÃ¥ thumbs (om de finns)
		if (thumbs && thumbs.length > 0) {
			for (var j = 0; j < thumbs.length; j++) {
				thumbs[j].setAttribute('data-status', j === slideIndex - 1 ? 'on' : 'off');
			}
			
			// Scrolla till aktiv thumb (utom vid fÃ¶rsta laddningen)
			if (startNum !== 'start' && thumbs[slideIndex - 1]) {
				thumbs[slideIndex - 1].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
			}
		}
	}

	// Objekt fÃ¶r att spÃ¥ra vilka sliders som redan har event listeners
	var flideTouchInitialized = {};

	function flideTouch(dasID, dasElement, dasMouse) {
		// Kontrollera om vi redan har initialiserat listeners fÃ¶r denna slider
		var initKey = dasID + '_' + dasElement;
		if (flideTouchInitialized[initKey]) {
			return; // Redan initialiserad, hoppa Ã¶ver
		}
		
		// Hitta slider-elementet
		const slider = document.querySelector("f-" + dasElement + "[data-flideid='" + dasID + "']");
		
		// Null-check
		if (!slider) {
			return;
		}
		
		// Markera som initialiserad
		flideTouchInitialized[initKey] = true;

		// State-variabler
		let isDragging = false,
			startPos = 0,
			isStarted = false;
		
		// FÃ¶rhindra default drag-beteende
		slider.addEventListener('dragstart', (e) => e.preventDefault());
		
		// HÃ¤mta position frÃ¥n event (touch eller mouse)
		function getPosition(event, axis) {
			const isMouse = event.type.includes('mouse');
			const touch = event.touches?.[0] || event.changedTouches?.[0];
			
			if (isMouse) {
				return axis === 'x' ? event.pageX : event.pageY;
			} else if (touch) {
				return axis === 'x' ? touch.clientX : touch.clientY;
			}
			return 0;
		}
		
		let startPosY = 0;
		
		function touchStart(event) {
			const posX = getPosition(event, 'x');
			const posY = getPosition(event, 'y');
			
			if (posX === 0) return;
			
			startPos = posX;
			startPosY = posY;
			isDragging = false;
			isStarted = true;
		}
		
		function touchMove(event) { 
			if (!isStarted) return;
			
			const posX = getPosition(event, 'x');
			const posY = getPosition(event, 'y');
			
			if (posX === 0) return;
			
			const deltaX = Math.abs(posX - startPos);
			const deltaY = Math.abs(posY - startPosY);
			
			if (!isDragging) {
				if (deltaX > deltaY && deltaX > 10) {
					isDragging = true;
					event.preventDefault();
				}
			} else {
				event.preventDefault();
			}
		}
		
		function touchEnd(event) {
			if (isStarted && isDragging) {
				const endPos = getPosition(event, 'x');
				if (endPos !== 0) {
					const deltaX = Math.abs(endPos - startPos);
					if (deltaX > 60) {
						plusSlides(startPos > endPos ? 1 : -1, dasID);
					}
				}
			}
			isDragging = false;
			isStarted = false;
		}
		
		// Touch events
		slider.addEventListener('touchstart', touchStart, { passive: true });
		slider.addEventListener('touchend', touchEnd, { passive: true });
		slider.addEventListener('touchmove', touchMove, { passive: false });
		
		// Mouse events fÃ¶r desktop
		if (dasMouse === true) {
			slider.addEventListener('mousedown', touchStart);
			slider.addEventListener('mouseup', touchEnd);
			slider.addEventListener('mousemove', touchMove);
			slider.addEventListener('mouseleave', touchEnd);
		}
	}

	// Automatisk initialisering av flides
	var initializedFlides = new Set();
	var scanTimeout;
	
	function initFlide(flideID) {
		if (!flideID || initializedFlides.has(flideID)) return;
		
		const flide = document.querySelector('f-flide[data-flideid="' + flideID + '"]');
		if (!flide) return;
		
		const flides = flide.querySelectorAll('f-flide-item');
		if (flides.length === 0) {
			setTimeout(() => initFlide(flideID), 100);
			return;
		}
		
		initializedFlides.add(flideID);
		
		// Initialisera flide
		showSlides('start', flideID);
		flideScrollCheck(flideID);
		flideTouch(flideID, 'flide', false);
	}
	
	function scanForFlides() {
		document.querySelectorAll('f-flide[data-flideid]').forEach(el => {
			const flideID = el.getAttribute('data-flideid');
			if (flideID) {
				initFlide(flideID);
			}
		});
	}
	
	// Observer fÃ¶r dynamiskt innehÃ¥ll - debounce fÃ¶r att undvika fÃ¶r mÃ¥nga kÃ¶rningar
	const flideObserver = new MutationObserver(() => {
		clearTimeout(scanTimeout);
		scanTimeout = setTimeout(scanForFlides, 100);
	});
	
	// Starta observer
	function startObserver() {
		if (!document.body) {
			setTimeout(startObserver, 50);
			return;
		}
		flideObserver.observe(document.body, { childList: true, subtree: true });
		scanForFlides();
	}
	
	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', startObserver);
	} else {
		startObserver();
	}
</script>




































	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	











	
	





























































<script>
	function startInscreenReadPeak(beacon,counter) {
		console.log('startInscreenReadPeak ' + beacon + ' ' + counter);
		var divToCheck = document.querySelector('#rp' + counter);
		var hasBeenCalled = false;
		
		window.addEventListener('scroll', function(event) {
    
	        if (inScreen(divToCheck) && hasBeenCalled === false) {
	        	console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon);
				hasBeenCalled = true;
				$('f-stat-catcher').html('<img src="' + beacon + '" />');
	        }
        }, false);
	}
</script>





















	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	
































































<script>
	function runReadPeak(dasID,loopTimes,tags) {
		{
			var handledConsent = false;
			var container = document.getElementById(dasID);
			if (!container) return;
			var ctype = container.getAttribute('data-ctype');
			var dynamicBuild = !!ctype;
			var isPre = (ctype === 'pre-article');
			var mob = window.innerWidth <= 600;

			// Fyll i befintliga element (topscroll etc)
			function populateExistingAds(result) {
				if (!Array.isArray(result) || !result.length) {
					container.style.setProperty('display', 'none', 'important');
					return;
				}

				var rpPos = null;
				if (typeof rpPlacementId === 'function') {
					var posMatch = (tags || '').match(/position:([^,]+)/);
					rpPos = posMatch ? posMatch[1] : tags;
				}

				var shown = 0;
				for (var i = 0; i < loopTimes; i++) {
					var creative = result[i];
					var titleEl = document.getElementById(dasID + '-' + i + '-title');
					var textEl = document.getElementById(dasID + '-' + i + '-text');
					var imageEl = document.getElementById(dasID + '-' + i + '-pic');
					var linkEls = document.querySelectorAll('.' + dasID + '-' + i + '-link');

					if (!creative) {
						var slot = document.getElementById(dasID + '-' + i);
						if (slot) slot.style.display = 'none';
						continue;
					}

					var title = creative.title || 'Titel saknas';
					var advertiser = creative.advertiser || 'Annons\u00F6r saknas';
					var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : '';
					var target = creative.target || '#';

					if (titleEl) titleEl.textContent = title;
					if (textEl) textEl.textContent = 'Annons fr\u00E5n ' + advertiser;
					linkEls.forEach(function(el) {
						el.href = target;
						if (rpPos !== null) {
							var pid = rpPlacementId(rpPos);
							el.addEventListener('click', function() {
								navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}]));
							});
						}
					});

					if (imageEl) {
						(function(el, slotIndex) {
							el.onload = function() {
								if (rpPos !== null && typeof _pingQueue === 'function') {
									_pingQueue('rpPuffView', rpPlacementId(rpPos), 1);
								}
							};
							el.onerror = function() {
								var s = document.getElementById(dasID + '-' + slotIndex);
								if (s) s.style.display = 'none';
							};
							if (imageSrc) {
								el.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
							}
						})(imageEl, i);
					}

					if (Array.isArray(creative.beacons)) {
						creative.beacons.forEach(function(u) { new Image(1,1).src = u; });
					}
					shown++;
				}

				container.setAttribute('data-count', shown);
				if (!shown) container.style.setProperty('display', 'none', 'important');
			}

			// Bygg allt dynamiskt med div + inline styles (puffar)
			function buildDynamicAds(result) {
				if (!Array.isArray(result) || !result.length) {
					container.style.setProperty('display', 'none', 'important');
					return;
				}

				var rpPos = null;
				if (typeof rpPlacementId === 'function') {
					var posMatch = (tags || '').match(/position:([^,]+)/);
					rpPos = posMatch ? posMatch[1] : tags;
				}

				var bgColor = isPre ? 'rgb(45,45,45)' : 'var(--f-article-background-inline)';
				var titleColor = isPre ? '#fff' : 'var(--f-article-text-color)';
				var containerMargin = isPre ? 'var(--f-margins-margins)' : 'var(--f-article-padding)';
				var containerWidth = isPre ? '100%' : 'calc(100% - var(--f-article-padding) * 2)';
				var containerMaxWidth = isPre ? '980px' : 'none';

				container.style.cssText = 'display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:' + containerMargin + ';width:' + containerWidth + ';max-width:' + containerMaxWidth + ';';

				container.innerHTML = '';
				var shown = 0;

				for (var i = 0; i < loopTimes; i++) {
					var creative = result[i];
					if (!creative) continue;
					if (mob && i > 0) continue;

					var title = creative.title || 'Titel saknas';
					var advertiser = creative.advertiser || 'Annons\u00F6r saknas';
					var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : '';
					var target = creative.target || '#';

					var slot = document.createElement('div');
					slot.style.cssText = 'flex:1;min-width:0;';

					var link = document.createElement('a');
					link.href = target;
					link.target = '_blank';
					link.rel = 'nofollow';
					link.style.cssText = 'display:block;text-decoration:none;color:inherit;height:75px;';
					if (rpPos !== null) {
						(function(pos) {
							var pid = rpPlacementId(pos);
							link.addEventListener('click', function() {
								navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}]));
							});
						})(rpPos);
					}

					var content = document.createElement('div');
					content.style.cssText = 'display:flex;flex-direction:row;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';';

					var imgWrap = document.createElement('div');
					imgWrap.style.cssText = 'flex-shrink:0;width:140px;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';';

					var img = document.createElement('img');
					img.alt = 'Tumnagel';
					img.style.cssText = 'width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.1s ease-in;';

					(function(imgEl, slotEl, rpPosLocal) {
						imgEl.onload = function() {
							imgEl.style.opacity = '1';
							if (rpPosLocal !== null && typeof _pingQueue === 'function') {
								_pingQueue('rpPuffView', rpPlacementId(rpPosLocal), 1);
							}
						};
						imgEl.onerror = function() {
							slotEl.style.display = 'none';
						};
						if (imageSrc) {
							imgEl.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
						}
					})(img, slot, rpPos);

					imgWrap.appendChild(img);
					content.appendChild(imgWrap);

					var textWrap = document.createElement('div');
					textWrap.style.cssText = 'flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--f-article-padding);';

					var titleEl = document.createElement('div');
					titleEl.style.cssText = 'font-size:14px;line-height:16px;font-family:SuisseSemiBold,\'Helvetica Neue\',arial,sans-serif;font-weight:600;margin-bottom:0;-webkit-font-smoothing:antialiased;color:' + titleColor + ';';
					titleEl.textContent = title;

					var byline = document.createElement('div');
					byline.style.cssText = 'font-family:SuisseRegular,\'Helvetica Neue\',arial,sans-serif;font-weight:normal;color:var(--n-orange-semidark);margin-bottom:0;font-size:14px;line-height:16px;';
					byline.textContent = 'Annons fr\u00E5n ' + advertiser;

					textWrap.appendChild(titleEl);
					textWrap.appendChild(byline);
					content.appendChild(textWrap);
					link.appendChild(content);
					slot.appendChild(link);
					container.appendChild(slot);

					if (Array.isArray(creative.beacons)) {
						creative.beacons.forEach(function(u) { new Image(1,1).src = u; });
					}

					shown++;
				}

				if (!shown) {
					container.style.setProperty('display', 'none', 'important');
				}
			}

			function fetchReadPeakAds(consentString) {
				var url = '/p/rp/json?l=621&j=1&n=' + encodeURIComponent(loopTimes) + '&tags=' + encodeURIComponent(tags || '') + '&gdpr_consent=' + encodeURIComponent(consentString || '');
				fetch(url)
					.then(function(response) { return response.json(); })
					.then(dynamicBuild ? buildDynamicAds : populateExistingAds)
					.catch(function(error) {
						console.warn('RP puff: error fetching', error);
						container.style.display = 'none';
					});
			}

			function handleConsent(consentString) {
				if (handledConsent) { return; }
				handledConsent = true;
				fetchReadPeakAds(consentString);
			}

			if (typeof window.__tcfapi === 'function') {
				var fallbackTimer = setTimeout(function() {
					if (!handledConsent) {
						handleConsent('');
					}
				}, 5000);

				try {
					window.__tcfapi('addEventListener', 2, function(tcData, success) {
						if (!success || handledConsent) { return; }
						var consentString = (tcData && tcData.tcString) ? tcData.tcString : '';
						var eventStatus = tcData && tcData.eventStatus;

						if (consentString || yinYang === 'Adblock' || eventStatus === 'tcloaded' || eventStatus === 'useractioncomplete') {
							clearTimeout(fallbackTimer);
							handleConsent(consentString);
						}
					});
				} catch (err) {
					handleConsent('');
				}
			} else {
				handleConsent('');
			}
		}
	}


</script>

















	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	





























































<script>
function renderKvarter(elId, posTag) {
	console.log('[kvarter] renderKvarter elId=' + elId + ' posTag=' + posTag);
	var mob = window.innerWidth <= 600;
	function doFetch(consent) {
		console.log('[kvarter ' + posTag + '] doFetch, consent=' + (consent ? 'ja' : 'tom'));
		fetch('/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent('wide,position:' + posTag) + '&gdpr_consent=' + encodeURIComponent(consent || ''))
			.then(function(r) { return r.json(); })
			.then(function(data) {
				console.log('[kvarter ' + posTag + '] svar frÃ¥n RP:', Array.isArray(data) ? data.length + ' annonser' : 'ogiltigt svar');
				if (!Array.isArray(data) || !data.length) return;
				var c = data[0];
				var rawImg = (c.images && c.images.length) ? c.images[c.images.length-1].image : '';
				var el = document.getElementById(elId);
				if (!el) return;
				el.style.cssText = 'display:block;width:100%;max-width:980px;margin:var(--f-margins-margins);overflow:hidden;';
				var link = document.createElement('a');
				link.href = c.target || '#';
				link.target = '_blank';
				link.rel = 'nofollow';
				link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(55,55,55);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;';
				var imgW = mob ? '200px' : '230px';
				var tFs = mob ? '15px' : '18px';
				var tLh = mob ? '18px' : '21px';
				link.innerHTML =
					'<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' +
						'<img style="width:100%;height:100%;object-fit:cover;display:block">' +
					'</div>' +
					'<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' +
						'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' +
						'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' +
						'<div style="font-size:13px;line-height:17px;color:rgb(190,190,190)">' + (c.text || '') + '</div>' +
						(c.cta ? '<div style="margin-top:8px;font-size:13px;line-height:17px;font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') +
					'</div>';
				link.addEventListener('click', function() {
					var pid = (typeof rpPlacementId === 'function') ? rpPlacementId(posTag) : 0;
					navigator.sendBeacon('/api/status', JSON.stringify([{t:'kvarterClick',id:pid}]));
				});
				el.appendChild(link);
				if (rawImg) {
					var img = el.querySelector('img');
					img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
					img.onload = function() {
						if (typeof _pingQueue === 'function') _pingQueue('kvarterView', (typeof rpPlacementId === 'function' ? rpPlacementId(posTag) : 0), 1);
					};
					img.onerror = function() { el.style.display = 'none'; };
				}
				if (Array.isArray(c.beacons)) c.beacons.forEach(function(u) { new Image(1,1).src = u; });
			})
			.catch(function(e) { console.warn(elId + ':', e); });
	}
	if (typeof window.__tcfapi === 'function') {
		var done = false;
		var fb = setTimeout(function() { if (!done) { done = true; doFetch(''); } }, 5000);
		try {
			window.__tcfapi('addEventListener', 2, function(td, ok) {
				if (!ok || done) return;
				var cs = (td && td.tcString) ? td.tcString : '';
				var es = td && td.eventStatus;
				if (cs || es === 'tcloaded' || es === 'useractioncomplete') {
					clearTimeout(fb); done = true; doFetch(cs);
				}
			});
		} catch(e) { doFetch(''); }
	} else { doFetch(''); }
}
</script>



















	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	











	
	






















<script>
	function checkRefererDomains(domains) {
		const referer = document.referrer;
		
		if (referer) {
			const url = new URL(referer);
			
			for (const domain of domains) {
				if (url.hostname === domain || url.hostname.endsWith('.' + domain)) {
					console.log('Referrer is ' + domain);
					return true;
				}
			}
			//console.log('Referrer is NOT one of the domains');
			return false;
		} else {
			//console.log('No referrer');
			return false;
		}
	}
	
	

</script>


























































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	
























<script>
	
	const FEBER_PLUS_ITEM_SRC = 'https://feber.se/plus';
	const FEBER_PLUS_SKU = 'sid:VRdEqelRaMi3BHkcbIOlR';
	const FEBER_SESAMY_RETURN_URL_KEY = 'feberSesamyReturnUrl';

	function rememberFeberSesamyReturnUrl() {
		if (window.location.search.indexOf('ses=') === -1 && window.location.search.indexOf('u=') === -1) {
			return;
		}

		try {
			window.sessionStorage.setItem(FEBER_SESAMY_RETURN_URL_KEY, window.location.href);
		} catch (error) {}
	}

	function clearFeberSesamyReturnUrl() {
		try {
			window.sessionStorage.removeItem(FEBER_SESAMY_RETURN_URL_KEY);
		} catch (error) {}
	}

	function restoreFeberSesamyReturnUrl(api) {
		let storedUrl = '';

		try {
			storedUrl = window.sessionStorage.getItem(FEBER_SESAMY_RETURN_URL_KEY) || '';
		} catch (error) {}

		if (!storedUrl) {
			return Promise.resolve();
		}

		let returnUrl;
		try {
			returnUrl = new URL(storedUrl, window.location.href);
		} catch (error) {
			clearFeberSesamyReturnUrl();
			return Promise.resolve();
		}

		if (returnUrl.origin !== window.location.origin ||
			returnUrl.href === window.location.href ||
			(returnUrl.search.indexOf('ses=') === -1 && returnUrl.search.indexOf('u=') === -1)) {
			clearFeberSesamyReturnUrl();
			return Promise.resolve();
		}

		return getFeberSesamyUser(api)
			.then(user => {
				if (!user) {
					return;
				}

				clearFeberSesamyReturnUrl();
				window.location.href = returnUrl.href;
			})
			.catch(() => {});
	}

	function waitForSesamy() {
		return new Promise((resolve, reject) => {
			let timeoutId;
			let pollId;

			function cleanup() {
				clearTimeout(timeoutId);
				clearInterval(pollId);
				window.removeEventListener('sesamyReady', tryResolve);
				window.removeEventListener('sesamyJsReady', tryResolve);
			}

			function isReady(api) {
				return api && (typeof api.isReady !== 'function' || api.isReady());
			}

			function tryResolve() {
				if (isReady(window.sesamy)) {
					cleanup();
					resolve(window.sesamy);
				}
			}

			tryResolve();
			window.addEventListener('sesamyReady', tryResolve);
			window.addEventListener('sesamyJsReady', tryResolve);
			pollId = setInterval(tryResolve, 100);
			timeoutId = setTimeout(() => {
				cleanup();
				reject(new Error('Sesamy kunde inte initieras'));
			}, 8000);
		});
	}

	function isFeberPlusEntitlement(entitlement, allowPassOnly) {
		if (!entitlement || entitlement.hasAccess === false) {
			return false;
		}

		if (allowPassOnly && entitlement.productType === 'pass') {
			return true;
		}

		const values = [
			entitlement.url,
			entitlement.itemSrc,
			entitlement.sku,
			entitlement.id,
			entitlement.productId,
			entitlement.productType
		].filter(Boolean);

		return values.some(value => {
			const text = String(value);
			return text === FEBER_PLUS_ITEM_SRC ||
				text === FEBER_PLUS_SKU ||
				text.indexOf('/plus') !== -1 ||
				text.indexOf(FEBER_PLUS_SKU) !== -1;
		});
	}

	function checkPlus() {
		return waitForSesamy()
			.then(api => {
				if (api && typeof api.getEntitlement === 'function') {
					return api.getEntitlement([FEBER_PLUS_ITEM_SRC])
						.then(result => isFeberPlusEntitlement(result, true));
				}

				if (api && api.entitlements && typeof api.entitlements.hasAccess === 'function') {
					return api.entitlements.hasAccess(FEBER_PLUS_ITEM_SRC, [FEBER_PLUS_ITEM_SRC, FEBER_PLUS_SKU])
						.then(hasAccess => !!hasAccess)
						.catch(() => null);
				}

				return null;
			})
			.then(result => {
				if (result !== null) {
					return result;
				}

				if (window.sesamy && window.sesamy.entitlements && typeof window.sesamy.entitlements.list === 'function') {
					return window.sesamy.entitlements.list()
						.then(entitlements => Array.isArray(entitlements) && entitlements.some(entitlement => isFeberPlusEntitlement(entitlement, false)));
				}

				return false;
			})
			.catch(error => {
				console.warn('checkPlus: kunde inte avgÃ¶ra Feber+ status', error);
				return false;
			});
	}

	function fallbackSesamyCheckoutUrl(optiondata) {
		return 'https://checkout2.sesamy.com/?sku=' + encodeURIComponent(FEBER_PLUS_SKU) + '&client-id=feber&redirect_uri=https://feber.se&option=' + encodeURIComponent(optiondata) + '&lang=sv';
	}

	function navigateToSesamyCheckout(url, target) {
		if (target === '_blank') {
			window.open(url, '_blank', 'noopener');
			return;
		}

		window.location.href = url;
	}

	function openFeberCheckout(optiondata, target) {
		const itemSrc = FEBER_PLUS_SKU + ':' + optiondata;
		const sesamyPromise = typeof waitForSesamy === 'function' ? waitForSesamy() : Promise.resolve(window.sesamy);

		sesamyPromise
			.then(api => {
				if (api && typeof api.openCheckout === 'function') {
					api.openCheckout({
						itemSrc: itemSrc,
						clientId: 'feber',
						redirectUri: 'https://feber.se',
						lang: 'sv'
					});
					return;
				}

				if (api && typeof api.generateLink === 'function') {
					return api.generateLink({
						target: 'checkout',
						itemSrc: itemSrc,
						redirectUrl: 'https://feber.se',
						language: 'sv'
					}).then(url => {
						navigateToSesamyCheckout(url, target);
					});
				}

				navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target);
			})
			.catch(error => {
				console.warn('Kunde inte Ã¶ppna Sesamy checkout', error);
				navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target);
			});
	}

	function cleanFeberSesamyName(value) {
		if (typeof value !== 'string') {
			return '';
		}

		const name = value.trim().replace(/\s+/g, ' ');
		if (!name || name.indexOf('@') !== -1) {
			return '';
		}

		return name;
	}

	function getFeberSesamyDisplayName(user) {
		if (!user) {
			return '';
		}

		const firstName = cleanFeberSesamyName(user.given_name || user.firstName || (user.contactInfo && user.contactInfo.name));
		const lastName = cleanFeberSesamyName(user.family_name || user.lastName || (user.contactInfo && user.contactInfo.surname));
		const combinedName = cleanFeberSesamyName([firstName, lastName].filter(Boolean).join(' '));

		return combinedName ||
			cleanFeberSesamyName(user.fullName) ||
			cleanFeberSesamyName(user.name) ||
			cleanFeberSesamyName(user.nickname);
	}

	function isFeberSesamyGeneratedAvatarUrl(url) {
		if (!url) {
			return false;
		}

		try {
			const parsedUrl = new URL(url, window.location.href);
			return parsedUrl.hostname === 'imgproxy.prod.sesamy.cloud' && parsedUrl.pathname.indexOf('/avatar/initials/') !== -1;
		} catch (error) {
			return String(url).indexOf('/avatar/initials/') !== -1;
		}
	}

	function getFeberSesamyPicture(user) {
		if (!user) {
			return '';
		}

		const picture = user.picture || user.avatar || user.image || user.photoURL || '';
		return isFeberSesamyGeneratedAvatarUrl(picture) ? '' : picture;
	}

	function getFeberSesamyInitials(name) {
		const words = cleanFeberSesamyName(name).split(' ').filter(Boolean);
		if (!words.length) {
			return '';
		}

		if (words.length === 1) {
			return words[0].substring(0, 2).toUpperCase();
		}

		return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
	}

	function setFeberSesamyAvatar(avatar, name, picture) {
		if (!avatar) {
			return;
		}

		while (avatar.firstChild) {
			avatar.removeChild(avatar.firstChild);
		}

		if (picture) {
			const image = document.createElement('img');
			image.src = picture;
			image.alt = name || 'Inloggad';
			image.addEventListener('error', function () {
				setFeberSesamyAvatar(avatar, name, '');
			}, { once: true });
			avatar.appendChild(image);
			return;
		}

		avatar.textContent = getFeberSesamyInitials(name);
	}

	function getFeberSesamyUser(api) {
		if (api && api.auth && typeof api.auth.isAuthenticated === 'function' && typeof api.auth.getUser === 'function') {
			return api.auth.isAuthenticated()
				.then(isAuthenticated => isAuthenticated ? api.auth.getUser() : null);
		}

		if (api && typeof api.getUserProfile === 'function') {
			return api.getUserProfile();
		}

		return Promise.resolve(null);
	}

	function markFeberSesamyLoginReady(login) {
		if (login) {
			login.setAttribute('data-feber-login-ready', 'true');
		}
	}

	function updateFeberSesamyLoginElement(login, api) {
		if (!login) {
			return Promise.resolve();
		}

		return getFeberSesamyUser(api)
			.then(user => {
				const name = getFeberSesamyDisplayName(user);
				const picture = getFeberSesamyPicture(user);
				const nameElements = login.querySelectorAll('f-sesamy-login-name, f-sesamy-login-menu-name');
				const avatar = login.querySelector('f-sesamy-login-avatar');
				const accountLink = login.querySelector('[data-sesamy-account]');

				login.setAttribute('data-feber-has-name', name ? 'true' : 'false');
				nameElements.forEach(element => {
					element.textContent = name;
					element.style.display = name ? 'block' : 'none';
				});
				setFeberSesamyAvatar(avatar, name, picture);

				if (accountLink && api && typeof api.generateLink === 'function') {
					accountLink.style.color = '#222';
					accountLink.style.opacity = '1';
					accountLink.style.pointerEvents = 'auto';
					api.generateLink({ target: 'account' }).then(url => {
						accountLink.href = url;
					}).catch(() => {});
				}
			})
			.catch(error => {
				console.warn('Kunde inte uppdatera Sesamy-login', error);
			})
			.then(() => {
				markFeberSesamyLoginReady(login);
			});
	}

	function setupFeberSesamyLoginElement(login) {
		if (!login || login.getAttribute('data-feber-login-bound') === 'true') {
			return;
		}

		login.setAttribute('data-feber-login-bound', 'true');
		login.addEventListener('click', function (event) {
			if (event.target && typeof event.target.closest === 'function' && event.target.closest('[data-sesamy-account], [data-sesamy-logout]')) {
				return;
			}

			rememberFeberSesamyReturnUrl();
		}, true);

		const accountLink = login.querySelector('[data-sesamy-account]');
		const logoutButton = login.querySelector('[data-sesamy-logout]');

		if (accountLink) {
			accountLink.addEventListener('click', function (event) {
				event.preventDefault();
				waitForSesamy().then(api => {
					if (api && typeof api.generateLink === 'function') {
						return api.generateLink({ target: 'account' }).then(url => {
							window.location.href = url;
						});
					}

					if (api && typeof api.openProfile === 'function') {
						api.openProfile();
					}
				}).catch(error => console.warn('Kunde inte Ã¶ppna Sesamy-konto', error));
			});
		}

		if (logoutButton) {
			logoutButton.addEventListener('click', function (event) {
				event.preventDefault();
				waitForSesamy().then(api => {
					if (api && api.auth && typeof api.auth.logout === 'function') {
						return api.auth.logout();
					}

					if (api && typeof api.logout === 'function') {
						return api.logout(window.location.href);
					}
				}).then(() => {
					window.location.reload();
				}).catch(error => console.warn('Kunde inte logga ut frÃ¥n Sesamy', error));
			});
		}
	}

	function initFeberSesamyLogin() {
		const logins = document.querySelectorAll('sesamy-login');
		if (!logins.length) {
			return;
		}

		logins.forEach(setupFeberSesamyLoginElement);

		waitForSesamy()
			.then(api => {
				logins.forEach(login => updateFeberSesamyLoginElement(login, api));
				restoreFeberSesamyReturnUrl(api);
			})
			.catch(() => {
				logins.forEach(markFeberSesamyLoginReady);
			});
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', initFeberSesamyLogin);
	} else {
		initFeberSesamyLogin();
	}

	window.addEventListener('sesamyReady', initFeberSesamyLogin);
	window.addEventListener('sesamyJsReady', initFeberSesamyLogin);
	
	
	
	
	function checkPren() {
		var loggedIn = Cookies.get("memberful");
		if (loggedIn === 'prenumerant') {
			return true;
		} else {
			return false;
		}
	}
	
	


</script>

<script>
	(function setupReadPeakPremiumCleaner() {
		let readPeakObserver = null;
		let shouldRemoveReadPeak = false;

		function removeAllReadPeakBlocks() {
			if (!shouldRemoveReadPeak) {
				return;
			}
			const blocks = document.querySelectorAll('[data-ctype="internal"]');
			if (!blocks.length) {
				return;
			}
			blocks.forEach(block => {
				if (block && typeof block.remove === 'function') {
					block.remove();
				} else if (block && block.parentNode) {
					block.parentNode.removeChild(block);
				}
			});
		}

		function ensureObserver() {
			if (readPeakObserver || typeof MutationObserver === 'undefined' || !document.body) {
				return;
			}
			readPeakObserver = new MutationObserver(() => removeAllReadPeakBlocks());
			readPeakObserver.observe(document.body, { childList: true, subtree: true });
		}

		function enableReadPeakRemoval() {
			if (!shouldRemoveReadPeak) {
				return;
			}
			removeAllReadPeakBlocks();
			ensureObserver();
		}

		function evaluateMembership(isPlus) {
			if (isPlus || (typeof checkPren === 'function' && checkPren())) {
				shouldRemoveReadPeak = true;
				enableReadPeakRemoval();
			}
		}

		document.addEventListener('DOMContentLoaded', enableReadPeakRemoval);

		if (typeof checkPlus === 'function') {
			checkPlus()
				.then(evaluateMembership)
				.catch(error => console.warn('checkPlus: kunde inte avgÃ¶ra medlemskap', error));
		} else if (typeof checkPren === 'function' && checkPren()) {
			shouldRemoveReadPeak = true;
			enableReadPeakRemoval();
		}
	}());
</script>
























































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	



























<script>
	
	function linkListener(articleId) {
		const article = document.querySelector('f-article[data-id="' + articleId + '"]');
		if (!article) {
			console.warn('Could not find f-article with data-id="' + articleId + '"');
			return;
		}
		
		const articleBodies = article.querySelectorAll('f-article-body');
		
		articleBodies.forEach(function(articleBody) {
			articleBody.addEventListener('click', function(event) {
				const clickedElement = event.target;
				if (clickedElement.tagName === 'A') {
					const info = clickedElement.dataset.info || clickedElement.href;
					const linkData = {
						url: clickedElement.href,
						info: info,
						articleId: articleId,
						articleBodyIndex: Array.from(articleBodies).indexOf(articleBody)
					};
					sendData(linkData);
				}
			});
		});
		
		const articleLink = article.querySelector('f-article-body-link');
		
		if (articleLink) {
			articleLink.addEventListener('click', function(event) {
				const clickedElement = event.target;
				if (clickedElement.tagName === 'A') {
					const info = clickedElement.dataset.info || clickedElement.href;
					const linkData = {
						url: clickedElement.href,
						info: info,
						articleId: articleId,
						articleBodyIndex: -1 // Du kan anvÃ¤nda -1 eller nÃ¥got annat vÃ¤rde fÃ¶r att representera att det Ã¤r en f-article-body-link
					};
					sendData(linkData);
				}
			});
		} else {
			console.warn('Could not find f-article-body-link within the f-article');
		}
	}

	
	function sendData(data) {
		const url = data.url;
		const info = data.info;
		const articleId = data.articleId;
			
		// Skicka data till servern med hjÃ¤lp av fetch() eller XMLHttpRequest() etc.
		console.log("Url: " + url + ", Info: " + info + ", Article ID: " + articleId);
		//sendStatData('artClicks',articleId);
		statCount('artClicks', articleId);
		plausible('Native', {props: {Info: info, ArtID: 'http://feber.se/' + articleId, LinkUrl: url}});		
	}

</script>





















































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	






























<script>
	function sendStatData(type, typeId) {
		const url = '/count?type=' + type + '&typeId=' + typeId;
		fetch(url)
			.then(response => {
				if (!response.ok) {
					throw new Error('Failed to send stat data for type "' + type + '" and typeId "' + typeId + '"');
				} else {
					console.log('Send stat data for type "' + type + '" and typeId "' + typeId + '"');
				}
			})
			.catch(error => {
				console.error(error);
			});
		}
</script>


















































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	

































<script>
	
	function modifyBar(id) {
		// HÃ¤mta f-bar-container elementet med data-id=id
		const fBarContainer = document.querySelector('f-bar-container[data-id="' + id + '"]');
		
		// HÃ¤mta f-article elementet med data-id=id
		const fArticle = document.querySelector('f-article[data-id="' + id + '"]');
			
		if (!fBarContainer || !fArticle) {
			return;
		}

		// Kolla om f-article har data-placement="above"
		if (fArticle.getAttribute('data-placement') === 'above') {
			// Ãndra css pÃ¥ fBarContainer och fBar
			//fBarContainer.style.maxWidth = '2000px';
			const fBar = fBarContainer.querySelector('f-bar');
			//fBar.style.maxWidth = '2000px';
		}
	}

</script>















































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	











<script>
	const articleTimers = new Map(); // Skapa en Map fÃ¶r att lagra timers fÃ¶r varje artikel
	const countedArticles = new Set(); // Skapa en Set fÃ¶r att lagra artikel-ID:n som redan har rÃ¤knats som synliga
	const articleSecondsVisible = new Map(); // Skapa en Map fÃ¶r att lagra det totala antalet synliga sekunder fÃ¶r varje artikel
	
	function handleVisibility(entries, observer) {
		entries.forEach(entry => {
			const article = entry.target;
			const articleId = article.dataset.id;
			const articleAd = article.dataset.ad;
			const headlineElement = article.querySelector('f-article-headline');
			const headlineText = headlineElement.textContent.trim();
			
			if (entry.isIntersecting && !countedArticles.has(articleId)) {
				//console.log('Viewed: ' + headlineText + ' (Id# ' + articleId + ')');
				
				const enteringFromBottom = entry.isIntersecting && entry.boundingClientRect.bottom > entry.rootBounds.bottom;
				
				if (enteringFromBottom && !countedArticles.has(articleId)) {
					incrementViewedArticles();
				}
				
				if (articleAd == 'true') {
					//console.log('Native viewed');
					
					//statCount('viewedSpons', articleId);
					
					//$.cookie('pengar' + articleId, parseInt($.cookie('pengar' + articleId))+1, { expires: 7, path: '/' });
				} else {
					//statCount('viewedArticle', articleId);
				}
				
				countedArticles.add(articleId);
				articleSecondsVisible.set(articleId, 0);
				
				articleTimers.set(articleId, setInterval(() => {
					const currentSeconds = articleSecondsVisible.get(articleId);
					articleSecondsVisible.set(articleId, currentSeconds + 1);
					//console.log('Article ' + articleId + ' has been visible for ' + currentSeconds + ' second(s).');
				}, 1000));
	
			} else if (!entry.isIntersecting && countedArticles.has(articleId)) {
				const timer = articleTimers.get(articleId);
				if (timer) {
					//console.log('Article ' + articleId + ' is no longer visible.');
					clearInterval(timer); // Stoppa timer nÃ¤r artikeln inte lÃ¤ngre Ã¤r synlig
					articleTimers.delete(articleId); // Ta bort timer frÃ¥n Map
					countedArticles.delete(articleId); // Ta bort artikel-ID frÃ¥n countedArticles Set
					
					const totalSeconds = articleSecondsVisible.get(articleId);
					//console.log('Article ' + articleId + ' was visible for ' + totalSeconds + ' seconds.');
					if (articleAd == 'true') {
						//statCount('viewedSeconds', articleId, totalSeconds);
						//console.log('rapporterade ' + totalSeconds + ' sekunder')
					}
					articleSecondsVisible.delete(articleId); // Ta bort artikel-ID frÃ¥n articleSecondsVisible Map
	
				}
			}
			
			
		});
	}
	
	function observeArticles() {
		
		const options = {
		  root: null,
		  rootMargin: '0px',
		  threshold: 0 
		};
		
		const observer = new IntersectionObserver(handleVisibility, options);
		
		const articles = document.querySelectorAll('f-article');
		articles.forEach(article => {
			observer.observe(article);
		});
		
		//console.log('Observe of articles reloaded.');
	
	}
	
	function incrementViewedArticles() {
		localStorage.removeItem('viewedPosts');
		localStorage.removeItem('viewedArticles');

		let viewedArticles = localStorage.getItem('streakArticles');
		if (viewedArticles === null) { viewedArticles = 0; }
		viewedArticles = parseInt(viewedArticles) + 1;
		localStorage.setItem('streakArticles', viewedArticles);
		//console.log('Read articles: ' + viewedArticles);
	}
	
	
</script>





































































	











	







	






	




	




	





	

  
 
 
 
 
 












































	











	
	













<script>
	let activeFlideId = null;
	let activeInlineGalleryId = null;
	
	// Helper fÃ¶r fullscreen API (standard + webkit fÃ¶r Safari)
	function getFullscreenElement() {
		return document.fullscreenElement || document.webkitFullscreenElement;
	}
	
	function requestFullscreen(element) {
		if (element.requestFullscreen) {
			return element.requestFullscreen();
		} else if (element.webkitRequestFullScreen) {
			return element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
		}
		return Promise.reject(new Error('Fullscreen not supported'));
	}
	
	function exitFullscreen() {
		if (document.exitFullscreen) {
			return document.exitFullscreen();
		} else if (document.webkitCancelFullScreen) {
			return document.webkitCancelFullScreen();
		}
		return Promise.reject(new Error('Exit fullscreen not supported'));
	}
	
	function isFullscreen() {
		return !!getFullscreenElement();
	}
	
	// HjÃ¤lpfunktion fÃ¶r att Ã¥terstÃ¤lla/uppgradera bilder fÃ¶r en flide
	function toggleFlideImageSize(flideId, toLarge = false) {
		if (!flideId) return;
		const allContainers = document.querySelectorAll('f-article-slide-container');
		allContainers.forEach(c => {
			const images = c.querySelectorAll('f-flide[data-flideid="' + flideId + '"] img');
			images.forEach(img => {
				if (toLarge && img.src.includes('_1280')) {
					img.src = img.src.replace('_1280', '_1920');
				} else if (!toLarge && img.src.includes('_1920')) {
					img.src = img.src.replace('_1920', '_1280');
				}
			});
		});
	}

	function toggleInlineGalleryImageSize(galleryId, toLarge = false) {
		if (!galleryId) return;
		const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]');
		if (!container) return;

		container.querySelectorAll('f-inlinegallery-main img').forEach(img => {
			if (toLarge && img.src.includes('_1280')) {
				img.src = img.src.replace('_1280', '_1920');
			} else if (!toLarge && img.src.includes('_1920')) {
				img.src = img.src.replace('_1920', '_1280');
			}
		});
	}
	
	function startFlideFullScreen(dasId) {
		// Om samma flide redan Ã¤r i fullscreen, stÃ¤ng ner den
		if (isFullscreen() && activeFlideId === dasId) {
			exitFullscreen().then(() => handleFullscreenChange());
			return;
		}
		
		// Om en annan flide Ã¤r i fullscreen, stÃ¤ng ner den fÃ¶rst
		if (isFullscreen()) {
			toggleFlideImageSize(activeFlideId, false);
			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
			exitFullscreen().finally(() => {
				handleFullscreenChange();
				setTimeout(() => openFlideFullscreen(dasId), 100);
			});
			return;
		}
		
		openFlideFullscreen(dasId);
	}

	function startInlineGalleryFullScreen(galleryId) {
		if (isFullscreen() && activeInlineGalleryId === galleryId) {
			exitFullscreen().then(() => handleFullscreenChange());
			return;
		}

		if (isFullscreen()) {
			toggleFlideImageSize(activeFlideId, false);
			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
			exitFullscreen().finally(() => {
				handleFullscreenChange();
				setTimeout(() => openInlineGalleryFullscreen(galleryId), 100);
			});
			return;
		}

		openInlineGalleryFullscreen(galleryId);
	}
	
	function openFlideFullscreen(dasId) {
		activeFlideId = dasId;
		activeInlineGalleryId = null;
		
		// ÃterstÃ¤ll darkmode pÃ¥ alla containrar
		document.querySelectorAll('f-article-slide-container').forEach(c => {
			c.setAttribute('data-darkmode', 'off');
		});
		
		const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasId + '"]')?.closest('f-article-slide-container') ||
		                  document.querySelector('f-article-slide-container');
		if (!container) return;
		
		toggleFlideImageSize(dasId, true);
		
		// SÃ¤tt darkmode direkt pÃ¥ containern innan fullscreen aktiveras
		container.setAttribute('data-darkmode', 'on');
		
		// AnvÃ¤nd native fullscreen
		requestFullscreen(container).then(() => handleFullscreenChange());
	}

	function openInlineGalleryFullscreen(galleryId) {
		activeFlideId = null;
		activeInlineGalleryId = galleryId;

		document.querySelectorAll('f-inlinegallery-container').forEach(c => {
			c.setAttribute('data-darkmode', 'off');
		});

		const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]');
		if (!container) return;

		toggleInlineGalleryImageSize(galleryId, true);
		container.setAttribute('data-darkmode', 'on');

		requestFullscreen(container).then(() => handleFullscreenChange());
	}
	
	// Keyboard navigation i fullscreen
	document.addEventListener('keydown', function(event) {
		if (!isFullscreen() || (!activeFlideId && !activeInlineGalleryId)) return;

		if (activeInlineGalleryId) {
			const inlineGallery = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]');

			switch(event.code) {
				case 'ArrowLeft':
					if (inlineGallery && typeof inlineGallery.inlineGalleryPrevious === 'function') {
						inlineGallery.inlineGalleryPrevious();
					}
					break;
				case 'ArrowRight':
					if (inlineGallery && typeof inlineGallery.inlineGalleryNext === 'function') {
						inlineGallery.inlineGalleryNext();
					}
					break;
				case 'Escape':
					exitFullscreen().then(() => handleFullscreenChange());
					break;
			}

			return;
		}
		
		const flide = document.querySelector('f-flide[data-flideid="' + activeFlideId + '"]');
		const thumbsContainer = document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]');
		
		switch(event.code) {
			case 'ArrowLeft':
				if (typeof plusSlides === 'function') {
					plusSlides(-1, activeFlideId);
				}
				break;
			case 'ArrowRight':
				if (typeof plusSlides === 'function') {
					plusSlides(1, activeFlideId);
				}
				break;
			case 'ArrowUp':
				if (flide) flide.setAttribute('data-hidethumbs', 'on');
				if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'on');
				break;
			case 'ArrowDown':
				if (flide) flide.setAttribute('data-hidethumbs', 'off');
				if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'off');
				break;
			case 'Escape':
				exitFullscreen().then(() => handleFullscreenChange());
				break;
		}
	});
	
	// Hantera fullscreen change events
	function handleFullscreenChange() {
		const isActive = isFullscreen();
		
		// Visa/dÃ¶lj open/close containrar (ikonerna ligger nu i f-fullscreen-enter och f-fullscreen-close)
		// Hitta alla containrar fÃ¶r att hantera alla bildspel pÃ¥ sidan
		const openContainers = document.querySelectorAll('f-fullscreen-enter');
		const closeContainers = document.querySelectorAll('f-fullscreen-close');
		
		openContainers.forEach(container => {
			container.style.display = isActive ? 'none' : 'block';
		});
		
		closeContainers.forEach(container => {
			container.style.display = isActive ? 'block' : 'none';
		});
		
		const thumbsContainer = activeFlideId ? 
			document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]') : null;
		const slideContainer = document.querySelector('f-article-slide-container');
		const inlineGallery = activeInlineGalleryId ?
			document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]') : null;
		
		if (thumbsContainer) {
			thumbsContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off');
		}
		
		if (slideContainer) {
			slideContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off');
		}

		if (inlineGallery) {
			inlineGallery.setAttribute('data-darkmode', isActive ? 'on' : 'off');
		}
		
		if (!isActive) {
			toggleFlideImageSize(activeFlideId, false);
			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
			activeFlideId = null;
			activeInlineGalleryId = null;
		}
	}
	
	// LÃ¤gg till listeners fÃ¶r fullscreen events (standard + webkit fÃ¶r Safari)
	document.addEventListener('fullscreenchange', handleFullscreenChange);
	document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
</script>



































































	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	
	
	











	
	























































<script>
/**
 * Thumb voting med localStorage + batching via /thumb servlet.
 * - Dubbelrostningsskydd via localStorage
 * - Stod for att andra rost (+ till - eller - till +)
 * - Optimistisk UI: uppdaterar temperatur direkt
 * - Fire-and-forget fetch till /thumb som batchar i minnet
 */
function submitDeg(artid, val, siteName, tempid) {
	console.log('Vote started');

	tempid = tempid || artid;
	val = parseInt(val);

	var lsKey = 'thumb_' + artid;
	var stored = localStorage.getItem(lsKey);

	if (stored !== null) {
		var oldVal = parseInt(stored);
		if (oldVal === val) {
			// Redan rostat samma riktning
			console.log('Already voted same direction');
			$('f-article-error[data-id=' + artid + ']').html('Du har redan r&ouml;stat!').slideDown();
			return;
		}
		// Byter rost: skicka old sa servern kan -1 pa gamla och +1 pa nya
		console.log('Changing vote from ' + oldVal + ' to ' + val);
		fetch('/thumb', {
			method: 'POST',
			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
			body: 'art=' + artid + '&t=' + val + '&old=' + oldVal
		});

		// Uppdatera localStorage
		localStorage.setItem(lsKey, '' + val);

		// Optimistisk UI: ta bort gammal + lagg till ny (netto 2 steg)
		var printElement = $('f-article-temp[data-tempid=' + tempid + ']');
		var calcTemp = $(printElement).data("thumbscalc");
		if (val === 1) { calcTemp += 2; } else { calcTemp -= 2; }
		$(printElement).data("thumbscalc", calcTemp);
		var degree = "&deg;";
		if (siteName == 'tjock') {
			degree = "kg"; calcTemp = (80 + calcTemp);
		} else {
			calcTemp = ((370 + calcTemp) / 10).toFixed(1);
		}
		$(printElement).html(calcTemp + degree);
		return;
	}

	// Ny rost
	localStorage.setItem(lsKey, '' + val);
	fetch('/thumb', {
		method: 'POST',
		headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
		body: 'art=' + artid + '&t=' + val
	});

	// Optimistisk UI
	printDeg(artid, (val === 1 ? 'up' : 'down'), siteName, tempid);
}


function printDeg(artid, direction, siteName, tempid) {

	tempid = tempid || artid;

	setTimeout(function(){
		const printElement = $('f-article-temp[data-tempid=' + tempid + ']');
		let calcTemp = $(printElement).data("thumbscalc");
		let degree = "&deg;";

		if (direction == 'up') {			calcTemp++;
		} else if (direction == 'down') {	calcTemp--;   }

		// Spara tillbaka sa nasta klick far ratt varde
		$(printElement).data("thumbscalc", calcTemp);

		if (siteName == 'tjock'){
			degree = "kg";	calcTemp = (80+calcTemp);
		} else {			calcTemp = ((370+calcTemp)/10);
							calcTemp = calcTemp.toFixed(1);
		}
		$(printElement).html(calcTemp + degree);
		$(printElement).width('auto');
		console.log('Voting done!!!');
	}, 300);
}


/**
 * Inline-version av submitDeg for puffar, embeds och andra kompakta ytor.
 * Samma rostlogik men visuell feedback direkt pa temp-elementet
 * istallet for f-article-error-bar.
 */
function submitDegInline(artid, val, tempid) {

	tempid = tempid || artid;
	val = parseInt(val);

	var el = document.querySelector('f-article-temp[data-tempid="' + tempid + '"]');
	if (!el) return;

	var lsKey = 'thumb_' + artid;
	var stored = localStorage.getItem(lsKey);

	if (stored !== null) {
		var oldVal = parseInt(stored);
		if (oldVal === val) {
			// Redan rostat samma riktning â flash pa temp-elementet
			el.style.transition = 'none';
			el.style.opacity = '0.3';
			setTimeout(function() {
				el.style.transition = 'opacity 0.3s';
				el.style.opacity = '1';
			}, 50);
			return;
		}
		// Byter rost
		fetch('/thumb', {
			method: 'POST',
			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
			body: 'art=' + artid + '&t=' + val + '&old=' + oldVal
		});
		localStorage.setItem(lsKey, '' + val);

		// Netto 2 steg (ta bort gammal + lagg till ny)
		var calcTemp = parseFloat(el.dataset.thumbscalc) || 0;
		calcTemp += (val === 1) ? 2 : -2;
		el.dataset.thumbscalc = calcTemp;
		el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '&deg;';
		flashTemp(el, val);
		return;
	}

	// Ny rost
	localStorage.setItem(lsKey, '' + val);
	fetch('/thumb', {
		method: 'POST',
		headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
		body: 'art=' + artid + '&t=' + val
	});

	var calcTemp = parseFloat(el.dataset.thumbscalc) || 0;
	calcTemp += (val === 1) ? 1 : -1;
	el.dataset.thumbscalc = calcTemp;
	el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '&deg;';
	flashTemp(el, val);
}

function flashTemp(el, val) {
	var color = val === 1 ? 'var(--f-hot-color)' : 'var(--f-cold-color)';
	el.style.transition = 'none';
	el.style.background = color;
	setTimeout(function() {
		el.style.transition = 'background 0.5s';
		el.style.background = '#333';
	}, 200);
}
</script>


























	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 



<script> 

	let currentID;
	const players = {};
	
	function clickOnYT(event) {
		const	newContainer = event.currentTarget, 
				newID = newContainer.dataset.ytid, 
				ytSite = newContainer.dataset.ytsite;
		
		// GÃ¶m bild och ikon
		
		$(newContainer).find('f-youtube-player').show();
		
		// Se till att filmer som redan spelas att pausas och visa bild och ikon igen
		if ($('#player' + currentID).length && newID !== currentID){
			
			// Stoppa video
			$('#player' + currentID)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
			
			// GÃ¶m spelare, visa bild och ikon
			const currentElement = document.querySelector('f-youtube-container[data-ytid="' + currentID + '"]');
			$(currentElement).find('f-youtube-player').hide();
			$(currentElement).find('f-youtube-image, f-youtube-icon').show();
			
			// Dra igÃ¥ng eventlyssnare igen
			currentElement.addEventListener('click', clickOnYT);
		}
		
		if (players[newID]) {
			// Om spelaren redan Ã¤r skapad, spela video och gÃ¶m bild och ikon
			players[newID].playVideo();
			$(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600);
			
		} else {
			$(newContainer).find('f-youtube-player').html('<w8a></w8a><w8b></w8b>');
			
			// Om spelaren inte finns, ladda iframe
			$(newContainer).find('f-youtube-player').html('<iframe id="player' + newID + '" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/' + newID + '?enablejsapi=1&origin=https%3A%2F%2F' + ytSite + '.se&modestbranding=1&rel=0&playsinline=1" allowfullscreen allow="autoplay"  frameborder="0"></iframe>');
			
			// Och skapa sedan spelaren 
			newPlayer = new YT.Player('player' + newID, {
				height: '390',
				width: '640',
				videoId: newID,
				events: {
					'onReady': function() {
						// NÃ¤r spelaren finns, playa och ta bort bild och ikon
						newPlayer.playVideo();
						$(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600);
						
						// Dra ner header om det Ã¤r above 
						var fArticle = $('f-article[data-id="' + $(newContainer).data('parentartid') + '"]');
						var fArticleHeader = fArticle.find('f-article-header');
						if (fArticle.data('placement') === 'above' && $(window).width() > 980) {
							fArticle.find('f-article-header').css('margin-top', '0px');
						}
					},
					'onStateChange': function(event) {
						if (event.data === YT.PlayerState.PAUSED) {
							// Om spelaren pausas skicka info till plausible
							//plausible('VideoPause', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}});
						}
					}
				}
			});
			// LÃ¤gg in playern i klump som hÃ¥ller reda pÃ¥ vilka som Ã¤r skapade
			players[newID] = newPlayer;
		} 
		
		// SÃ¤tt vilken spelare som Ã¤r aktiv
		currentID = newID;
		
		// Skicka data till plausible
		//plausible('Video', {props: {Action: 'Play', ID: 'https://youtu.be/' + newID}});
		plausible('VideoPlay', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}});
		
		// DÃ¶da klick sÃ¥ att man bara kan klicka igÃ¥ng allt en gÃ¥ng
		document.querySelector('f-youtube-container[data-ytid="' + newID + '"]').removeEventListener('click', clickOnYT);
	}


</script>

<style>
	f-youtube-container { 
		display: block; text-align: center; cursor: pointer; position: relative; width: 100%; padding-bottom: 56.3%; 
		background-color: #222;
	}
	
	f-youtube-image img { width:100%; height: 100%; object-fit: cover; position: absolute; left: 0; }
	
	f-youtube-icon {
		position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%;
		margin-top: -25px;margin-left: -35px; transition: transform 0.5s;
	}
	f-youtube-icon svg { width: 100%; height: 100%; }
	
	f-youtube-container:hover f-youtube-icon {
		animation: pulse 1.5s infinite;
	}
	
	@keyframes pulse {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.1);
		}
		100% {
			transform: scale(1);
		}
	}
	
</style>














































	
	































	
		<style>	
			f-menu-sub-container {
				-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
				transform: translate3d(0, 0, 0); position: fixed; top: 53px; left: 0; width: 100%; z-index: 990; display: block; will-change: transform;
			}
	

			f-menu-sub-container[data-show=no] {
				transform: translate3d(0, calc(-1 * 100px), 0);
			}

			@media only screen and (max-width: 600px) {

				f-menu-sub-container {
					top: 47px;
				}
				f-menu-sub-container[data-show=no] {
					transform: translate3d(0, calc(-1 * 100px), 0);
				}
			}

			f-menu-sub {
				background-color: #222;
				display: flex;
				height: 40px;
				margin-bottom: 0px; 
				box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
				font-family: var(--f-suisse-medium);
				-webkit-font-smoothing: antialiased;
				overflow: visible;
				font-size: 13px;
				justify-content: space-between;
				align-items: center;
			}
			
			
			f-menu-sub-info { 
				padding: 2px 0 2px 18px;
				color: #ccc;
				flex-grow: 1;
				flex-shrink: 1;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin-right: 5px; 
			}
			@media only screen and (max-width: 600px) {
				f-menu-sub-info { 
					padding: 2px 0 2px 14px;
				}
			}
			
			body[data-site="tjock"] f-menu-sub-info { 
				color: #333;
			}
			
			f-menu-sub-info a {
				color: rgb(220,220,220);
				border-bottom: 1px solid rgba(255,255,255,0.2);
			}
			
			f-menu-sub-info:hover a {
				color: rgba(220,220,220,0.8);
				border-bottom: 1px solid rgba(255,255,255,0.1);
			}
			
			f-menu-sub svg {
				height: 12px;
				width: 8px;
				margin-bottom: -2px;
			}
			
			f-menu-sub .streakpoly {
				fill: var(--f-hot-color);
			}
			
			f-menu-sesamy {
				align-items: center;
				display: flex;
				justify-content: flex-end;
				height: 100%;
				font-family: var(--f-suisse-medium);
			}
			
			sesamy-login {
				--background: rgba(255,255,255,0.1);
				--background-hover: rgba(255,255,255,0.2);
				--user-background: rgba(255,255,255,0);
				--user-background-hover: rgba(255,255,255,0.1);
				--color: #eee;
				--user-color: #ccc;
				--border-radius: 6px;
				--user-border-radius: 0px;
				--padding: 5px 10px;
				--user-padding: 0px 0px 0px 15px;
				--font-family: var(--f-suisse-medium);
				--user-font-family: var(--f-suisse-medium);
				--font-weight: 300;
				--user-font-weight: 300;
				--font-size: 13px;
				--user-font-size: 13px;
				--border: 0px solid rgba(255,255,255,0.4);
				--user-border: 1px solid #999;
				--avatar-size: 40px;
				--avatar-border-radius: 0;
				--avatar-background: #666;
				--avatar-border: 0;
				--sesamy-login-button-background-color: rgba(255,255,255,0.1);
				--sesamy-login-button-color: #eee;
				--sesamy-login-button-text-color: #eee;
				--sesamy-login-button-border-color: transparent;
				--sesamy-login-button-border-width: 0px;
				--sesamy-login-button-border-radius: 6px;
				--sesamy-login-button-text-size: 13px;
				--sesamy-login-button-font-weight: 300;
				--sesamy-font-family: var(--f-suisse-medium);
				--sesamy-login-avatar-bgcolor: #666;
				--sesamy-login-avatar-textcolor: #fff;
				--sesamy-login-popup-width: 150px;
				--sesamy-login-popup-border-radius: 0;
				line-height: 28px;
				white-space: nowrap;
			}

			sesamy-login:not(:defined) > * {
				display: none !important;
			}

			f-menu-sesamy sesamy-login {
				visibility: hidden;
			}

			f-menu-sesamy sesamy-login[data-feber-login-ready="true"] {
				visibility: visible;
			}

			f-sesamy-login-user {
				align-items: center;
				color: #ccc;
				cursor: pointer;
				display: flex;
				font-family: var(--f-suisse-medium);
				font-size: 13px;
				font-weight: 300;
				height: 40px;
				line-height: 40px;
				white-space: nowrap;
			}

			f-sesamy-login-name {
				display: none;
				margin-right: 9px;
			}

			sesamy-login[data-feber-has-name="true"] f-sesamy-login-name {
				display: block;
			}

			f-sesamy-login-avatar {
				align-items: center;
				background: #666;
				border: 0;
				border-radius: 0;
				color: #fff;
				display: flex;
				font-family: var(--f-suisse-medium);
				font-size: 13px;
				font-weight: 300;
				height: 40px;
				justify-content: center;
				line-height: 40px;
				overflow: hidden;
				text-transform: uppercase;
				width: 40px;
			}

			f-sesamy-login-avatar img {
				display: block;
				height: 100%;
				object-fit: cover;
				width: 100%;
			}

			f-sesamy-login-menu {
				background: #fff;
				color: #222;
				display: block;
				font-family: var(--f-suisse-medium);
				font-size: 13px;
				font-weight: 300;
				line-height: 16px;
			}

			f-sesamy-login-menu-name {
				border-bottom: 1px solid #e5e5e5;
				color: #222;
				display: none;
				overflow: hidden;
				padding: 10px 12px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			sesamy-login[data-feber-has-name="true"] f-sesamy-login-menu-name {
				display: block;
			}

			f-sesamy-login-menu a,
			f-sesamy-login-menu button {
				background: transparent;
				border: 0;
				color: #222;
				cursor: pointer;
				display: block;
				font: inherit;
				padding: 10px 12px;
				text-align: left;
				text-decoration: none;
				width: 100%;
			}

			f-sesamy-login-menu a:hover,
			f-sesamy-login-menu button:hover {
				background: rgba(0,0,0,0.05);
			}

			body[data-premium="false"] sesamy-login { margin-right: 7px; }
			
			body[data-site="tjock"] sesamy-login { 
				--color: #333; 
				--user-color: #333;
				--background: rgba(255,255,255,1); 
				--background-hover: rgba(255,255,255,0.8);
				--sesamy-login-button-background-color: rgba(255,255,255,1);
				--sesamy-login-button-color: #333;
				--sesamy-login-button-text-color: #333;
				--sesamy-login-button-border-color: transparent;
			}

			body[data-site="tjock"] f-sesamy-login-user {
				color: #333;
			}
			
			f-prenumera {
				display: none;
				margin-left: 7px;
				margin-right: 7px;
				background-color: rgba(255,255,255,0.1);
				color: #eee;
				padding: 0px 9px 0 10px;
				border-radius: 0px;
				float: right;
				cursor: pointer;
				font-size: 13px;
				line-height: 26px;
				border-radius: 6px;
				transition: all 300ms ease 0s;
				white-space: nowrap;
			}
			
			f-prenumera:hover {
				background-color: rgba(255,255,255,0.2);
			}

			body[data-site="tjock"] f-prenumera { 
				color: #333;
				background-color: rgba(255,255,255,1); 
			}
			
			body[data-site="tjock"] f-prenumera:hover {
				background-color: rgba(255,255,255,0.8);
			}

		</style>

		
		<style>
			f-plus-offer-packages { 
				display: flex; flex-direction: column; gap: 20px; margin: px auto; 
			}

			f-plus-offer-packages[data-direction="row"]  { 
				flex-direction: row; 
			}

			@media screen and (max-width: 980px) {
				f-plus-offer-packages { flex-direction: column; }
				f-plus-offer-packages[data-direction="row"] { flex-direction: column; }
			}
			f-plus-offer-package { 
				display: flex; flex-direction: column; border: 1px solid rgb(220,220,220); border-radius: 8px; padding: 24px; flex: 1;
				width: calc(100% - 48px); max-width: 500px; margin: 0 auto; }

			f-plus-offer-package-header { 
				display: flex; justify-content: space-between; 
				font-family: var(--f-suisse-bold); color: var(--f-article-text-color); font-size: 20px; line-height: 20px; }

			f-plus-offer-package-desc {
				margin: 8px 0 20px; flex-grow: 1;
				font-size: 14px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
			}

			f-plus-offer-package-desc b { font-family: var(--f-suisse-semibold); font-weight: 300; }

			f-plus-offer-package-cta { 
				display: flex; justify-content: center; gap: 20px;
			}

			f-plus-offer-package-cta a {
				background-color: rgb(220,220,220); color: var(--f-article-text-color); text-center: center;
				padding: 14px; justify-content: center; border-radius: 8px; width: 100%;
				font-size: 16px; line-height: 16px; font-family: var(--f-suisse-semibold); font-weight: 300; text-align: center;
				transition: all 0.3s;
			}

			f-plus-offer-package-cta a:hover {
				background-color: rgba(41,41,41); color: white;
			}

			f-plus-offer-package-cta a.hotbutton {
				background-color: var(--f-hot-color); color: white; 
			}

			f-plus-offer-package-cta a.hotbutton:hover {
				background-color: rgba(41,41,41); color: white;
			}
		</style>
	











		


		























































































































































 













































	











	
	



















<script>
	
	// Visa / gÃ¶mma login logut-rutor
	
	checkPlus().then(isPlus => {
		if (isPlus) {
			//console.log('Feber+ Subscribe button hidden');
		} else {
			//console.log('Feber+ Subscribe button visible');
			$('f-prenumera').show();
		}
	}).catch(error => console.error(error));

	document.addEventListener('DOMContentLoaded', function () {
		document.querySelectorAll('f-plus-embed').forEach(function (el) {
			var margin = el.getAttribute('data-margin') || '';
			var direction = el.getAttribute('data-direction') || '';
			var debug = el.getAttribute('data-debug') === 'true';

			var url = '/snippets/f-plus.jsp?margin=' + encodeURIComponent(margin) +
					'&direction=' + encodeURIComponent(direction);
			if (debug) {
			url += '&u=' + Math.floor(Math.random() * 1000000000);
			}

			fetch(url)
			.then(function (res) { return res.text(); })
			.then(function (html) {
				var temp = document.createElement('div');
				temp.innerHTML = html;
				el.replaceWith.apply(el, temp.childNodes);
			})
			.catch(function (err) {
				console.error('Fel vid inlÃ¤sning av f-plus-snippet:', err);
			});
		});
	});
	
	
	// Modifiera article utifrÃ¥n publiceringstid Plus Feber+
	
	function modifyArticle(id) {
		const article = document.querySelector('f-article[data-id="' + id + '"]');
		const articleheader = document.querySelector('f-article[data-id="' + id + '"] f-article-header');

		articleheader.style.transition = 'none';
		
		// Ãndra data-placement till "middle"
		article.setAttribute('data-placement', 'middle');
		
		// LÃ¤gg till data-preview="true" pÃ¥ <f-article>
		article.setAttribute('data-preview', 'true');
		
		// Ta bort element i <f-article> utom <f-article-header> och <f-article-media>
		var elementsToRemove = article.querySelectorAll(':scope > :not(f-article-header):not(f-article-media):not(f-article-media-overlay)');
		for (var i = 0; i < elementsToRemove.length; i++) {
			elementsToRemove[i].parentNode.removeChild(elementsToRemove[i]);
		}
		
		var mediaOverlay = document.querySelector('f-article-media-overlay');
		mediaOverlay.style.display = 'block';
		
		var panoramaElement = document.getElementById('panorama--1-1');
		if (panoramaElement) {
			//panoramaElement.remove();
		}
		
		//plausible('Plus', {props: {Action: 'ModifyArticle'}});
	}
	
</script>





























































	











	







	






	




	




	





	

  
 
 
 
 
 














































	











		
	


 



	<script>


		// Skapa ett objekt fÃ¶r att lagra artId som redan har kÃ¶rts
		const countedNatives = {};

		function countNative(artId) {
			if (!countedNatives.hasOwnProperty(artId)) {
				window._pingQueue('nativeRead', artId);
				countedNatives[artId] = true;
			}
		}

		function displayNative(articleList, lsKey, element, statType) {
			let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};

			for (const artId in articleList) {
				if (!nativeInfo.hasOwnProperty(artId)) {
					nativeInfo[artId] = 0;
				}

				if (nativeInfo[artId] < articleList[artId]) {
					console.log('Laddar native med id:', artId, 'pa placering', element);
					$(element).load('/load/art/' + artId + '/?c=article&u=', function () {
						const target = $(element).get(0);
						target.dataset.nativeId = artId;
						linkListener(artId);

						// RÃ¤kna leverans i localStorage
						nativeInfo[artId]++;
						localStorage.setItem(lsKey, JSON.stringify(nativeInfo));
					});

					return;
				}
			}

			console.log('Inga natives kvar att visa');
		}

		function displayNativeArray(articleList, lsKey, element, statType) {
			let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};

			for (let i = 0; i < articleList.length; i++) {
				const { articleId, frequency } = articleList[i];

				if (!nativeInfo.hasOwnProperty(articleId)) {
					nativeInfo[articleId] = 0;
				}

				if (nativeInfo[articleId] < frequency) {
					console.log('Laddar native med id:', articleId);
					$(element).load('/load/art/' + articleId + '/?c=article&u=', function () {
						const target = $(element).get(0);
						target.dataset.nativeId = articleId;
						linkListener(articleId);

						// RÃ¤kna leverans i localStorage
						const latestInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
						const previousCount = Math.max(latestInfo[articleId] || 0, nativeInfo[articleId] || 0);
						const newCount = previousCount + 1;
						nativeInfo[articleId] = newCount;
						latestInfo[articleId] = newCount;
						localStorage.setItem(lsKey, JSON.stringify(latestInfo));
					});

					return;
				}
			}

			console.log('Inga natives kvar att visa');
		}

	// Flexibel variant av displayNativeArray som kan hantera flera listor och/eller flera element
	function displayNativeArrayFlex(articleLists, lsKey, elements, statType) {
		// Konvertera inputs till arrayer om de Ã¤r strÃ¤ngar eller redan arrayer
		let listsArray = [];
		if (typeof articleLists === 'string') {
			// Split pÃ¥ komma och trimma whitespace
			const listNames = articleLists.split(',').map(s => s.trim()).filter(Boolean);
			listsArray = listNames.map(name => {
				const value = window[name];
				if (Array.isArray(value)) {
					return value;
				}
				console.warn('displayNativeArrayFlex: kunde inte hitta native-listan', name);
				return [];
			});
		} else if (Array.isArray(articleLists)) {
			// Om det redan Ã¤r en array, anvÃ¤nd den direkt
			if (articleLists.length && Array.isArray(articleLists[0])) {
				listsArray = articleLists;
			} else {
				listsArray = [articleLists];
			}
		} else {
			console.warn('displayNativeArrayFlex: artikel-listor saknas eller har fel format', articleLists);
		}

		let elementsArray = [];
		if (typeof elements === 'string') {
			// Split pÃ¥ komma och trimma whitespace
			elementsArray = elements.split(',').map(s => s.trim());
		} else if (Array.isArray(elements)) {
			elementsArray = elements;
		} else {
			elementsArray = [elements];
		}

		//console.log('displayNativeArrayFlex - Listor:', listsArray.length, 'Element:', elementsArray.length);

		// Flera ytor - rotera artiklar mellan ytorna
		//console.log('Flera ytor - roterar artiklar mellan', elementsArray.length, 'ytor');
		
		// AnvÃ¤nd GLOBAL localStorage - lÃ¤s frÃ¥n gamla + nya nycklar, skriv till ny global
		let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
		
		// Kombinera alla listor till en
		const combinedList = listsArray.flat();
		//console.log('Kombinerad lista med', combinedList.length, 'artiklar');

		// BakÃ¥tkompatibilitet: HÃ¤mta Ã¤ven frÃ¥n gamla separata nycklar
		const oldKeys = Object.keys(localStorage).filter(key => key.startsWith('nativeImps'));
		oldKeys.forEach(oldKey => {
			const oldData = JSON.parse(localStorage.getItem(oldKey)) || {};
			// SlÃ¥ samman gamla data med nya (hÃ¶gsta vÃ¤rdet vinner)
			Object.keys(oldData).forEach(artId => {
				if (!nativeInfo[artId] || nativeInfo[artId] < oldData[artId]) {
					nativeInfo[artId] = oldData[artId];
				}
			});
		});
		
		//console.log('nativeInfo efter sammanlÃ¤ggning:', nativeInfo);

		// Spara den sammanlagda listan i den globala nyckeln sÃ¥ att inget tappas bort
		localStorage.setItem(lsKey, JSON.stringify(nativeInfo));

		// Om det bara finns en yta, anvÃ¤nd vanliga displayNativeArray
		if (elementsArray.length === 1) {
			//console.log('En yta - anvÃ¤nder standard displayNativeArray');
			displayNativeArray(combinedList, lsKey, elementsArray[0], statType);
			return;
		}
		
		let articlesShown = 0;

		// Loopa genom kombinerade listan och fÃ¶rdela pÃ¥ ytor
		for (let i = 0; i < combinedList.length && articlesShown < elementsArray.length; i++) {
			const { articleId, frequency } = combinedList[i];

			if (!nativeInfo.hasOwnProperty(articleId)) {
				nativeInfo[articleId] = 0;
			}

			if (nativeInfo[articleId] < frequency) {
				// BestÃ¤m vilken yta denna artikel ska visas pÃ¥ (round-robin)
				const targetElement = elementsArray[articlesShown % elementsArray.length];
				
				//console.log('Visar artikel', articleId, 'pÃ¥ yta', targetElement);
				
				// Skapa en temporÃ¤r lista med bara denna artikel
				const singleArticleList = [combinedList[i]];
				
				// Visa artikeln pÃ¥ denna yta - ANVÃND SAMMA lsKey fÃ¶r alla
				displayNativeArray(singleArticleList, lsKey, targetElement, statType);
				
				articlesShown++;
			}
		}

		if (articlesShown === 0) {
			//console.log('Inga natives kvar att visa frÃ¥n kombinerad lista');
		}
	}
	
	</script>

	
	
	











	
	


































































<script>
	
$(document).on('click', 'f-share', function(){
	const title = this.dataset.title;
	const url = this.dataset.url;
	
	if (navigator.share) {
		navigator.share({
			title: title,
			url: url
		})
		.then(function() {
			console.log('Delning lyckades');
		})
		.catch(function(error) {
			console.log('Delning misslyckades', error);
		});
	} else {
		const message = 'Dela ' + title + ' pÃ¥ din enhet: ' + url;
		const dummy = document.createElement('input');
		document.body.appendChild(dummy);
		dummy.setAttribute('value', message);
		dummy.select();
		document.execCommand('copy');
		document.body.removeChild(dummy);
		alert('LÃ¤nken Ã¤r kopierad och redo att delas!');
	}
});

/*
if (navigator.share) { 
	navigator.share({
		title: this.dataset.title,
		url: this.dataset.url
	}).then(() => {
		
		console.log('Thanks for sharing!');
	})
	.catch(console.error);
	//gtag('event', 'shareButton', { 'event_category' : 'Click', 'event_label' : this.dataset.url });
}
*/
	
	
</script>














	











	







	






	




	




	





	

  
 
 
 
 
 












































	
	

	











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 











































<script> 

/* common stuff used on the feber.se, first, last and always */

var _gaq = _gaq || [];


// load comments 
function loadComments(theDiv,theURL) {
	
	var bouncer = "<div class='spinner'><div class='bounce1'></div><div class='bounce2'></div><div class='bounce3'></div></div>";
	
	if ($(theDiv).is(":hidden")) {
		$(".showDisqus").html("");
		$(theDiv).html(bouncer).load(theURL, function(){
			$(".showDisqus").slideUp("slow");
			$(theDiv).slideDown("slow", function(){
				$.scrollTo(theDiv, 800);
			}).delay(2000);
		});
		$('#menu6container').addClass("isHidden"); 
		$('#menu6subcontainer').addClass("isHidden"); 
		$('#Xmenusubcontainer').addClass("isHidden"); 
	} else {
		$(theDiv).html("");
		$(theDiv).slideUp();
	}	
	//gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL });
};

// load comments but dont scroll
function loadCommentsNoscroll(theDiv,theURL) {
	if ($(theDiv).is(":hidden")) {
		$(".showDisqus").html("");
		$(theDiv).load(theURL, function(){
			$(".showDisqus").slideUp("slow");
			$(theDiv).slideDown("slow", function(){
		}).delay(2000);
		});
	} else {
		$(theDiv).html("");
		$(theDiv).slideUp();
	}	
	//gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL });
};

// Function that loads content from URL
// javascript:loadURL('#theDiv','theContent');

function loadURL(theDiv,theContent) {
	$(theDiv).load(theContent);
};




function dovideostuff(youtubeId) {
	window.activeYTID = youtubeId;
	window.doADstuff = 'no';
	$('#youtube_'+youtubeId).addClass('hidden');
	$('#youtube_overlay_'+youtubeId).addClass('hidden');
	loadVideo(window.activeYTID,'940','555');
	//gtag('event', 'Play', { 'event_category' : 'Video', 'event_label' : youtubeId });
};



function sc_smartInpageEnd() {
	loadVideo(window.activeYTID,'940','555');
};

function loadVideo(youtubeId,theWidth,theHeight) {
	// create youtube player
	 $('#menu6container').addClass("isHidden"); 
	 $('#menu6subcontainer').addClass("isHidden"); 
	 $('#Xmenusubcontainer').addClass("isHidden"); 
			
	$('#youtube_player_'+youtubeId).removeClass('hidden');
	
	var tag = document.createElement('script');
	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
	  
	var player;
	player = new YT.Player('youtube_player_'+youtubeId, {
	  width: theWidth,
	  height: theHeight,
	  videoId: youtubeId,
	  playerVars: { 'showinfo': 0, 'rel': 0 },
	  events: {
		'onReady': onPlayerReady,
		'onStateChange': onPlayerStateChange
	  }
	});

	// autoplay video
	function onPlayerReady(event) {
		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
			// event.target.playVideo();
		} else {
			event.target.playVideo();
		}
	}
	
	function onPlayerStateChange(event) {        
		
			
		if (event.data == YT.PlayerState.ENDED) {
			//gtag('event', 'Done', { 'event_category' : 'Video', 'event_label' : 'Success' });
			
			var url = event.target.getVideoUrl();
			var match = url.match(/[?&]v=([^&]+)/);
			var thisVideoId = match[1];
		
				var fnstring = "loadRelated"+thisVideoId;
				var fn = window[fnstring];
				if (typeof fn === "function") fn(); 
				
			
			if (window.doADstuff == 'yesDONTDOTHIS')
			{
				$('#youtubeADpost_'+window.activeYTID).removeClass('hidden');
				$('#youtube_player_'+window.activeYTID).addClass('hidden');
				SC_InPage().run();
			} else {
				
			}
			 
		}
	}
		
	
};

function loadVideoMobile(youtubeId,theWidth,theHeight) {
	// create youtube player
	// $('#menu6container').addClass("isHidden"); 
	// $('#menu6subcontainer').addClass("isHidden"); 
			
	$('#youtube_player_'+youtubeId).removeClass('hidden');
	$('#youtube_'+youtubeId).addClass('hidden');
	$('#youtube_overlay_'+youtubeId).addClass('hidden');
	
	var tag = document.createElement('script');
	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
	  
	var player;
	player = new YT.Player('youtube_player_'+youtubeId, {
	  width: theWidth,
	  height: theHeight,
	  videoId: youtubeId,
	  playerVars: { 'showinfo': 0, 'rel': 0 },
	  events: {
		'onReady': onPlayerReady
	  }
	});

	// autoplay video
	function onPlayerReady(event) {
		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
			// event.target.playVideo();
		} else {
			event.target.playVideo();
		}
	}
	
};

 
function loadVideoPromo(youtubeId,promoId,theWidth,theHeight) {
	// create youtube player
	
	window.activepromoYTID = youtubeId;
	
	$('#menu6container').addClass("isHidden"); 
	$('#menu6subcontainer').addClass("isHidden"); 
	$('#Xmenusubcontainer').addClass("isHidden"); 
			
	$('#youtube_player_'+youtubeId).addClass('hidden');
	$('#youtube_player_promo_'+youtubeId).removeClass('hidden');
	
	var tag = document.createElement('script');
	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
	  
	var player;
	player = new YT.Player('youtube_player_promo_'+youtubeId, {
	  width: theWidth,
	  height: theHeight,
	  videoId: promoId,
	  playerVars: { 'showinfo': 0, 'rel': 0 },
	  events: {
		'onReady': onPlayerReadyPromo,
		'onStateChange': onPlayerStateChangePromo
	  }
	});

	
	// autoplay video
	function onPlayerReadyPromo(event) {
		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
			// event.target.playVideo();
		} else {
			event.target.playVideo();
		}
	}
	
	function onPlayerStateChangePromo(event) {        
			
		if(event.data === 0) {
			//gtag('event', 'Promo', { 'event_category' : 'Video', 'event_label' : 'Seen'+promoId });
			$('#youtube_'+window.activepromoYTID).removeClass('hidden');
			$('#youtube_overlay_'+window.activepromoYTID).removeClass('hidden');
			$('#youtube_player_promo_'+window.activepromoYTID).addClass('hidden');
			
		}
	}	
	
};



// HÃÂ¤mta tumnagel till Vimeo
function getVimeoThumbOld(vimeoVideoID,vimeoThumbID){
	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
		$(vimeoThumbID).attr('src', data[0].thumbnail_large);
	});
};

function getVimeoThumb(vimeoVideoID,vimeoThumbID){
	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
		var str=data[0].thumbnail_large;
		var n=str.replace('640','1280');
		var img = document.createElement('img')
		img.src = n
			img.onload = function() {
				$(vimeoThumbID).attr('src', n);
			}
			img.onerror = function() {
				$(vimeoThumbID).attr('src', data[0].thumbnail_large);
			}
	});
};

// Load Vimeo-video

function loadVimeoVideo(youtubeId,theWidth,theHeight) {
				$("#youtube_"+youtubeId+"").html("<iframe src='//player.vimeo.com/video/"+youtubeId+"?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>");
				$("#youtube_overlay_"+youtubeId+"").css("display", "none");
	
};

// HÃÂ¤mta tumnagel till Vimeopuff
function getVimeoPuff(vimeoVideoID,vimeoPuffID){
	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
	$(vimeoPuffID).attr('style', 'background-image: url(' + data[0].thumbnail_large + ');');
});
};

// Load Bambuser-video

function loadBambuserVideo(youtubeId,theWidth,theHeight) {
				$("#youtube_"+youtubeId+"").html("<iframe src='http://embed.bambuser.com/channel/feber' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>");
				$("#youtube_overlay_"+youtubeId+"").css("display", "none");
	
};

// show bodytext

function showText(divid){
	$('#body-'+divid).css({'height' : 'auto' });
	$('#body-'+divid).css({'position' : 'static' });
	$('#text-'+divid).css({'position' : 'static' });
	$('#text-overlay-'+divid).css({'display' : 'none' });
 };
 
 function showTextPremium(divid){
	 
	var loggedIn = $.cookie("memberful");
	
	if (loggedIn == 'prenumerant') {
		$('#body-'+divid).css({'height' : 'auto' });
		$('#body-'+divid).css({'position' : 'static' });
		$('#text-'+divid).css({'position' : 'static' });
		$('#text-overlay-'+divid).css({'display' : 'none' });
	} else {
		window.location.href = 'https://premium.feber.se/join/';
	} 
 };


// This sets a cookie
function setCookie(theCookie,theValue) {
	var standingCookie = $.cookie(theCookie);
	
	if(theValue == null) {
		$.cookie(theCookie, null, { expires: 365, path: '/' });
	}
	else if(standingCookie == '' || standingCookie == null) {
		$.cookie(theCookie, theValue, { expires: 365, path: '/' });
	}
	else if(standingCookie.match(theValue)) {
		/* do nothing */
	}
	else {
		$.cookie(theCookie, standingCookie + "|" + theValue, { expires: 365, path: '/' });
	}
}

// This removes a value from a cookie and checks for |-leftovers
function removeCookieValue(theCookie,theValue) {
	var standingCookie = $.cookie(theCookie);
	
	if(theValue.match(standingCookie) ) {
		
		$.cookie(theCookie, standingCookie.replace(theValue,''), { expires: 365, path: '/' });
		
		var standingCookie = $.cookie(theCookie);
		
		$.cookie(theCookie, standingCookie.replace('||','|'), { expires: 365, path: '/' });
		
		var standingCookie = $.cookie(theCookie);
		var firstChar = standingCookie.charAt(0);
		
		var the_length=standingCookie.length;
		var lastChar=standingCookie.charAt(the_length-1);
		
		if ("|"==firstChar) {
			$.cookie(theCookie, standingCookie.substr(1), { expires: 365, path: '/' });
		}
		
		if ("|"==lastChar) {
			$.cookie(theCookie, standingCookie.slice(0, -1), { expires: 365, path: '/' });
		}
	}
}

// This hides content depending on the cookie hideSites
	function checkCookie() {
				
		var standingCookie=$.cookie('hideSites');
		
		if(standingCookie == '' || standingCookie == null) {
		}
		else {
			var mySplitResult = standingCookie.split("|");
			
			for(i = 0; i < mySplitResult.length; i++) {
				// alert("." + mySplitResult[i]);
				// alert(mySplitResult.length);
				
			$("." + mySplitResult[i]).css("display","none");
			$("." + mySplitResult[i] + "Related").css("display","none");
			$("." + mySplitResult[i] + "Off").css("display","block");
			$("." + mySplitResult[i] + "Reklam").css("display","none");
			$("#" + mySplitResult[i] + "OnButton").css("display","none");
			$("#" + mySplitResult[i] + "OffButton").css("display","block");
			// $("#" + mySplitResult[i] + "Menu").css("opacity","0.5");
		
			
		};
	};
};





function slide(theDiv) {
	if ($(theDiv).is(":hidden")) {
		$(theDiv).slideDown("fast");
	} else {
		$(theDiv).slideUp();
	}
};


function fadeMenu(theDiv,theCookie,theCookieContent) {
	if ($(theDiv).is(":hidden")) {
		$(theDiv).fadeIn("fast");
	} else {
		$(theDiv).fadeOut("fast");
	}
	$.cookie(theCookie, theCookieContent, { expires: 365, path: '/' });
};


// load allpics 
function loadAllImages(theDiv,theURL) {
	if ($(theDiv).is(":hidden")) {
		$(theDiv).writeCapture().load(theURL, function(){
			kill();
			$(theDiv).slideDown("slow");
			$('img').jail({effect:"fadeIn", speed : "slow"});
		});
	} else {
		$(theDiv).slideUp();
	}	
};

function loadOnePic(theDiv,theContent) {
	if ($(theDiv).is(":hidden")) {
		$(theDiv).writeCapture().load(theContent, function(){
			kill();
			$(theDiv).slideDown("slow");
			$('img').jail({effect:"fadeIn", speed : "slow"});
		});
	} else {
		$(theDiv).writeCapture().load(theContent, function(){
			kill();
			$(theDiv).slideDown("slow");
			$('img').jail({effect:"fadeIn", speed : "slow"});
		});
	}
}; 

function kill() {
  /* Reset various Tailsweep vars. before "page reload" */ 
  window.tsAdsByPrio_top = undefined;
  window.tsAdsRendered_top_slot = undefined;
  window.tsAdsRendered_top = undefined;
  window.ts_currentSlot_top = undefined;
  window.ts_top_siteAdMap = undefined;  /* Denna rad ÃÂ¤r ny */                          
}; 









/* fÃÂ¶r att visa och gÃÂ¶mma divar 2007-03-27 /w */ 

/*function toggleDiv(divid){
	if(document.getElementById(divid).style.display == 'none'){
	  document.getElementById(divid).style.display = 'block';
	}else{
	  document.getElementById(divid).style.display = 'none';
	}
 }

function hideDiv(divid){
   document.getElementById(divid).style.display = 'none';
}

function showDiv(divid){
   document.getElementById(divid).style.display = 'block';
}

function unhideDiv(divid){
	document.getElementById(divid).style.display = 'block';
}

function hiddenDiv(divid){
	document.getElementById(divid).style.visibility = 'hidden';
}

function unhiddenDiv(divid){
	document.getElementById(divid).style.visibility = 'visible';
}


function showDiv6(divid){
	$(divid).css({'display' : 'block'});
}

function hideDiv6(divid){
	$(divid).css({'display' : 'none'});
}

function killContent(contentPart){
	setCookie('hideSites',contentPart);
	$("#" + contentPart + "OnButton").css({'display' : 'none'});
	$("#" + contentPart + "OffButton").css({'display' : 'block'});
	slide("." + contentPart);
	slide("." + contentPart + "Off");
	$("." + contentPart + "Reklam").css("display","none");
}

function wakeContent(contentPart){
	removeCookieValue('hideSites',contentPart);
	$("#" + contentPart + "OnButton").css({'display' : 'block'});
	$("#" + contentPart + "OffButton").css({'display' : 'none'});
	slide("." + contentPart);
	slide("." + contentPart + "Off");
	$("." + contentPart + "Reklam").css("display","block");
}


$().ready(function() {


	function myMouseOver(elems,options) {
		$('.menuOptionHover',elems).stop();
		$('.menuOptionHover',elems).animate({'opacity':1},'fast');
	}

	function myMouseOut(elems,options) {
		$('.menuOptionHover',elems).stop();
		$('.menuOptionHover',elems).animate({'opacity':0},'fast');
	}

	
});







function fadeLoggedin(){
	$.scrollTo( '#top', 400 );
	$("#medlemlank").css("color", "#999");
	$("#soklank").css("color", "#fff");
	$("#rsslank").css("color", "#fff");
	$('#soken').fadeOut(150, function () {
	$('#rss').fadeOut(150, function () {
	$('#loggedin').fadeIn(400);
});
});
};

function fadeSearch(){
	$.scrollTo( '#top', 400 );
	$("#medlemlank").css("color", "#fff");
	$("#soklank").css("color", "#999");
	$("#rsslank").css("color", "#fff");
	$('#loggedin').fadeOut(150, function () {
	$('#rss').fadeOut(150, function () {
	$('#soken').fadeIn(400);
});
});
};

function fadeRSS(){
	$.scrollTo( '#top', 400 );
	$("#medlemlank").css("color", "#fff");
	$("#soklank").css("color", "#fff");
	$("#rsslank").css("color", "#999");
	$('#loggedin').fadeOut(150, function () {
	$('#soken').fadeOut(150, function () {
	$('#rss').fadeIn(400);
});
});
};

function fadeLoginForm(){
	$('#noMember').fadeOut(150, function () {
	$('#loginHeader').fadeIn(400);
});
};

*/

/*
		function onYouTubePlayerReady(playerId) {
			var yp = $('#'+playerId);
			yp[0].addEventListener('onStateChange', '(function(state) { yListner("'+playerId+'",state) })')
		}
		function yListner(player, state){
			if (0 == state && 1 == $('#commercial_original').length) {
					var aP = $('#'+player);
					var url = $('#commercial_original').text();
					swfobject.embedSWF($('#commercial_original').text(), 'rep_'+player, aP.attr('width'), aP.attr('height'), "8", null, null, { allowScriptAccess: "always" }, { id: 'rep_'+player });
			}
		}
*/
		
// Function that moves to the next article with j and k



function scroll(direction) {

	var scroll, i,
		positions = [],
		here = $(window).scrollTop(),
		collection = $('.scrollitem');

	collection.each(function() {
		positions.push(parseInt($(this).offset()['top'],10));
	});

	for(i = 0; i < positions.length; i++) {
		if (direction == 'next' && positions[i] > here) { 
			scroll = collection.get(i); 
			console.log('next2');
			break; 
 		}
		if (direction == 'prev' && i > 0 && positions[i] >= here) { 
			scroll = collection.get(i-1); 
			console.log('prev2');
			break; 
 	   	}
	}

	if (scroll) {
		$.scrollTo(scroll, { duration: 500 });
	}

	return false;
}


$(function() {
	$("#next,#prev").click(function() {        
		return scroll($(this).attr('id'));    
	});
});


$(window).keydown (function(event) {
	console.log('event ' + event);
	if ($('.nonavigation').is(":focus")) { }
	else if ($('.gsc-input').is(":focus")) { }
	else if ($('.st-default-search-input').is(":focus")) { }
	else if (event.metaKey || event.ctrlKey) { }
	else if (event.altKey) {
		switch (event.which) {
			case 40: // key is down
				scroll ('next');
				break;
			case 38: // key is up
				scroll ('prev');
				break;
		}
	}
	else if (event) {
		switch (event.which) {
			case 74:  // j
				scroll('next');
				console.log('next');
				break;
			case 75:  // k
				scroll('prev');
				console.log('prev');
				break;

		}
	} else {
		switch (event.keyCode) {
			case 37: // key is left
		case 38: // key is up
				scroll ('prev');
				break;
			case 39: // key is right
		case 40: // key is down
				scroll ('next');
				break;
		}
	}
});







/*
function killSpoiler(articleID) {
	$( '#art_content_' + articleID ).removeClass( 'spoiler' );
	$( '#spoileroverlay' + articleID ).addClass( 'hidden' );
};
*/

// 1. function to hide the menu etc on different points
// 2. function to load preview-content from menu
// 3. functions that shows the stars to set cookies
// 4. function to change content and set cookie
// 5. function to change content depending on cookiecontent
// 6. function to show hidden articles


// Tempsaker

/*
var thedate = Math.round(Number(new Date()/1000));
var loadcookie = $.cookie('lastload');
var thiscookie = $.cookie('thisvisit');
var lastcookie = $.cookie('lastvisit');
var diffdateload = thedate-loadcookie;
var diffdatethis = thedate-thiscookie;
*/


// 1. function to hide the menu etc on different points

/*
init = { previousTop: 0 }

$(window).scroll(init,function () {
	 var menuContainer = '#menu6container';
	 var menuSubContainer = '#menu6subcontainer';
	 var currentTop = $(window).scrollTop();
	 var startFade = 300;

	 if (currentTop < init.previousTop) {
			$(menuContainer).removeClass("isHidden");
			 $(menuSubContainer).removeClass("isHidden"); 
			 $('#Xmenusubcontainer').removeClass("isHidden"); 
		
	 } else {
		if (currentTop > startFade) {
			 $(menuContainer).addClass("isHidden"); 
			 $(menuSubContainer).addClass("isHidden"); 
			 $('#Xmenusubcontainer').addClass("isHidden"); 
		}
   }

	 init.previousTop = currentTop;
 });

*/

// 2. function to load preview-content from menu

/*
function pre6load(section) {
	var section = section.toLowerCase();
	if (section == 'start') {
		var dasURL = '/load/?p=thumbhotsGrande&count=3';
	} else {
		var dasURL = '/'+section+'/load/?p=thumbnails&count=3';
	}
	$('#pre6').load(dasURL).fadeIn(100);
	
	//if ($(window).scrollTop() > 500) {
	//	$('.pre6containerfixed').fadeIn(100);
	//	$('#pre6fixed').load(dasURL).fadeIn(100);
	//}
	
};

*/


// 3. functions that shows the stars to set cookies

function showSetters() {
	$('#items .item .on').toggle();
};


// 4. function to change content and set cookie

function changeSetters(theDiv) {
	$('#item-' + theDiv).toggleClass('off');
	$('#cat-item-' + theDiv).toggleClass('off');
	
	var standingCookie=$.cookie('hideSites');
	if(standingCookie == '' || standingCookie == null) {
		setCookie('hideSites',theDiv);
		$("." + theDiv).slideUp("fast");
		$("." + theDiv + "Off").slideDown("fast");
		$('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar');	
	} else if(standingCookie.match(theDiv)) {
		removeCookieValue('hideSites',theDiv);
		$("." + theDiv).slideDown("fast");
		$("." + theDiv + "Off").slideUp("fast");
		$('.inArtHider' + theDiv).text('Visa inte ' + theDiv + '-artiklar');
	} else {
		setCookie('hideSites',theDiv);
		$("." + theDiv).slideUp("fast");
		$("." + theDiv + "Off").slideDown("fast");
		$('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar');
	};
};



// 5. function to change content depending on cookiecontent

function checkSetters(artID) {
	var standingCookie=$.cookie('hideSites');
	if(standingCookie == '' || standingCookie == null) { } else {
		
		var mySplitResult = standingCookie.split("|");
		for(i = 0; i < mySplitResult.length; i++) {
			// alert("." + mySplitResult[i]);
			// alert(mySplitResult.length);
			$('#item-' + mySplitResult[i]).toggleClass('off');
			$('#cat-item-' + mySplitResult[i]).toggleClass('off');
			if(artID == '' || artID == null) {
				$("." + mySplitResult[i]).addClass( "hiddenNonImportant" );
				$("." + mySplitResult[i] + "Off").removeClass( "hiddenNonImportant" );
				$("." + mySplitResult[i] + "Reklam").css("display","none");
				$('.inArtHider' + mySplitResult[i]).text('Visa ' + mySplitResult[i] + '-artiklar');	
			}
		};
	};
};




// 6. function to show hidden articles

/*
function showHiddenArt(theDiv) {
	slide("#article" + theDiv);
	slide("#art_collapsed_" + theDiv);
	slide("#fullsizecontainer" + theDiv);
	slide("#drop" + theDiv);
} 

function showHiddenArtNew(theDiv) {
	slide("#article" + theDiv);
	slide("#art_collapsed_" + theDiv);
	slide("#fullsizecontainer" + theDiv);
	slide("#drop" + theDiv);
} 
*/


</script>



	
		
		
	
	
	
	<script src="//www.youtube.com/player_api" async></script>
		
	

	

	
	
	
	
	
	

	
	<script type="text/javascript">
	
		// FrÃ¥gan!

		function submitVote (questionId, articleId, elementId) {
			var holder = [];
			var request = new XMLHttpRequest();
			
			document.forms['questionForm' + questionId].option.forEach(function (element) {
				element.checked ? holder.push(element.value) : null;
			});

			request.onreadystatechange = function () {
				if (request.readyState === 4) {
					if (request.status === 200) {
						document.getElementById(elementId).innerHTML = request.responseText;
						
						localStorage.setItem('feberVoted' + questionId, true);
					} else {
						document.getElementById(elementId).innerHTML = 'N&aring;got blev fel!' + request.responseText;
					}
				}
			}
			
			var updateNumber = Math.floor((Math.random() * 10000) + 1);
			
			request.open('GET','/art/' + articleId + '/rostapafragan/vote/?question=' + questionId + '&option=' + holder.join('') + '&redirect=https://feber.se/question/' + questionId + '/result/?option=' + holder.join('') + '&u=' + updateNumber );
			request.send();
		}
		
		
		// MÃ¤t lÃ¤nkklick i body1 och body2
		
		window.onclick = function (e) {
			// Hitta lÃ¤nkar
			if (e.target.localName == 'a') {
				// Kolla om de Ã¤r i body
				if ($(e.target).parents('.body1').length || $(e.target).parents('.body2').length) {
					//Kolla om det Ã¤r native eller inte 
					if ($(e.target).parents('.Promotion').length) {
						var actionName = 'nativeLinkBody';
					} else {
						var actionName = 'externalLinkBody';
					}
				}
				
				if ($(e.target).parents('.Promotion').length) {
					$('f-stat-catcher').load( '/count?type=' + actionName + '&typeId=' + e.target.getAttribute('href') );
				}
			}
		}
		
		
	</script>
	
	
	

	
	
	

	
	
	
	
	
			<link type="application/rss+xml" rel="alternate" title="Feber / Spel" href="//feber.se/rss/"/>
		

	
	
	

	
	
	
			
					<meta name="description" content="Feber &auml;r din dagliga k&auml;lla till allt om teknik, bilar, prylar, spel, vetenskap och popul&auml;rkultur. V&auml;lkommen!" />
				
		
	
	
			<meta name="keywords" content="android, ios, iphone, ipad, mac, windows, bil, foto, mobil, pryl, spel,vetenskap, video, webb" />
		
	
	
	
	
	
	
		<meta name="page-type" content="startpage"/>
	
	
	
	
	

	
	
	
	
	<script>
		
		function loadScript(url, callback){ // script fÃ¶r att ladda in scripts dynamiskt

			var script = document.createElement("script")
			script.type = "text/javascript";

			script.onload = function(){
				// callback();
			};

			script.src = url;
			document.getElementsByTagName("head")[0].appendChild(script);
		}


var THRESHOLDYT = 700;

function inScreen(elem) {
	var bounding = elem.getBoundingClientRect();
	return (
		bounding.top >= 0 &&
		bounding.left >= 0 &&
		bounding.bottom <= ((window.innerHeight || document.documentElement.clientHeight) + THRESHOLDYT)
	);
};
		  
		  

		</script>
		
	

	
	
	
	<style>
		f-kvarter {
			width: 100%; max-width: calc(100% - 80px); margin: 0px auto; background-color: rgba(255,255,255,1); padding: 0px; display: grid; grid-template-columns: 1fr minmax(auto, 450px); grid-template-rows: auto auto auto 1fr; height: 220px;
			box-shadow: 0px 0px 30px rgba(0,0,0,0.5); text-align: left; 
			grid-template-areas:
				"header media"
				"body media"
				"textline media"
				"readmore media";
		}

		
		f-kvarter-media { max-width: var(--f-article-width); min-height: 90px;
			background-color: var(--f-article-background);margin: 0 auto; display: flex; grid-area: media; width: 100%; position: relative; overflow: hidden; border-radius: 0px; }
		f-kvarter-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
		
		f-kvarter-body { grid-area: body; display: -webkit-box; margin: 0 20px 8px 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; color: #222; -webkit-font-smoothing: auto;
		}
		

		
		f-kvarter f-kvarter-headline {
			border-top: none !important; padding: 20px 20px 0 20px; font-size: 18px; line-height: 20px; grid-area: header; display: grid; margin: 0 0 8px 0;  }
		
		f-kvarter f-kvarter-headline-headline {
			font-family: SuisseBold; -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; }
		
		f-kvarter f-kvarter-headline-preamble {
			font-family: SuisseLight; -webkit-font-smoothing: auto; color: var(--f-hot-color); font-weight: 300; }
		
		
		
		
		f-kvarter-spons {
			position: absolute; right: 10px; bottom: 10px; background-color: var(--f-hot-color); color: white; padding: 4px 5px; }
			
		f-kvarter-readmore {
			grid-area: readmore; margin: 0 20px; 
			font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; 
		}
		f-kvarter-readmore a {
			color: var(--f-hot-color); 
		}

		@media only screen and (max-width: 800px) {
			f-kvarter {
				max-width: calc(100% - 60px);
				height: 260px;
				grid-template-columns: auto;
				grid-template-rows: 1fr auto;
				grid-template-areas: 
					"media"
					"header";
				}
			f-kvarter-headline {
				font-size: 16px !important; line-height: 18px !important; padding: 15px 18px !important; 
			}

			f-kvarter-readmore, f-kvarter-body {
				display: none; 
			}
		}

	</style>
	
	<script>
		function startInscreenReadPeak(beacon,counter) {
			console.log('startInscreenReadPeak ' + beacon + ' ' + counter);
			var divToCheck = document.querySelector('#rp' + counter);
			var hasBeenCalled = false;
			
			window.addEventListener('scroll', function(event) {
		
				if (inScreen(divToCheck) && hasBeenCalled === false) {
					console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon);
					hasBeenCalled = true;
					//$('f-stat-catcher').load(beacon);
					$('f-stat-catcher').html('<img src="' + beacon + '" />');
				}
			}, false);
		}
	</script>
	
	

	

	
<script>

	let userStatus;
	let yinYang;

	function setValue(value) {
		yinYang = value;

		const storedYinYang = sessionStorage.getItem('yinYang');
		
		if (!storedYinYang || storedYinYang !== value) {
			sessionStorage.setItem('yinYang', value);
		}

		if (yinYang === 'Plus') {
			//console.log('You are using Feber+, thank you!');
			localStorage.setItem('mehr', 'true');
		} else if (yinYang === 'User') {
			localStorage.setItem('benutzer', 'true');
		} else {
			localStorage.removeItem('mehr');
			localStorage.removeItem('benutzer');
		}

		if (yinYang === 'Adblock' || yinYang === 'AdblockPlausible') {
			$('body').attr('data-block', 'true');
			console.log('You are using an adblocker, please whitelist us!');
		}
	}

	
	// Checks if ad networks are reachable (not blocked by adblocker)
	// Kollar bÃ¥de Plausible och Google Ads â om nÃ¥gon blockeras â adblock
	function checkFirst() {
		return new Promise(function(resolve) {
			var plausible = fetch('https://plausible.io/api/event', {mode:'no-cors',method:'POST'}).then(function() { console.log('[checkFirst] plausible: OK'); return true; }).catch(function() { console.log('[checkFirst] plausible: BLOCKERAD'); return false; });
			var google = fetch('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', {mode:'no-cors'}).then(function() { console.log('[checkFirst] google: OK'); return true; }).catch(function() { console.log('[checkFirst] google: BLOCKERAD'); return false; });
			Promise.all([plausible, google]).then(function(results) {
				console.log('[checkFirst] resultat: plausible=' + results[0] + ', google=' + results[1] + ' â ' + (results[0] && results[1] ? 'User' : 'Adblock'));
				resolve(results[0] && results[1]);
			});
		});
	}
	
	$(document).ready(() => checkPlus().then(isPlus => {
		//console.log('Start');
		if (isPlus) {
			setValue('Plus');
			window._adblocked = false;
			//console.log('Set Plus');
		} else {
			//console.log('2');
			if (checkPren()) {
				setValue('Premium');
				window._adblocked = false;
				//console.log('Set Premium');
			} else {
				//console.log('3');
				checkFirst().then((isLoaded) => {
					//console.log('4');
					window._adblocked = !isLoaded;
					if (!isLoaded) {
						setValue('Adblock');
						//console.log('Set Adblock');
					} else {
						//console.log('5');
						setValue('User');
						//console.log('Set User');
					}
				})
				.catch((error) => console.error(error));
				
			}
		}
	}).catch(error => console.error(error))); 
	
	

</script>






<script data-name="maxapi" data-domain="feber.se" data-version="3.2.520" data-cfasync="false">!function(e){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var n,t,i,r=(n=function(e,n){e.exports=function(){var e=function(){},n={},t={},i={};function r(e,n){e=e.push?e:[e];var r,o,s,c=[],a=e.length,f=a;for(r=function(e,t){t.length&&c.push(e),--f||n(c)};a--;)o=e[a],(s=t[o])?r(o,s):(i[o]=i[o]||[]).push(r)}function o(e,n){if(e){var r=i[e];if(t[e]=n,r)for(;r.length;)r[0](e,n),r.splice(0,1)}}function s(n,t){n.call&&(n={success:n}),t.length?(n.error||e)(t):(n.success||e)(n)}function c(n,t,i,r){var o,s,a=document,f=i.async,u=(i.numRetries||0)+1,d=i.before||e,l=n.replace(/[\?|#].*$/,""),p=n.replace(/^(css|img)!/,"");r=r||0,/(^css!|\.css$)/.test(l)?((s=a.createElement("link")).rel="stylesheet",s.href=p,(o="hideFocus"in s)&&s.relList&&(o=0,s.rel="preload",s.as="style")):/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(l)?(s=a.createElement("img")).src=p:((s=a.createElement("script")).src=n,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(e){var a=e.type[0];if(o)try{s.sheet.cssText.length||(a="e")}catch(e){18!=e.code&&(a="e")}if("e"==a){if((r+=1)<u)return c(n,t,i,r)}else if("preload"==s.rel&&"style"==s.as)return s.rel="stylesheet";t(n,a,e.defaultPrevented)},!1!==d(n,s)&&a.head.appendChild(s)}function a(e,n,t){var i,r,o=(e=e.push?e:[e]).length,s=o,a=[];for(i=function(e,t,i){if("e"==t&&a.push(e),"b"==t){if(!i)return;a.push(e)}--o||n(a)},r=0;r<s;r++)c(e[r],i,t)}function f(e,t,i){var r,c;if(t&&t.trim&&(r=t),c=(r?i:t)||{},r){if(r in n)throw"LoadJS";n[r]=!0}function f(n,t){a(e,(function(e){s(c,e),n&&s({success:n,error:t},e),o(r,e)}),c)}if(c.returnPromise)return new Promise(f);f()}return f.ready=function(e,n){return r(e,(function(e){s(n,e)})),f},f.done=function(e){o(e,[])},f.reset=function(){n={},t={},i={}},f.isDefined=function(e){return e in n},f}()},n(t={exports:{}},t.exports),t.exports),o=document.currentScript.dataset.domain,s=window.btoa(o).substring(0,5)+"."+o,c=function(){var e=new CustomEvent("contentBlocked",{});window.dispatchEvent(e);try{var n=JSON.stringify({b:!0}),t=new Blob([n],{type:"application/json"});navigator.sendBeacon("https://"+s+"/profile",t)}catch(e){}};if("undefined"!=typeof URLSearchParams){var a=new URLSearchParams(window.location.search);a.has("max_suffix")&&(i=a.get("max_suffix"))}r(["https://maxetise.net/prebid."+[o,i].filter((function(e){return e})).join(".")+".js"],"prebid",{numRetries:1,error:function(){c()}}),r(["https://securepubads.g.doubleclick.net/tag/js/gpt.js"],"gpt",{numRetries:1,error:function(){c()}});var f=window&&window.maxapi&&window.maxapi.cmd?window.maxapi.cmd:[];e.cmd=f,Object.defineProperty(e,"__esModule",{value:!0})}(this.maxapi=this.maxapi||{});</script>










<style>
	.fc-consent-root .fc-dialog .fc-header h1, .fc-consent-root .fc-dialog .fc-header h2 {
		margin: 12px 0; font-family: SuisseBold; font-weight: 300 !important; font-size: 16px !important;
	}
</style>

<script>
	// Generell funktion fÃ¶r att initiera Readpeak-puffar med text-visning nÃ¤r laddad
	function initReadpeakPuffs(config) {
		const {
			adId,
			articleId,
			tags,
			blockSelector,
			mobileBreakpoint = 600,
			position = null
		} = config;

		function initReadpeakBlocks() {
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', initReadpeakBlocks);
				return;
			}

			checkPlus().then(isPlus => {
				if (isPlus || checkPren()) {
					const blocks = document.querySelectorAll(blockSelector);
					blocks.forEach(block => {
						if (block && typeof block.remove === 'function') {
							block.remove();
						} else if (block && block.parentNode) {
							block.parentNode.removeChild(block);
						}
					});
				} else {
					const adElement = document.querySelector(blockSelector + "[data-sid='" + articleId + "']");
					if (!adElement) {
						setTimeout(initReadpeakBlocks, 100);
						return;
					}

					const handleReadPeak = (entries, observer) => {
						const entry = entries[0];
						if (entry.isIntersecting) {
							const elementPosition = adElement.getAttribute('data-position') || position;
							const tagsWithPosition = elementPosition ? tags + ',position:' + elementPosition : tags;
							var count = window.innerWidth < mobileBreakpoint ? 1 : 2;
							runReadPeak(adId, count, tagsWithPosition);
							observer.unobserve(adElement);
						}
					};

					const observer = new IntersectionObserver(handleReadPeak, {
						root: null,
						rootMargin: '100px',
						threshold: 0.5
					});
					observer.observe(adElement);

					// Fallback: om containern fortfarande Ã¤r dold vid window load
					window.addEventListener('load', function() {
						setTimeout(function() {
							if (adElement.style.display === 'none' || !adElement.children.length) {
								observer.unobserve(adElement);
								handleReadPeak([{ isIntersecting: true }], observer);
							}
						}, 500);
					});
				}
			}).catch(error => console.error(error));
		}

		initReadpeakBlocks();
	}

	// Mappa placeringsnamn till numeriska ID:n fÃ¶r url_hit_counter
	// Wide/Maxetise: desktop1-5 = 1-5, mobile1-5 = 6-10
	// Puffs: before-article = 20, before-list = 21, in-article = 22, smallTop = 23
	// Test: 99
	function rpPlacementId(p) {
		if (!p) return 0;
		var m = {desktop1:1, desktop2:2, desktop3:3, desktop4:4, desktop5:5,
		         mobile1:6, mobile2:7, mobile3:8, mobile4:9, mobile5:10,
		         'before-article':20, 'before-list':21, 'in-article':22, smallTop:23,
		         kvarterstart:30, kvarterstartm:31, kvarterart:32, kvarterartm:33,
		         test:99};
		return m[p] || 0;
	}

	// ReadPeak Wide: stor variant â byggs dynamiskt med div + inline styles
	// config.immediate = true skippar IntersectionObserver (fÃ¶r fallback-spawns i redan synliga slots)
	function initReadpeakWide(config) {
		const { adId, articleId, tags, position, immediate } = config;

		function init() {
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', init);
				return;
			}

			checkPlus().then(isPlus => {
				if (isPlus || checkPren()) {
					const block = document.getElementById(adId);
					if (block) block.remove();
					return;
				}

				const container = document.getElementById(adId);
				if (!container) {
					setTimeout(init, 100);
					return;
				}

				const tagsWithPosition = position ? tags + ',position:' + position : tags;
				var mob = window.innerWidth <= 600;

				function render(result) {
					if (!Array.isArray(result) || !result.length) {
						container.style.setProperty('display', 'none', 'important');
						return;
					}

					var c = result[0];
					var rawImg = (c.images && c.images.length) ? c.images[c.images.length - 1].image : '';
					var imgW = mob ? '180px' : '230px';
					var tFs = mob ? '15px' : '18px';
					var tLh = mob ? '18px' : '21px';
					var bFs = mob ? '12px' : '13px';
					var bLh = mob ? '15px' : '17px';

					container.style.cssText = 'display:block;width:100%;max-width:980px;overflow:hidden;';

					var link = document.createElement('a');
					link.href = c.target || '#';
					link.target = '_blank';
					link.rel = 'nofollow';
					link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(45,45,45);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;';

					var pid = rpPlacementId(articleId);
					link.addEventListener('click', function() {
						navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpWideClick',id:pid}]));
					});

					link.innerHTML =
						'<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' +
							'<img style="width:100%;height:100%;object-fit:cover;display:block">' +
						'</div>' +
						'<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' +
							'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' +
							'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' +
							'<div style="font-size:' + bFs + ';line-height:' + bLh + ';color:rgb(190,190,190)">' + (c.text || '') + '</div>' +
							(c.cta ? '<div style="margin-top:8px;font-size:' + bFs + ';line-height:' + bLh + ';font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') +
						'</div>';

					container.innerHTML = '';
					container.appendChild(link);

					if (rawImg) {
						var img = container.querySelector('img');
						img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
						img.onload = function() {
							if (typeof _pingQueue === 'function') {
								_pingQueue('rpWideView', rpPlacementId(articleId), 1);
							}
						};
						img.onerror = function() {
							container.style.display = 'none';
						};
					}

					if (Array.isArray(c.beacons)) {
						c.beacons.forEach(function(u) { new Image(1,1).src = u; });
					}
				}

				function fetchAds(consentString) {
					var url = '/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent(tagsWithPosition || '') + '&gdpr_consent=' + encodeURIComponent(consentString || '');
					fetch(url)
						.then(function(r) { return r.json(); })
						.then(render)
						.catch(function() { container.style.display = 'none'; });
				}

				function doFetch() {
					if (typeof window.__tcfapi === 'function') {
						var handled = false;
						var fallback = setTimeout(function() { if (!handled) { handled = true; fetchAds(''); } }, 5000);
						try {
							window.__tcfapi('addEventListener', 2, function(tcData, success) {
								if (!success || handled) return;
								var cs = (tcData && tcData.tcString) ? tcData.tcString : '';
								var es = tcData && tcData.eventStatus;
								if (cs || es === 'tcloaded' || es === 'useractioncomplete') {
									clearTimeout(fallback);
									handled = true;
									fetchAds(cs);
								}
							});
						} catch (e) { fetchAds(''); }
					} else {
						fetchAds('');
					}
				}

				if (immediate) {
					doFetch();
				} else {
					new IntersectionObserver(function(entries, observer) {
						if (!entries[0].isIntersecting) return;
						observer.unobserve(container);
						doFetch();
					}, { root: null, rootMargin: '200px', threshold: 0.1 }).observe(container);
				}

			}).catch(function(err) { console.warn('RP Wide: error', err); });
		}

		init();
	}


</script>

<!-- Puff-styling hanteras med inline styles i runReadPeak -->
<style>



	/* Wide-styling hanteras med inline styles i initReadpeakWide */

	/* STYLING FÃR SNIPPETS */

	:root {
		/* Root bakgrund och text (anvÃ¤nds av body, snippet m.fl.) */
		/*
		--f-snippet-background: rgb(55,55,55);
		--f-snippet-background-fade: rgb(65,65,65);
		--f-snippet-text: rgb(220,220,220);
		--f-snippet-text-muted: #ccc;
		*/
			--f-snippet-background: rgb(230,230,230);
			--f-snippet-background-fade: rgb(220,220,220);
			--f-snippet-text: var(--f-article-text-color);
			--f-snippet-text-muted: var(--f-article-text-color-shade-deluxe);
	} 

	f-article[data-status='snippet'] { display: flex; flex-direction: column;}

	f-article[data-status='snippet'] f-article-image[data-position='primary'] { padding-bottom: 35% !important; }

	/* SNIPPET HEADER */
	f-article[data-status='snippet'] f-article-header { font-size: 18px; line-height: 20px; padding-bottom: 10px; }

	@media only screen and (max-width: 800px) {
		f-article[data-status='snippet'] f-article-header { font-size: 16px; line-height: 18px; }
	}
	
	/* SNIPPET FOOTER */
	f-article[data-status='snippet'] f-article-footer { height: 34px; padding: var(--f-article-padding-thin); width: calc(var(--f-article-width) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); }

	f-article[data-status='snippet'] f-article-footer-plus, f-article[data-status='snippet'] f-article-footer-minus, f-article[data-status='snippet'] f-article-footer-plus svg, f-article[data-status='snippet'] f-article-footer-minus svg { height: 34px; width: 34px; }
	f-article[data-status='snippet'] f-article-footer-minus { margin-left: 10px; }

	f-article[data-status='snippet'] f-article-footer .temp, f-article[data-status='snippet'] f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; }

	f-article[data-status='snippet'] f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); }
	f-article[data-status='snippet'] f-article-footer f-bubble::after { 
		margin-top: 0px; margin-right: 0px; margin-left: -2px;
		border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333;
	}
	f-article[data-status='snippet'] f-article-footer .arrow { margin-top: 9px; }

	f-article[data-status='snippet'] f-article-footer .writer_icon { 	width: 34px; height: 34px; }
	f-article[data-status='snippet'] f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; }

	@media only screen and (min-width: 600px) {
		f-article[data-status='snippet'][data-primarymedia='image'] { flex-direction: row; max-width: 980px; margin: var(--f-margins-margins); width: 100%; }
		
		f-article[data-status='snippet'][data-primarymedia='image'] f-article-wrapper { 
			box-shadow: none; margin: 0;
		}
		
		f-article[data-status='snippet'][data-primarymedia='image'] f-article-media-above { width: 240px; margin: 0; }

		f-article[data-status='snippet'][data-primarymedia='image'] f-article-image[data-position='primary'] { height: 100%; padding-bottom: unset !important; }

	}
	f-article[data-status='snippet'] f-article-header { background-color: var(--f-snippet-background) !important; }
	f-article[data-status='snippet'] f-article-headline b { color: var(--f-snippet-text) !important; }
	f-article[data-status='snippet'] f-article-preamble { color: var(--f-snippet-text-muted) !important; }
	f-article[data-status='snippet'][data-temp='hot'] f-article-preamble { color: var(--f-hot-color) !important; }
	f-article[data-status='snippet'][data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; }

	f-article[data-status='snippet'] f-article-content { background-color: var(--f-snippet-background) !important; }
	f-article[data-status='snippet'] f-article-footer { background-color: var(--f-snippet-background-fade) !important; }
	f-article[data-status='snippet'] f-article-footer-writerinfo { color: var(--f-snippet-text-muted) !important; }
	f-article[data-status='snippet'] f-article-footer-writerinfo b { color: var(--f-snippet-text) !important; }
	f-article[data-status='snippet'] f-article-body-link a {  }
</style>



	

	<script async src="/p/js/pa-M8305ExWVEQwQRQJuvI0X.js"></script>
	<script>
	window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
	plausible.init({ apiHost: '/p' })
	</script>









	
	
			
			
			
		
	
	<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "WebSite",
			"name": "Feber",
			"url": "https://feber.se",
			"potentialAction": {
				"@type": "SearchAction",
				"target": {
					"@type": "EntryPoint",
					"urlTemplate": "https://feber.se/sok/?q={search_term_string}"
				},
				"query-input": "required name=search_term_string"
			},
			"publisher": {
				"@type": "Organization",
				"name": "Feber",
				"logo": {
					"@type": "ImageObject",
					"url": "https://feber.se/faviconsfeber/android-chrome-512x512.png",
					"width": 512,
					"height": 512
				}
			}
		}
	</script>

<!-- Batch event collector -->
<script>
(function() {
	var _eq = [];

	window._pingQueue = function(type, id, hits) {
		var ev = { t: type, id: Number(id) };
		if (hits && hits > 1) ev.h = Number(hits);
		_eq.push(ev);
	};

	function _flush() {
		if (_eq.length === 0) return;
		var payload = JSON.stringify(_eq);
		_eq = [];
		if (navigator.sendBeacon) {
			navigator.sendBeacon('/api/status', payload);
		} else {
			var xhr = new XMLHttpRequest();
			xhr.open('POST', '/api/status', true);
			xhr.setRequestHeader('Content-Type', 'application/json');
			xhr.send(payload);
		}
	}

	setInterval(_flush, 30000);
	document.addEventListener('visibilitychange', function() {
		if (document.visibilityState === 'hidden') _flush();
	});
	window.addEventListener('beforeunload', _flush);
})();
</script>

<!-- Visitor & visit tracking -->
<script>
(function() {
	var now = new Date();
	var today = now.toISOString().slice(0, 10);
	var sn = 'feber'; // "feber" eller "tjock"

	// Unik per dag
	var dailyKey = 'f_ud_' + sn;
	var dailyVal = localStorage.getItem(dailyKey);
	if (dailyVal !== today) {
		localStorage.setItem(dailyKey, today);
		window._pingQueue(sn + 'UniqueDaily', 0);
	}

	// Unik per vecka (nollstÃ¤lls sÃ¶ndag)
	var weeklyKey = 'f_uw_' + sn;
	var day = now.getDay(); // 0=sÃ¶n
	var diff = now.getDate() - day;
	var sunday = new Date(now.getFullYear(), now.getMonth(), diff);
	var weekId = sunday.toISOString().slice(0, 10);
	var weeklyVal = localStorage.getItem(weeklyKey);
	if (weeklyVal !== weekId) {
		localStorage.setItem(weeklyKey, weekId);
		window._pingQueue(sn + 'UniqueWeekly', 0);
	}

	// BesÃ¶k (session)
	var visitKey = 'f_vs_' + sn;
	if (!sessionStorage.getItem(visitKey)) {
		sessionStorage.setItem(visitKey, '1');
		window._pingQueue(sn + 'Visit', 0);
	}
})();
</script>

<!-- Article view tracker -->
<script>
(function() {
	var timers = {};
	var viewed = {};

	function reportTime(id, seconds) {
		if (seconds <= 0 || seconds > 900) return;
		window._pingQueue('articleViewSeconds', id, seconds);
		if (seconds > 15) {
			window._pingQueue('articleView15', id);
		} else if (seconds > 10) {
			window._pingQueue('articleView10', id);
		} else if (seconds > 5) {
			window._pingQueue('articleView5', id);
		} else if (seconds > 1) {
			window._pingQueue('articleView1', id);
		}
	}

	var observer = new IntersectionObserver(function(entries) {
		for (var i = 0; i < entries.length; i++) {
			var entry = entries[i];
			var id = entry.target.getAttribute('data-id');
			if (!id) continue;

			if (entry.isIntersecting) {
				if (!viewed[id]) {
					window._pingQueue('articleView', id);
					viewed[id] = true;
				}
				if (!timers[id]) {
					timers[id] = new Date();
				}
			} else {
				if (timers[id]) {
					var seconds = Math.round((new Date() - timers[id]) / 1000);
					reportTime(id, seconds);
					delete timers[id];
				}
			}
		}
	}, { threshold: 0 });

	function trackArticle(el) {
		if (el.getAttribute('data-tracked')) return;
		if (!el.getAttribute('data-id')) return;
		el.setAttribute('data-tracked', '1');
		observer.observe(el);
	}

	function scanArticles(root) {
		var articles = (root || document).querySelectorAll('f-article[data-id]');
		for (var i = 0; i < articles.length; i++) {
			trackArticle(articles[i]);
		}
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', function() { scanArticles(); });
	} else {
		scanArticles();
	}

	var mo = new MutationObserver(function(mutations) {
		for (var i = 0; i < mutations.length; i++) {
			var added = mutations[i].addedNodes;
			for (var j = 0; j < added.length; j++) {
				var node = added[j];
				if (node.nodeType !== 1) continue;
				if (node.tagName === 'F-ARTICLE' && node.getAttribute('data-id')) {
					trackArticle(node);
				}
				if (node.querySelectorAll) {
					scanArticles(node);
				}
			}
		}
	});
	mo.observe(document.documentElement, { childList: true, subtree: true });

	window.addEventListener('beforeunload', function() {
		for (var id in timers) {
			if (timers.hasOwnProperty(id) && timers[id]) {
				var seconds = Math.round((new Date() - timers[id]) / 1000);
				reportTime(id, seconds);
			}
		}
	});
})();
</script>

<!-- Native article view tracker -->
<script>
(function() {
	var timers = {};
	var viewed = {};

	function reportTime(id, seconds, isRead) {
		if (seconds <= 0 || seconds > 900) return;
		window._pingQueue('nativeViewedSeconds', id, seconds);

		if (isRead) {
			window._pingQueue('nativeReadSeconds', id, seconds);
		} else {
			if (seconds > 15) {
				window._pingQueue('nativeFeedRead15', id);
				window._pingQueue('nativeFeedRead15Seconds', id, seconds);
			} else if (seconds > 10) {
				window._pingQueue('nativeFeedRead10', id);
				window._pingQueue('nativeFeedRead10Seconds', id, seconds);
			} else if (seconds > 5) {
				window._pingQueue('nativeFeedRead5', id);
				window._pingQueue('nativeFeedRead5Seconds', id, seconds);
			} else if (seconds > 1) {
				window._pingQueue('nativeFeedRead1', id);
				window._pingQueue('nativeFeedRead1Seconds', id, seconds);
			}
		}
	}

	var observer = new IntersectionObserver(function(entries) {
		for (var i = 0; i < entries.length; i++) {
			var entry = entries[i];
			var id = entry.target.getAttribute('data-native-id');
			if (!id) continue;

			if (entry.isIntersecting) {
				if (!viewed[id]) {
					window._pingQueue('nativeViewed', id);
					viewed[id] = true;
				}
				if (!timers[id]) {
					timers[id] = new Date();
				}
			} else {
				if (timers[id]) {
					var seconds = Math.round((new Date() - timers[id]) / 1000);
					var articleBody = entry.target.querySelector('f-article-body[data-part="2"]');
					var isRead = articleBody && articleBody.dataset.overlay === 'off';
					reportTime(id, seconds, isRead);
					delete timers[id];
				}
			}
		}
	}, { threshold: 0 });

	function trackNative(el) {
		if (el.getAttribute('data-native-tracked')) return;
		if (!el.getAttribute('data-native-id')) return;
		el.setAttribute('data-native-tracked', '1');
		observer.observe(el);
	}

	function scanNatives(root) {
		var natives = (root || document).querySelectorAll('[data-native-id]');
		for (var i = 0; i < natives.length; i++) {
			trackNative(natives[i]);
		}
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', function() { scanNatives(); });
	} else {
		scanNatives();
	}

	var mo = new MutationObserver(function(mutations) {
		for (var i = 0; i < mutations.length; i++) {
			// Attribut-mutation: data-native-id sattes pÃ¥ ett befintligt element
			if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'data-native-id') {
				trackNative(mutations[i].target);
				continue;
			}
			// childList-mutation: nya noder lades till
			var added = mutations[i].addedNodes;
			for (var j = 0; j < added.length; j++) {
				var node = added[j];
				if (node.nodeType !== 1) continue;
				if (node.getAttribute && node.getAttribute('data-native-id')) {
					trackNative(node);
				}
				if (node.querySelectorAll) {
					scanNatives(node);
				}
			}
		}
	});
	mo.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-native-id'] });

	window.addEventListener('beforeunload', function() {
		for (var id in timers) {
			if (timers.hasOwnProperty(id) && timers[id]) {
				var seconds = Math.round((new Date() - timers[id]) / 1000);
				reportTime(id, seconds, false);
			}
		}
	});

})();
</script>

</head>






















<body class=" feber" data-site="feber">
	
	

	
	<script type="text/javascript">

		function initPremiumStatus() {
			checkPlus().then(isPlus => {
				if (isPlus) {
					document.body.setAttribute('data-premium', 'true');
				} else if (checkPren()) {
					document.body.setAttribute('data-premium', 'true');
				} else {
					document.body.setAttribute('data-premium', 'false');
				}
			}).catch(error => console.error(error));
		}

		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', initPremiumStatus);
		} else {
			initPremiumStatus();
		}
		
	</script>
	
	
	<f-menu-background></f-menu-background>
	
	
	<f-fullscreen>
		<f-fullscreen-close onclick="exitFullscreen();">
			<svg id="nofullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
				<polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"/>
				<polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"/>
				<polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"/>
				<polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"/>
			</svg>
		</f-fullscreen-close>
	 </f-fullscreen>


	<script type="text/javascript">
		
		let timeforOutsider = false;
		let roomforOutsider = false;
		let outsiderRunned = false;

		// Funktion to load outsider, but only when the time and place is correct

		function initOutsider() {
			checkPlus().then(isPlus => {
				if (!isPlus) {
					if (!checkPren()) {

					// Check loaded placements
					// This is to ensure that desktop0 and desktop1 is loaded before outsiders, because of performance
					// Can be overridden by timer below

					let placementsLoaded = [];

					window.addEventListener(
						"placementLoaded",
						function (e) {

							// Function that checks the placements and push to placementsLoaded
							if (e.detail.placement === "desktop0" || e.detail.placement === "desktop1" || e.detail.placement === "desktop2") {
								placementsLoaded.push(e.detail.placement);
								//console.log('placement ' + e.detail.placement)
							}

							// When two is loaded, carry on
							if (placementsLoaded.length == 2) {

								// Is it two unique placements?
								const uniquePlacements = new Set(placementsLoaded);
								if (uniquePlacements.size == 2) {
									placementsLoaded.push("loaded");
									timeforOutsider = true;
									runOutsiders('placeloaded');
								}
								//console.log('placement2 ' + e.detail.placement)
							}
						},
						false
					);

					// If desktop1 is below fold we just wait two seconds
					setTimeout(function() {
						timeforOutsider = true;
						runOutsiders('3sek');
					}, 500);


					// Check if there is enough space
					const element = document.querySelector('f-internallinks-new[data-special="topscroll"]');
					const winHeight = window.innerHeight;

					
					if (element) {
						// If topscroll element exists
						if (winHeight > 950) {
							// If enough space for banner + topscroll
							roomforOutsider = true;
							runOutsiders('space-950');
						} else {
							// If not, wait for topscroll to exit
							const observer = new IntersectionObserver(
							(entries) => {
								entries.forEach((entry) => {
									if (!entry.isIntersecting) {
										const leavingFromTop = entry.boundingClientRect.bottom < entry.rootBounds.top;
										if (leavingFromTop) {
											roomforOutsider = true;
											runOutsiders('space-topscroll-exit');
											observer.unobserve(entry.target);
										}
									}
								});
							},
							{ threshold: 0 }
							);
							observer.observe(element);
						}
					} else {
						// If no topscroll, just check for height, but less
						if (window.innerHeight > 800) {
							roomforOutsider = true;
							runOutsiders('space-800');
						}
					}
				}
			}
		}).catch(error => console.error(error));
		}

		function runOutsiders(where) {
			// 'where' is just to know what fired this
			// console.log('Running Outsider Room: ' + roomforOutsider + ' Time: ' + timeforOutsider + ' From: ' + where);

			if (roomforOutsider && timeforOutsider && !outsiderRunned) {
				// set outsiderRunned to true to prevent double loading
				outsiderRunned = true;
				var outsiderEl = document.getElementById('outsider');
				var outsiderLeftEl = document.getElementById('outsiderLeft');
				if (outsiderEl) {
					outsiderEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1340px)", "placement": "desktop6"}]\'></div>';
				}
				if (outsiderLeftEl) {
					outsiderLeftEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1640px)", "placement": "desktop7"}]\'></div>';
				}
			}
		}
		
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', initOutsider);
		} else {
			initOutsider();
		}

	</script>

	
	
		<div id="maxetiseFull"></div>

		<script type="text/javascript">
			function initMaxetiseFull() {
				checkPlus().then(isPlus => {
					if (!isPlus) {
						if (!checkPren()) {
							// load placement 0
							var maxetiseFullEl = document.getElementById('maxetiseFull');
							if (maxetiseFullEl) {
								maxetiseFullEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (max-width: 500px)", "placement": "mobile0"}, { "mq":"screen", "placement": "desktop0"}]\'></div>';
							}
						}
					}
				}).catch(error => console.error(error));
			}
			
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', initMaxetiseFull);
			} else {
				initMaxetiseFull();
			}
		</script>

	
	
	
	<div id="outsider"></div><div id="outsiderLeft"></div>
		
	
	
	

	
	
		<f-menu-container>
			<f-menu>
				
				
				<a href="https://feber.se/" aria-label="Till startsidan">
					<f-menu-feberlogo>
						<svg width="73" height="13" viewBox="0 0 1001 180" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M946.6 102.68C979.36 102.68 1000.42 80.3198 1000.42 52.4998C1000.42 23.6398 979.36 0.759766 946.6 0.759766C914.1 0.759766 893.82 23.6398 893.82 52.4998C893.82 80.3198 914.1 102.68 946.6 102.68ZM947.12 70.4398C934.38 70.4398 928.14 62.3798 928.14 51.9798C928.14 41.8398 934.38 32.4798 947.12 32.4798C959.34 32.4798 966.62 41.8398 966.62 51.9798C966.62 62.3798 959.34 70.4398 947.12 70.4398Z" fill="var(--f-hot-color)" id="logoring" style="" />
							<path d="M717 179.4H764.84V120.38H786.68C794.48 127.66 818.4 173.16 828.54 179.4H880.28C871.18 174.98 842.32 122.98 832.18 112.06V109.98C852.98 103.74 867.8 84.24 867.8 58.5C867.8 22.88 846.22 0 792.92 0H717V179.4ZM764.06 85.54V36.66H788.76C810.86 36.66 818.4 46.8 818.4 61.36C818.4 76.18 810.86 85.54 788.76 85.54H764.06Z" fill="var(--f-menu-nohover)"/>
							<path d="M539 179.4H677.58V141.18H586.58V107.12H677.58V70.2H586.58V37.7H677.58V0H539V179.4Z" fill="var(--f-menu-nohover)"/>
							<path d="M352 179.4H434.42C480.18 179.4 504.62 164.06 504.62 130.52C504.62 101.4 484.86 91.52 470.82 88.4V86.84C483.82 83.46 500.72 70.72 500.72 47.06C500.72 13 478.88 0 436.5 0H352V179.4ZM397.76 72.8V34.32H427.92C447.94 34.32 453.66 41.08 453.66 53.82C453.66 65.52 448.2 72.8 426.1 72.8H397.76ZM397.76 144.56V104.78H428.7C449.5 104.78 457.3 111.28 457.3 124.8C457.3 139.62 448.98 144.56 428.96 144.56H397.76Z" fill="var(--f-menu-nohover)"/>
							<path d="M174 179.4H312.58V141.18H221.58V107.12H312.58V70.2H221.58V37.7H312.58V0H174V179.4Z" fill="var(--f-menu-nohover)"/>
							<path d="M0 179.4H47.84V116.22H134.16V78.52H47.84V37.7H134.16V0H0V179.4Z" fill="var(--f-menu-nohover)"/>
							<path d="M959.844 103V65.0818H1000V38.7286H959.844V1H930.346V38.7286H890V65.0818H930.346V103H959.844Z" fill="var(--f-hot-color)" id="logoplus" style="opacity: 0;" />
						</svg>
						<script>
							checkPlus().then(isPlus => {
								if (isPlus) {
									const logoring = document.getElementById("logoring");
									const logoplus = document.getElementById("logoplus");
									const animtime = 300;
									
									setTimeout(() => {
										logoring.animate({ opacity: 0 }, animtime, function () {
											logoplus.css("display", "block");
											logoplus.animate({ opacity: 1 }, animtime);
										});
									}, 1000);
								} 
							}).catch(error => console.error(error));
						</script>

					</f-menu-feberlogo>
				</a>

				

										
						
					

				<style>

					/* SKA FLYTTAS */ 
					f-menu { display: flex; }

					f-menu-slash-container {
						display: grid; grid-auto-flow: column; float: left;
						gap: 10px; overflow-y: hidden;
						overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
					}

					f-menu-slash {
						display: flex; cursor: pointer; color: #fff; 
						margin-bottom: 4px; font-size: 14px; line-height: 50px; 
						transition: color 0.3s ease; 
					}

					f-menu-slash[data-status='on'] { color: white; }

					f-menu-slash::before {
						content: "/"; display: block; color: #666;
						padding-right: 4px; transition: color 0.2s ease;
					}

					f-menu-slash[data-status='on']::before { color: var(--f-hot-color); }

					@media only screen and (max-width: 6px) { 
						body[data-site='feber'] { padding-top: 77px !important; }
						f-menu { flex-direction: column; height: 74px; }
						f-menu-slash-container { padding: 10px 16px; background-color: rgb(50,50,50); }
						f-menu-slash { font-size: 12px; line-height: 12px; }
						f-menu-slash::before { padding-right: 3px; }
						f-menu-feberlogo { height: 42px; }
					}

					@media only screen and (max-width: 600px) { 
						f-menu-slash {
							line-height: 44px; 
							font-size: 12px; 
						}
						f-menu-slash::before {
							padding-right: 2px;
						}

						f-menu-slash-container {
							gap: 5px;
						}
					}

					f-menu-droptrigger-burger { margin-left: auto; position: relative; }

					f-menu-droptrigger-burger::before {
						content: '';
						position: absolute;
						left: -29px;
						top: 0;
						height: 100%;
						width: 30px;
						background: linear-gradient(to right, rgba(0,0,0,0), rgb(30,30,30));
						pointer-events: none;
					}

				</style>
				<f-menu-slash-container>
					<f-menu-slash data-section="teknik" data-status="off" data-url="/teknik/">
						Teknik
					</f-menu-slash>
					<f-menu-slash data-section="motor" data-status="off" data-url="/motor/">
						Motor
					</f-menu-slash>
					<f-menu-slash data-section="samhalle" data-status="off" data-url="/samhalle/">
						Samh&auml;lle
					</f-menu-slash>
					<f-menu-slash data-section="spel" data-status="off" data-url="/spel/">
						Spel
					</f-menu-slash>
					<f-menu-slash data-section="popkultur" data-status="off" data-url="/popkultur/">
						Popkultur
					</f-menu-slash>
					<f-menu-slash data-section="fritid" data-status="off" data-url="/fritid/">
						Fritid
					</f-menu-slash>
					<f-menu-slash data-section="tjock" data-status="off" data-url="https://tjock.se/">
						Tjock
					</f-menu-slash>
					<f-menu-slash data-section="tester" data-status="off" data-url="/tester/thumbnails/" style="color: #aaa;">
						Tester
					</f-menu-slash>
					<f-menu-slash data-section="polls" data-status="off" data-url="/polls/" style="margin-right: 30px; color: #aaa;">
						Dagens fr&aring;ga
					</f-menu-slash>
				</f-menu-slash-container>

				<script>
					// Anta att 'section' Ã¤r definierad nÃ¥gonstans i din kod
					var section = 'spel'; // eller 'motor', 'teknik', etc.

					document.addEventListener('DOMContentLoaded', function() {
						var menuItems = document.querySelectorAll('f-menu-slash');

						// SÃ¤tt initial status baserat pÃ¥ 'section'
						menuItems.forEach(function(item) {
							if (item.getAttribute('data-section') === section) {
								item.setAttribute('data-status', 'on');
							} else {
								item.setAttribute('data-status', 'off');
							}
						});

						// LÃ¤gg till event listeners fÃ¶r musinteraktion
						menuItems.forEach(function(item) {
							item.addEventListener('mouseover', function() {
								menuItems.forEach(function(innerItem) {
									innerItem.setAttribute('data-status', 'off');
								});
								item.setAttribute('data-status', 'on');
							});

							item.addEventListener('mouseout', function() {
								menuItems.forEach(function(innerItem) {
									if (innerItem.getAttribute('data-section') === section) {
										innerItem.setAttribute('data-status', 'on');
									} else {
										innerItem.setAttribute('data-status', 'off');
									}
								});
							});

							// LÃ¤gg till klickhÃ¤ndelse fÃ¶r att navigera till URL
							item.addEventListener('click', function() {
								var url = item.getAttribute('data-url');
								if (url) {
									window.location.href = url;
								}
							});
						});
					});
				</script>
					

				

				
				
				
					<f-menu-droptrigger-burger>
						
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
							<g>
								<circle fill="var(--f-menu-nohover)"  cx="13.7" cy="50" r="13.7"/>
								<circle fill="var(--f-menu-nohover)" cx="50" cy="50" r="13.7"/>
								<circle fill="var(--f-menu-nohover)" cx="86.3" cy="50" r="13.7"/>
							</g>
						</svg> 

						
						<script>  
							// FÃ¶r att visa menyn  
							var menuTrigger = document.querySelector('f-menu-droptrigger-burger');
							if (menuTrigger) {
								menuTrigger.addEventListener('click', function(e) {
									//console.log('klick');
									var dataopen = document.body.getAttribute('data-menu');
									if (dataopen == 'open') {
										document.body.setAttribute('data-menu','closed');
									} else {
										document.body.setAttribute('data-menu','open');
									}
									e.preventDefault();
								});
							}
							
							// FÃ¶r att dÃ¶lja menyn om man klickar utanfÃ¶r den
							var menuBackground = document.querySelector('f-menu-background');
							if (menuBackground) {
								menuBackground.addEventListener('click', function(e) {
									document.body.setAttribute('data-menu','closed');
									e.preventDefault();
								});
							}
						</script>
							
					</f-menu-droptrigger-burger>



				
				<f-menu-dropdown-icons>
					<!-- DARK MODE -->
					<f-menu-contrast onClick="darkmodeSet();">
						<svg id="contrast" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
							<circle cx="7" cy="7" r="6" stroke="var(--f-menu-nohover)" stroke-width="2"/>
							<path d="M7 1L11 2.5L13 6L12 10L9.5 12.5L7 13.5V1Z" fill="var(--f-menu-nohover)"/>
						</svg>
					</f-menu-contrast>
					
					
					<f-menu-sub-social>
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="14" height="14" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 14222 14222" class="f-menu-social-facebook" onClick="parent.location='https://facebook.com/feberse'">
							<g id="Layer_x0020_1">
								<path class="f-menu-social-facebook-blue" d="M14222 7111c0,-3927 -3184,-7111 -7111,-7111 -3927,0 -7111,3184 -7111,7111 0,3549 2600,6491 6000,7025l0 -4969 -1806 0 0 -2056 1806 0 0 -1567c0,-1782 1062,-2767 2686,-2767 778,0 1592,139 1592,139l0 1750 -897 0c-883,0 -1159,548 -1159,1111l0 1334 1972 0 -315 2056 -1657 0 0 4969c3400,-533 6000,-3475 6000,-7025z" fill="#1977F3"/>
								<path class="f-menu-social-facebook-f" d="M9879 9167l315 -2056 -1972 0 0 -1334c0,-562 275,-1111 1159,-1111l897 0 0 -1750c0,0 -814,-139 -1592,-139 -1624,0 -2686,984 -2686,2767l0 1567 -1806 0 0 2056 1806 0 0 4969c362,57 733,86 1111,86 378,0 749,-30 1111,-86l0 -4969 1657 0z" fill="#FEFEFE" />
							</g>
						</svg>
						<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-instagram" onClick="parent.location='https://instagram.com/feberse'">
							<path d="M8.68831 0H3.31148C1.48553 0 0 1.4856 0 3.31155V8.68838C0 10.5144 1.48553 11.9999 3.31148 11.9999H8.68831C10.5144 11.9999 11.9999 10.5143 11.9999 8.68838V3.31155C12 1.4856 10.5144 0 8.68831 0ZM10.9353 8.68838C10.9353 9.92733 9.92733 10.9352 8.68838 10.9352H3.31148C2.0726 10.9353 1.06469 9.92733 1.06469 8.68838V3.31155C1.06469 2.07267 2.0726 1.06469 3.31148 1.06469H8.68831C9.92726 1.06469 10.9352 2.07267 10.9352 3.31155V8.68838H10.9353Z" fill="#999999"/>
							<path d="M5.99992 2.90808C4.29492 2.90808 2.90784 4.29516 2.90784 6.00016C2.90784 7.70509 4.29492 9.09209 5.99992 9.09209C7.70491 9.09209 9.09199 7.70509 9.09199 6.00016C9.09199 4.29516 7.70491 2.90808 5.99992 2.90808ZM5.99992 8.02733C4.88206 8.02733 3.97253 7.11794 3.97253 6.00009C3.97253 4.88216 4.88199 3.9727 5.99992 3.9727C7.11784 3.9727 8.0273 4.88216 8.0273 6.00009C8.0273 7.11794 7.11777 8.02733 5.99992 8.02733Z" fill="#999999"/>
							<path d="M9.22169 2.00525C9.01656 2.00525 8.81505 2.0883 8.67018 2.2338C8.5246 2.3786 8.44092 2.58018 8.44092 2.78602C8.44092 2.99122 8.52467 3.19274 8.67018 3.33824C8.81498 3.48304 9.01656 3.5668 9.22169 3.5668C9.42753 3.5668 9.62841 3.48304 9.77391 3.33824C9.91942 3.19274 10.0025 2.99115 10.0025 2.78602C10.0025 2.58018 9.91942 2.3786 9.77391 2.2338C9.62912 2.0883 9.42753 2.00525 9.22169 2.00525Z" fill="#999999"/>
						</svg>
						<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-twitter" onClick="parent.location='https://twitter.com/feber'">
							<g clip-path="url(#clip0)">
							<path d="M12 2.27925C11.5538 2.475 11.0782 2.60475 10.5825 2.66775C11.0925 2.36325 11.4818 1.88475 11.6648 1.308C11.1892 1.5915 10.6642 1.79175 10.1047 1.9035C9.65325 1.42275 9.00975 1.125 8.30775 1.125C6.94575 1.125 5.84925 2.2305 5.84925 3.58575C5.84925 3.78075 5.86575 3.96825 5.90625 4.14675C3.861 4.047 2.05125 3.06675 0.8355 1.5735C0.62325 1.94175 0.49875 2.36325 0.49875 2.817C0.49875 3.669 0.9375 4.42425 1.5915 4.8615C1.19625 4.854 0.8085 4.73925 0.48 4.5585C0.48 4.566 0.48 4.57575 0.48 4.5855C0.48 5.781 1.33275 6.774 2.451 7.00275C2.25075 7.0575 2.0325 7.08375 1.806 7.08375C1.6485 7.08375 1.4895 7.07475 1.34025 7.04175C1.659 8.016 2.5635 8.73225 3.639 8.7555C2.802 9.41025 1.73925 9.80475 0.58875 9.80475C0.387 9.80475 0.1935 9.79575 0 9.771C1.08975 10.4738 2.38125 10.875 3.774 10.875C8.301 10.875 10.776 7.125 10.776 3.8745C10.776 3.76575 10.7723 3.66075 10.767 3.5565C11.2552 3.21 11.6655 2.77725 12 2.27925Z" fill="#999999"/>
							</g>
							<defs>
							<clipPath id="clip0">
							<rect width="12" height="12" fill="white"/>
							</clipPath>
							</defs>
						</svg>
						<svg xmlns="http://www.w3.org/2000/svg" id="YouTube_Icon" x="0px" y="0px" viewBox="0 0 1024 721" class="f-menu-youtube" enable-background="new 0 0 1024 721" xml:space="preserve" onClick="parent.location='http://youtube.com/feberse/'">
							<path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"></path>
							<g id="Lozenge">
								<g>
									<path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3    h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5    C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3    s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5    C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"></path>
								</g>
							</g>
						</svg>
					</f-menu-sub-social>
				</f-menu-dropdown-icons>
				
				<f-menu-dropdown-logos>
					
					<f-menu-dropdown-logo style="background-color: rgb(217, 4, 41); ">

						<a href="https://automatos.se/?utm_source=feber.se&amp;utm_medium=menu" target="_blank">
							<img src="https://static.feber.se/article_images/61/28/57/612857.png" style="width: 110px;" />
						</a>

					</f-menu-dropdown-logo>

					<f-menu-dropdown-logo style="background-color: white; ">

						<a href="https://tjock.se/" target="_blank">
							<svg width="132" height="18" viewBox="0 0 132 30" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0);">
								<rect width="1450" height="650" fill="white"></rect>
								<path d="M21.3974 3.56003V1.68715H0.327527V3.56003H9.84801V29H11.877V3.56003H21.3974Z" fill="var(--f-cold-color-tjock)"></path>
								<path d="M36.2025 19.9477V1.68715H33.081V19.9868C33.081 24.3178 30.8179 26.5418 27.7355 26.5418C24.8871 26.5418 23.1703 25.1762 21.4925 22.64L19.2685 24.5519C20.9853 27.3612 23.5995 29.3902 27.6965 29.3902C32.5738 29.3902 36.2025 26.2297 36.2025 19.9477Z" fill="#00698C"></path>
								<path d="M70.7234 15.3436V15.2655C70.7234 7.50088 64.6755 1.21893 56.2475 1.21893C47.8196 1.21893 41.6937 7.57892 41.6937 15.3436V15.4216C41.6937 23.1863 47.7415 29.4682 56.1695 29.4682C64.5975 29.4682 70.7234 23.1082 70.7234 15.3436ZM64.4414 15.4216C64.4414 20.1038 61.0858 23.9276 56.2475 23.9276C51.4093 23.9276 47.9757 20.0258 47.9757 15.3436V15.2655C47.9757 10.5833 51.3312 6.75953 56.1695 6.75953C61.0078 6.75953 64.4414 10.6614 64.4414 15.3436V15.4216Z" fill="#221F20"></path>
								<path d="M88.3444 29.5463C94.3923 29.5463 97.8649 26.932 100.44 23.3814L94.7434 19.3234C93.1047 21.3134 91.4269 22.64 88.5785 22.64C84.7547 22.64 82.0625 19.4405 82.0625 15.3436V15.2655C82.0625 11.2857 84.7547 8.04714 88.5785 8.04714C91.1928 8.04714 92.9876 9.29573 94.5483 11.2466L100.245 6.83757C97.8259 3.48199 94.2362 1.14089 88.6566 1.14089C80.3847 1.14089 74.2588 7.38383 74.2588 15.3436V15.4216C74.2588 23.5764 80.5407 29.5463 88.3444 29.5463Z" fill="#9D2B01"></path>
								<path d="M102.839 29H111.969V23.1863L114.31 20.3379L119.655 29H130.542L120.826 13.5487L130.346 1.68715H119.733L111.969 11.91V1.68715H102.839V29Z" fill="var(--f-hot-color-tjock)"></path>
								</g>
							</svg>
						</a>

					</f-menu-dropdown-logo>

				</f-menu-dropdown-logos>
				
																	
				<f-menu-dropdown-two>
					<f-menu-dropdown-item-simple data-name="Feber+" data-url="https://feber.se/plus/"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Annonsera" data-url="advertise"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Tipsa" data-url="https://feber.se/tipsa/"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Redaktionen" data-url="https://feber.se/det-har-ar-febers-redaktion/332304/"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="RSS" data-url="rss"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Statistik" data-url="https://feber.se/statistik-for-feber/435274/"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Panelen" data-url="https://panel.feber.se/"></f-menu-dropdown-item-simple>
					<f-menu-dropdown-item-simple data-name="Integritet " data-url="none" onclick="window.__tcfapi('displayConsentUi', 2, function() {} );"></f-menu-dropdown-item-simple>

					
					
					

				</f-menu-dropdown-two>
				
				<f-menu-dropdown-one>
					<f-menu-dropdown-item data-name="Teknik" data-url="teknik" data-slash="true" data-catt="teknik,internet,mac,mobil,pc,pryl,vetenskap,video"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Internet" data-url="internet" data-catt="internet"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Mac" data-url="mac" data-catt="mac"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Mobil" data-url="mobil" data-catt="mobil"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="PC" data-url="pc" data-catt="pc"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Pryl" data-url="pryl" data-catt="pryl"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Vetenskap" data-url="vetenskap" data-catt="vetenskap"></f-menu-dropdown-item>

					<f-menu-dropdown-item data-name="Motor" data-url="motor" data-slash="true" data-catt="motor,bil,fordon"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Bil" data-url="bil" data-catt="bil"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Fordon" data-url="fordon" data-catt="fordon"></f-menu-dropdown-item>

					<f-menu-dropdown-item data-name="Samh&auml;lle" data-url="samhalle" data-slash="true" data-catt="samhalle"></f-menu-dropdown-item>

					<f-menu-dropdown-item data-name="Spel" data-url="spel" data-slash="true" data-catt="spel"></f-menu-dropdown-item>

					<f-menu-dropdown-item data-name="Popkultur" data-url="popkultur" data-slash="true" data-catt="popkultur,film"></f-menu-dropdown-item>
					<f-menu-dropdown-item data-name="Film/TV" data-url="film" data-catt="film"></f-menu-dropdown-item>
					
					<f-menu-dropdown-item data-name="Fritid" data-url="fritid" data-slash="true" data-catt="fritid"></f-menu-dropdown-item>

					<f-menu-dropdown-item data-name="Tjock" data-url="https://tjock.se/" data-slash="true" data-catt="garderoben,garaget,hemmet,kroppen,passet,sinnet,strupen"></f-menu-dropdown-item>
					
					
					
					
				</f-menu-dropdown-one>
			</f-menu>
		</f-menu-container>


		<f-menu-sub-container>
			<f-menu-sub>

				


				
				<style>
					
					f-menu-sub-icons { display: flex; margin-left: 15px; gap: 8px; }

					f-menu-sub a { color: var(--f-menu-nohover); transition: opacity 0.3s ease; }
					f-menu-sub a:hover { color: var(--f-menu-hover); }

					f-menu-sub-list, f-menu-sub-thumbnails { 	display: block; height: 12px; }
					f-menu-sub-search { 						display: block; height: 14px; }

					f-menu-sub svg {			width: 12px; height: 12px; margin-bottom: 0; } 
					f-menu-sub-search svg {		width: 14px; height: 14px; margin: -1px 0; }

					f-menu-sub a:hover svg circle { fill: transparent !important; stroke: var(--f-menu-hover); }
					f-menu-sub svg [fill], f-menu-sub svg [stroke] { transition: all 0.3s ease; }
					f-menu-sub a:hover svg [fill] { fill: var(--f-menu-hover); }
					f-menu-sub a:hover svg [stroke] { stroke: var(--f-menu-hover); }

					f-menu-sesamy { margin-left: auto; }

					f-menu-sub-today, f-menu-sub-yesterday, f-menu-sub-tips { display: block; margin-left: 12px; color: var(--f-menu-nohover); transition: all 0.3s ease; }
					f-menu-sub a:hover f-menu-sub-today, f-menu-sub a:hover f-menu-sub-yesterday, f-menu-sub a:hover f-menu-sub-tips { color: var(--f-menu-hover); }

					@media only screen and (max-width: 600px) {
						f-menu-sub-yesterday { display: none; }
					}

				</style>

				<f-menu-sub-icons>
					<a href="/list/" aria-label="Lista">
						<f-menu-sub-list>
								<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
								<rect width="300" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect y="112.5" width="300" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect y="225" width="300" height="75" fill="var(--f-menu-nohover)"></rect>
							</svg>
						</f-menu-sub-list>
					</a>

					
					<a href="/thumbnails/" aria-label="Tumnaglar">
						<f-menu-sub-thumbnails>
							<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
								<rect width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="225" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="112.5" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="225" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
								<rect x="112.5" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
							</svg>
						</f-menu-sub-thumbnails>
					</a>

					
					

					
					<f-menu-sub-search>
						<a href="#" onclick="event.preventDefault(); var overlay = document.querySelector('f-search-overlay'); if (overlay) { overlay.classList.add('show'); var input = document.getElementById('searchOverlayInput'); if (input) { input.focus(); } } return false;" aria-label="SÃ¶k">
						<svg width="15" height="14" viewBox="0 0 15 14" xmlns="http://www.w3.org/2000/svg">
							<circle cx="5.28074" cy="5.28074" r="4.28074" stroke-width="2" stroke="var(--f-menu-nohover)" fill="transparent"></circle>
							<line x1="8.62822" y1="8.31416" x2="13.6069" y2="13.2929" stroke-width="2" stroke="var(--f-menu-nohover)"></line>
						</svg>
						</a>
					</f-menu-sub-search>
					

					



				</f-menu-sub-icons>
				
				
				<a href="/tipsa/" target="_blank">
					<f-menu-sub-tips>Tipsa!</f-menu-sub-tips>
				</a>

				
				<a href="/today/" id="menuTodayLink" style="display:none;">
					<f-menu-sub-today id="menuTodayText"></f-menu-sub-today>
				</a>

				<a href="/yesterday/" id="menuYesterdayLink" style="display:none;">
					<f-menu-sub-yesterday id="menuYesterdayText"></f-menu-sub-yesterday>
				</a>

				<script>
					(function() {
						function updateCounts(data) {
							if (!data || typeof data !== 'object') { return; }

							const todayLink = document.getElementById('menuTodayLink');
							const yesterdayLink = document.getElementById('menuYesterdayLink');
							const todayText = document.getElementById('menuTodayText');
							const yesterdayText = document.getElementById('menuYesterdayText');

							if (!todayLink || !yesterdayLink || !todayText || !yesterdayText) { return; }

							const todayCount = parseInt(data.today, 10) || 0;
							const yesterdayCount = parseInt(data.yesterday, 10) || 0;

							if (todayCount > 0) {
								todayText.textContent = todayCount + ' idag';
								todayLink.style.display = '';
							}

							if (yesterdayCount > 0) {
								yesterdayText.textContent = yesterdayCount + ' ig\u00E5r';
								yesterdayLink.style.display = '';
							}
						}

					function fetchCounts(retryCount) {
						fetch('/api/f-today-yesterday.jsp', { credentials: 'same-origin' })
							.then(function(response) {
								if (!response.ok) { throw new Error('Network response was not ok'); }
								return response.json();
							})
							.then(function(data) {
								updateCounts(data);
							})
							.catch(function(error) {
								console.warn('Kunde inte hÃ¤mta antal artiklar fÃ¶r idag/igÃ¥r:', error);
								if (retryCount > 0) {
									setTimeout(function() {
										fetchCounts(retryCount - 1);
									}, 2000);
								}
							});
						}

						if (document.readyState === 'loading') {
						document.addEventListener('DOMContentLoaded', function() {
							fetchCounts(3);
						});
						} else {
						fetchCounts(3);
						}
					})();
				</script>

				
				
				
					
					
					

					
					
					<f-menu-sesamy>
						<f-prenumera onclick="showPremiumContent();">Skaffa Feber<span style="color: var(--f-hot-color);">+</span></f-prenumera>
						<sesamy-login hide-logo style="--sesamy-login-avatar-bgcolor: #666; --sesamy-login-avatar-textcolor: #fff;">
							<f-sesamy-login-user slot="avatar" style="align-items: center; color: #ccc; cursor: pointer; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; line-height: 40px; white-space: nowrap;">
								<f-sesamy-login-name style="display: none; margin-right: 9px;"></f-sesamy-login-name>
								<f-sesamy-login-avatar aria-hidden="true" style="align-items: center; background: #666; border: 0; border-radius: 0; color: #fff; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; justify-content: center; line-height: 40px; overflow: hidden; text-transform: uppercase; width: 40px;"></f-sesamy-login-avatar>
							</f-sesamy-login-user>
							<f-sesamy-login-menu slot="popup-menu" style="background: #fff; color: #222; display: block; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; line-height: 16px;">
								<f-sesamy-login-menu-name style="border-bottom: 1px solid #e5e5e5; color: #222; display: none; overflow: hidden; padding: 10px 12px; text-overflow: ellipsis; white-space: nowrap;"></f-sesamy-login-menu-name>
								<a href="#" data-sesamy-account style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Mitt konto</a>
								<button type="button" data-sesamy-logout style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Logga ut</button>
							</f-sesamy-login-menu>
						</sesamy-login>
					</f-menu-sesamy>
				
						
				
				
			</f-menu-sub>
		</f-menu-sub-container>

		
		<style>

			f-menu-comments {
				background-color: rgb(45,45,45); 
				display: flex;
				height: 32px;
				margin-bottom: 0px;
				z-index: 1;
				/* box-shadow: 0px 10px 20px rgba(0,0,0,0.2); */
				font-family: var(--f-suisse-medium);
				-webkit-font-smoothing: antialiased;
				overflow: hidden;
				font-size: 13px;
				align-items: center;
				padding: 0;
				border-top: 0px #444 solid;
				flex-grow: 1; 
				color: var(--f-article-text-color); 
				max-width: 2000px; 
				margin: 0 auto; 
				height: 40px; 
			}

			f-menu-comments a { font-weight: 300; color: rgb(230,230,230); border-bottom: 0px solid rgba(255,255,255,0.1);  }
			f-menu-comments a:hover { font-weight: 300; color: rgb(180,180,180); border-bottom: 0px solid rgba(255,255,255,0.3); }
			
			#commentBubble { display: none; width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; }
			#commentBubble svg { width: 16px; height: 16px; }

			#commentMenu {
				display: flex; flex-grow: 0; flex-shrink: 0;
			}

			#commentHot { display: flex; flex-grow: 0; flex-shrink: 0; margin-left: 12px; }
			#commentLatest { display: none; flex-grow: 0; flex-shrink: 0; margin-right: 12px; }

			#commentPrev, #commentNext { display: none; flex-grow: 0; flex-shrink: 0; color: #aaaaaa; float: right; margin-left: 5px; cursor: pointer; height: 10px; width: 10px; }
			#commentPrev { transform: scaleX(-1); }
			#commentNext { margin-right: 18px; }
			#commentPrev svg, #commentNext svg { width: 100%; height: 100%; }

			#commentAvatar { width: 20px; height: 20px; margin-left: 16px; margin-right: 8px; flex-grow: 0; flex-shrink: 0; border-radius: 5px; overflow: hidden; }
			#commentAvatar img { width: 100%; height: 100%; }

			#commentAuthor { margin-right: 5px; color: #888; flex-grow: 0; flex-shrink: 0; }

			#commentText {
				flex-grow: 1; 
				overflow: hidden; 
				white-space: nowrap; 
				position: relative; 
			}
			#commentText::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; background: linear-gradient(to left, rgb(45,45,45), transparent); }

			@keyframes commentfadein {	from { opacity: 0; }	to { opacity: 1; }	}
			@keyframes commentfadeout {	from { opacity: 1; }	to { opacity: 0; }	}

			#comment-container {
				display: flex;
				flex-grow: 1; /* Se till att elementet expanderar fÃ¶r att fylla tillgÃ¤ngligt utrymme */
				align-items: center;
				overflow: hidden; /* FÃ¶rhindrar innehÃ¥ll frÃ¥n att expandera utanfÃ¶r sin behÃ¥llare */
			}

			.comment-container { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: running; }

			.comment-container:hover { animation-play-state: paused; }

			.fade-in { animation-name: commentfadein; }

			.fade-out { animation-name: commentfadeout; }

			@media only screen and (max-width: 600px) {
				f-menu-comments { font-size: 13px; height: 32px; }
				#commentBubble { width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; }
				#commentAvatar { width: 24px; height: 24px; margin-right: 6px;  }
				#commentHot { margin-left: 14px; }
				#commentAuthor { display: none; }
			}

			f-menu-sub {
				box-shadow: none; 
				background-color: rgb(30,30,30); 
			}


		</style>



					
		<f-menu-comments>

			<div id="commentHot">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="var(--n-orange-semidark)" style="height: 16px; margin-right: 2px;"><path d="M12 23C7.85786 23 4.5 19.6421 4.5 15.5C4.5 13.3462 5.40786 11.4045 6.86179 10.0366C8.20403 8.77375 11.5 6.49951 11 1.5C17 5.5 20 9.5 14 15.5C15 15.5 16.5 15.5 19 13.0296C19.2697 13.8032 19.5 14.6345 19.5 15.5C19.5 19.6421 16.1421 23 12 23Z"></path></svg>
				<a href="/comments/hot/">Hetaste</a>
			</div>

			<div id="commentBubble">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16px" version="1.1" viewBox="0 0 16 16" width="16px"><g fill="none" fill-rule="evenodd" id="Icons with numbers" stroke="none" stroke-width="1"><g fill="#999" id="Group" transform="translate(-720.000000, -192.000000)"><path d="M728,205 C727.092687,205 726.225692,204.86437 725.430064,204.617506 C724.617765,205.250987 723.248775,206.131104 721.912598,206.131104 C722.612692,205.468456 722.810743,204.184192 722.854217,203.228743 C721.703165,202.248586 721,200.938813 721,199.5 C721,196.462434 724.134007,194 728,194 C731.865993,194 735,196.462434 735,199.5 C735,202.537566 731.865993,205 728,205 Z M728,205" id="Oval 247"/></g></g></svg>
			</div>

			<div id="commentLatest">
				<a href="/comments/latest/">Senaste</a>
			</div>
			
			<div id="comment-container" class="comment-container">
				<div id="commentAvatar"></div>
				
				<div id="commentAuthor"></div>
				<div id="commentText"></div>
			</div>
			
			<div id="commentPrev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div>
			<div id="commentNext"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div>
		</f-menu-comments>

		<script>

			function stripHtml(html) {
				if (!html || typeof html !== 'string') return '';
				let modifiedHtml = html.replace(/<br\s*\/?>/gi, ' ')
					.replace(/<\/p>/gi, ' ')
					.replace(/<p>/gi, '');

				let doc = new DOMParser().parseFromString(modifiedHtml, 'text/html');
				return doc.body.textContent || "";
			}

			function displayComment(comment) {
				if (!comment || !comment.author || !comment.message) {
					console.warn('Comment data is incomplete:', comment);
					return;
				}

				let commentContainer = document.getElementById('comment-container');
				if (!commentContainer) return;

				commentContainer.classList.add('fade-out');

				setTimeout(() => {
					commentContainer.classList.remove('fade-out');

					let avatarDiv = document.getElementById('commentAvatar');
					let authorDiv = document.getElementById('commentAuthor');
					let textDiv = document.getElementById('commentText');

					if (!avatarDiv || !authorDiv || !textDiv) return;

					avatarDiv.innerHTML = '';
					authorDiv.innerHTML = '';
					textDiv.innerHTML = '';

					// Avatar med fallback
					if (comment.author.avatar && comment.author.avatar.cache) {
						let avatarImg = document.createElement('img');
						avatarImg.src = comment.author.avatar.cache;
						avatarImg.alt = comment.author.name || 'Avatar';
						avatarDiv.appendChild(avatarImg);
					}

					// FÃ¶rfattarnamn
					if (comment.author.name) {
						authorDiv.textContent = comment.author.name + ' /';
					}

					// Kommentarstext (anvÃ¤nd textContent fÃ¶r sÃ¤kerhet)
					let cleanCommentText = stripHtml(comment.message);
					let commentLink = document.createElement('a');
					commentLink.href = '/comments/latest/';
					commentLink.textContent = cleanCommentText;
					textDiv.appendChild(commentLink);

					commentContainer.classList.add('fade-in');
					setTimeout(() => {
						commentContainer.classList.remove('fade-in');
					}, 300);
				}, 400);
			}

			let comments = [];
			let currentIndex = 0;
			let commentInterval = null;

			function setupCommentInterval() {
				// Rensa befintligt intervall fÃ¶rst
				if (commentInterval) {
					clearInterval(commentInterval);
					commentInterval = null;
				}

				// Skapa nytt intervall endast om det finns kommentarer
				if (comments.length > 0) {
					commentInterval = setInterval(() => {
						currentIndex = (currentIndex + 1) % comments.length;
						displayComment(comments[currentIndex]);
					}, 5000);
				}
			}

			function navigateComment(direction) {
				if (!comments || comments.length === 0) return;
				if (commentInterval) {
					clearInterval(commentInterval);
					commentInterval = null;
				}
				currentIndex = (currentIndex + direction + comments.length) % comments.length;
				displayComment(comments[currentIndex]);
			}

			// HÃ¤mta kommentarer
			fetch('/snippets/disqus_fetcher.jsp?what=fivelatest')
				.then(response => {
					if (!response.ok) {
						throw new Error('HTTP ' + response.status);
					}
					return response.json();
				})
				.then(data => {
					if (!data || !Array.isArray(data.response) || data.response.length === 0) {
						console.warn('No comments available');
						return;
					}

					comments = data.response;
					currentIndex = 0;
					displayComment(comments[currentIndex]);
					setupCommentInterval();
				})
				.catch(error => {
					console.error('Error fetching comments:', error);
				});

			// Event listeners - lÃ¤ggs till direkt, men funktionerna kontrollerar om comments finns
			const commentPrev = document.getElementById('commentPrev');
			const commentNext = document.getElementById('commentNext');
			const commentContainer = document.getElementById('comment-container');

			if (commentPrev) {
				commentPrev.addEventListener('click', () => navigateComment(-1));
			}

			if (commentNext) {
				commentNext.addEventListener('click', () => navigateComment(1));
			}

			if (commentContainer) {
				commentContainer.addEventListener('mouseover', () => {
					if (commentInterval) {
						clearInterval(commentInterval);
						commentInterval = null;
					}
				});

				commentContainer.addEventListener('mouseout', () => {
					setupCommentInterval();
				});
			}


		</script>
		


		
				











	
	















































































	











	







	






	




	




	





	

  
 
 
 
 
 


























<script> 
	
	//Funktion fÃ¶r att gÃ¶mma och visa huvudmenyn nÃ¤r man scrollar
	let prevTop = 0;
	let isScriptedScroll = false;
	let menuContainer = document.querySelector('f-menu-container');
	let menuSubContainer = document.querySelector('f-menu-sub-container');

	// Debounce function (you can adjust the delay as needed)
	function debounce(func, wait) {
		let timeout;
		return function() {
			let context = this, args = arguments;
			let later = function() {
				timeout = null;
				func.apply(context, args);
			};
			clearTimeout(timeout);
			timeout = setTimeout(later, wait);
		};
	}

	window.addEventListener('scroll', debounce(function () {
		if (!isScriptedScroll && menuContainer && menuSubContainer) {
			let curTop = window.pageYOffset || window.scrollY || document.documentElement.scrollTop;
			let staFade = 200;

			// Check for scroll position > 2000px
            if (curTop > 2000) {
                menuContainer.setAttribute('data-sub2000', 'yes');
                menuSubContainer.setAttribute('data-sub2000', 'yes');
            } else {
                menuContainer.setAttribute('data-sub2000', 'no');
                menuSubContainer.setAttribute('data-sub2000', 'no');
            }

			if (curTop < prevTop) {
				menuContainer.setAttribute('data-show', 'yes');
				menuSubContainer.setAttribute('data-show', 'yes');
			} else {
				if (curTop > staFade) {
					menuContainer.setAttribute('data-show', 'no');
					menuSubContainer.setAttribute('data-show', 'no');
				}
			}
			prevTop = curTop;
		}
	}, 10));

	
	// Funktion fÃ¶r att gÃ¶mma och visa innehÃ¥ll beroende pÃ¥ om man Ã¤r inloggad eller inte. 
	if (typeof Cookies !== 'undefined') {
		var loggedIn = Cookies.get("memberful");
		var loggedInId = Cookies.get("memberfulID");
		if (loggedIn == "prenumerant" && loggedInId) {
			var premiumLink = document.querySelector("f-menu-premium-loggedin f-menu-premium-text a");
			if (premiumLink) {
				premiumLink.appendChild(document.createTextNode(loggedInId));
			}
		}
	}
	 
	
	
	// Funktion fÃ¶r att sÃ¤tta darkmode med contrastknappen
	function darkmodeSet() {
		var darkmode = localStorage.getItem('darkmode');
		if (darkmode == undefined || darkmode == 'off') {
			localStorage.setItem('darkmode', 'on');
			document.body.setAttribute( "data-darkmode", "on" );
			changeTweetDarkmode();
		} else if (darkmode == 'on') {
			localStorage.setItem('darkmode', 'off');
			document.body.setAttribute( "data-darkmode", "off" );
		}
		changeTweetDarkmode();
	}
	
	// Funktion fÃ¶r att sÃ¤tta darkmode i body
	(function() {
		function initDarkmode() {
			var darkmode = localStorage.getItem('darkmode');
			if (darkmode == undefined || darkmode == 'off') {
				document.body.setAttribute( "data-darkmode", "off" );
			} else if (darkmode == 'on') {
				document.body.setAttribute( "data-darkmode", "on" );
			}
			changeTweetDarkmode();
		}
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', initDarkmode);
		} else {
			initDarkmode();
		}
	})();
	
	//Funktion fÃ¶r att gÃ¶ra tweets mÃ¶rka / ljusa 
	
	function changeTweetDarkmode() {
		//console.log('tweetthemechanger started');
		
		setTimeout(function() {
			//console.log('tweetthemechanger ready');
			var storedTheme = localStorage.getItem('darkmode');
			var tweets = document.querySelectorAll('[data-tweet-id]');
	
			tweets.forEach(function(tweet) {
				var src = tweet.getAttribute("src");
				if (storedTheme == "on") {
					tweet.setAttribute("src", src.replace("theme=light", "theme=dark"));
				} else {
					tweet.setAttribute("src", src.replace("theme=dark", "theme=light"));
				}
			});
		}, 1000);
		
	}
	

	
	// Menyelement
	var thumbSvg = '<svg viewBox="0 0 12 12"><rect width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/></svg>';
	var noshowX = '<svg width="11" height="12" viewBox="0 0 11 12" class="f-menu-x" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-xed"><path d="M1.5 2L9.5 10" stroke="#BBBBBB" stroke-width="3"/><path d="M9.5 2L1.5 10" stroke="#BBBBBB" stroke-width="3"/></svg>';
	var noshowV = '<svg width="13" height="11" viewBox="0 0 13 11" class="f-menu-v" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-marked"><path d="M1.53333 4.63109L4.85108 7.94885L11.5333 1.2666" stroke="#222" stroke-width="3"/></svg>';
	var newchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M17.4571 9.45711L11 15.9142L6.79289 11.7071L8.20711 10.2929L11 13.0858L16.0429 8.04289L17.4571 9.45711Z" fill="#fff"/></svg>';
	var newunchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M7 11V13H17V11H7Z" fill="#fff"/></svg>';
	
	
	( function() {
	
		//Vi bÃ¶rjar med den trÃ¥kiga menyn
		var dropdownItemsSimple = document.querySelectorAll('f-menu-dropdown-item-simple');
		for (var i = 0; i < dropdownItemsSimple.length; i++) {
			var simpleitemName = dropdownItemsSimple[i].dataset.name;
			var simpleitemUrl = dropdownItemsSimple[i].dataset.url;
			
			// Kolla hur urlen ser ut och leverera in
			if (simpleitemUrl.includes('https')) {
				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="' + simpleitemUrl + '" aria-label="Till ' + simpleitemName + '"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>');
			} else if (simpleitemUrl.includes('none')) {
				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title>');
			} else {
				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="/' + simpleitemUrl + '/"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>');
			}
			
		};

		
		// Leta upp menyelement
		const dropdownItems = document.querySelectorAll('f-menu-dropdown-item');
		
		// GÃ¥ igenom menyelementen
		for (var i = 0; i < dropdownItems.length; i++) {
			const 	itemName = dropdownItems[i].dataset.name,
					itemUrl = dropdownItems[i].dataset.url;
			
			// Sedan matar vi in titeln pÃ¥ menyelementet
			dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title onclick="window.location.href = \'/' + itemUrl + '\';">' + itemName + '</f-menu-dropdown-item-title>');

			// FÃ¶rst in med tumnagellÃ¤nk
			dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-thumb onclick="window.location.href = \'/' + itemUrl + '/thumbnails/\';">' + thumbSvg + '</f-menu-dropdown-item-thumb>');

		//Detta ritar ut krysset i menyn. Denna Ã¤ndras till x och noshowX frÃ¥n artikelgÃ¶mmarfunktionen
		dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-marked>' + newchecked + '</f-menu-dropdown-item-marked>');
		dropdownItems[i].setAttribute('data-checked', 'v');
		
		
	};
	
	var categories = JSON.parse(localStorage.getItem("kategorier"));
	changeVX(categories);
		
	} )();


	// Save a list of categories to local storage
	function saveCategoriesToLocalStorage(categories) {
		localStorage.setItem("kategorier", JSON.stringify(categories));
	}
	
	
	// Change the V to the X
	function changeVX(categories) {
		const checkmarks = document.querySelectorAll("f-menu-dropdown-item-marked");
		
		// HÃ¤mta gÃ¶md kategorier frÃ¥n det nya systemet (f-hidden-categories)
		var hiddenCategories = new Set();
		try {
			var raw = window.localStorage ? localStorage.getItem('f-hidden-categories') : null;
			if (raw) {
				var parsed = JSON.parse(raw);
				if (Array.isArray(parsed)) {
					parsed.forEach(function(cat) {
						hiddenCategories.add(String(cat || '').toLowerCase());
					});
				}
			}
		} catch (e) {
			// Ignorera fel
		}
		
		// Iterate over the elements and hide the ones with a "data-category" value in the given list of categories
		checkmarks.forEach(function(checkmark) {
			var parentElement = checkmark.parentElement;
			var parentAttribute = parentElement ? parentElement.getAttribute('data-url') : null;
			var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null;

			var isHidden = false;

			// Kolla om kategorierna i data-catt Ã¤r gÃ¶md
			if (parentCatt) {
				var cattArray = parentCatt.split(',').map(function(s) { return s.trim().toLowerCase(); }).filter(Boolean);
				if (cattArray.length > 0) {
					// Om alla kategorier i data-catt Ã¤r gÃ¶md, visa newunchecked
					isHidden = cattArray.every(function(cat) {
						return hiddenCategories.has(cat);
					});
				}
			}

			// Fallback till gamla systemet om det finns
			if (!isHidden && categories != null && categories.includes(parentAttribute)) {
				isHidden = true;
			}

			if (isHidden) {
				checkmark.innerHTML = newunchecked;
				if (parentElement) parentElement.setAttribute('data-checked', 'x');
			} else {
				checkmark.innerHTML = newchecked;
				if (parentElement) parentElement.setAttribute('data-checked', 'v');
			}
		});
	}
	
	// Exponera changeVX globalt sÃ¥ att den kan anropas frÃ¥n f-start-dev.jsp
	window.changeVX = changeVX;
	
	// Kategorifilter: lÃ¥ter anvÃ¤ndaren dÃ¶lja artiklar baserat pÃ¥ data-caturl.
	// Valen sparas i localStorage och gÃ¤ller bÃ¥de initial laddning och inline-flÃ¶det.
	// Detta mÃ¥ste finnas pÃ¥ alla sidor sÃ¥ att menyn fungerar korrekt.
	(function initCategoryFilter() {
		// Om kategorifiltreringen redan initierats (t.ex. pÃ¥ startsidan), hoppa Ã¶ver
		if (typeof window.toggleCategoryFilter === 'function' && typeof window.applyCategoryFilters === 'function') {
			return;
		}
		
		var STORAGE_KEY = 'f-hidden-categories';
		var OLD_STORAGE_KEY = 'feberHiddenCategoriesV1';
		var hiddenSet = null;

		// Migrera data frÃ¥n gammal nyckel till ny
		function migrateFromOldStorage() {
			try {
				if (!window.localStorage) {
					return;
				}
				// Kolla om nya nyckeln redan finns
				if (localStorage.getItem(STORAGE_KEY)) {
					return; // Redan migrerat
				}
				// Kolla om gamla nyckeln finns
				var oldData = localStorage.getItem(OLD_STORAGE_KEY);
				if (oldData) {
					// Kopiera till ny nyckel
					localStorage.setItem(STORAGE_KEY, oldData);
					// Ta bort gamla nyckeln (valfritt - kan kommenteras bort om man vill behÃ¥lla backup)
					// localStorage.removeItem(OLD_STORAGE_KEY);
				}
			} catch (e) {
				// Ignorera fel vid migrering
			}
		}

		function loadHidden() {
			if (hiddenSet !== null) {
				return hiddenSet;
			}
			// Migrera frÃ¥n gammal nyckel vid fÃ¶rsta laddningen
			migrateFromOldStorage();
			
			try {
				var raw = window.localStorage ? localStorage.getItem(STORAGE_KEY) : null;
				if (!raw) {
					hiddenSet = new Set();
					return hiddenSet;
				}
				var parsed = JSON.parse(raw);
				if (!Array.isArray(parsed)) {
					hiddenSet = new Set();
					return hiddenSet;
				}
				hiddenSet = new Set(parsed.map(function (v) {
					return String(v || '').toLowerCase();
				}));
			} catch (e) {
				hiddenSet = new Set();
			}
			return hiddenSet;
		}

		function saveHidden() {
			try {
				if (!window.localStorage) {
					return;
				}
				var arr = Array.from(loadHidden());
				localStorage.setItem(STORAGE_KEY, JSON.stringify(arr));
			} catch (e) {
				// Ignorera storage-fel (t.ex. privat lÃ¤ge)
			}
		}

		function shouldHideCat(catUrl) {
			if (!catUrl) {
				return false;
			}
			var lower = String(catUrl).toLowerCase();
			var hidden = loadHidden();
			if (!hidden || !hidden.size) {
				return false;
			}
			var match = false;
			hidden.forEach(function (key) {
				if (match) {
					return;
				}
				if (!key) {
					return;
				}
				if (lower === key || lower.indexOf(key + '/') === 0) {
					match = true;
				}
			});
			return match;
		}

		function applyCategoryFilters() {
			var hiddenIds = new Set();
			var articles = document.querySelectorAll('f-article[data-id][data-caturl]');
			articles.forEach(function (article) {
				var catUrl = article.getAttribute('data-caturl');
				var artId = article.getAttribute('data-id');
				if (shouldHideCat(catUrl)) {
					article.style.display = 'none';
					if (artId) {
						hiddenIds.add(artId);
					}
				} else {
					article.style.display = '';
				}
			});

			if (hiddenIds.size) {
				var selectorParts = [];
				hiddenIds.forEach(function (id) {
					selectorParts.push('f-panorama[data-id="' + id + '"]');
				});
				if (selectorParts.length) {
					var panoramas = document.querySelectorAll(selectorParts.join(','));
					panoramas.forEach(function (pan) {
						pan.style.display = 'none';
					});
				}
			}
		}

		function parseToggleKeys(raw) {
			if (!raw) {
				return [];
			}
			return String(raw)
				.split(/[,\|]/)
				.map(function (s) { return s.trim().toLowerCase(); })
				.filter(function (s) { return !!s; });
		}

		function toggleCategoryGroup(keys) {
			if (!keys || !keys.length) {
				return;
			}
			var hidden = loadHidden();
			var allHidden = keys.every(function (k) { return hidden.has(k); });

			if (allHidden) {
				keys.forEach(function (k) { hidden.delete(k); });
			} else {
				keys.forEach(function (k) { hidden.add(k); });
			}

			saveHidden();
			// NollstÃ¤ll cache sÃ¥ att loadHidden() lÃ¤ser frÃ¥n localStorage nÃ¤sta gÃ¥ng
			hiddenSet = null;
			applyCategoryFilters();
			initToggleButtons();
			
			// Uppdatera menyvisningen direkt
			if (typeof window.changeVX === 'function') {
				window.changeVX(null);
			}
		}

		function initToggleButtons() {
			var hidden = loadHidden();
			var buttons = document.querySelectorAll('[data-category-toggle]');
			buttons.forEach(function (btn) {
				var keys = parseToggleKeys(btn.getAttribute('data-category-toggle'));
				if (!keys.length) {
					return;
				}
				var isOff = keys.every(function (k) { return hidden.has(k); });
				btn.classList.toggle('is-off', isOff);
			});
		}

		document.addEventListener('click', function (event) {
			var target = event.target;
			if (!target) {
				return;
			}
			var btn = target.closest ? target.closest('[data-category-toggle]') : null;
			if (!btn) {
				return;
			}
			var keys = parseToggleKeys(btn.getAttribute('data-category-toggle'));
			if (!keys.length) {
				return;
			}
			event.preventDefault();
			toggleCategoryGroup(keys);
		});

		window.applyCategoryFilters = applyCategoryFilters;
		window.toggleCategoryFilter = function (keyOrKeys) {
			if (Array.isArray(keyOrKeys)) {
				toggleCategoryGroup(keyOrKeys.map(function (k) { return String(k).toLowerCase(); }));
			} else {
				var keys = parseToggleKeys(keyOrKeys);
				toggleCategoryGroup(keys);
			}
		};
		window.getHiddenCategoryFilters = function () {
			return Array.from(loadHidden());
		};
		window.updateCategoryToggleState = function () {
			initToggleButtons();
		};

		// Initiera endast om det finns artiklar pÃ¥ sidan (t.ex. startsidan)
		// PÃ¥ undersidor behÃ¶ver vi bara funktionerna, inte att filtrera artiklar
		if (document.querySelectorAll('f-article[data-id][data-caturl]').length > 0) {
			initToggleButtons();
			applyCategoryFilters();
		}
	})();
	
	// Wrappa toggleCategoryFilter fÃ¶r att uppdatera menyvisningen nÃ¤r kategorier Ã¤ndras
	// Detta gÃ¶r att menyvisningen fungerar pÃ¥ alla sidor, inte bara startsidan
	(function() {
		var originalToggleCategoryFilter = null;
		var isWrapped = false;
		
		function wrapToggleCategoryFilter() {
			// Om toggleCategoryFilter redan finns och inte redan Ã¤r wrappad, wrappa den
			if (typeof window.toggleCategoryFilter === 'function' && !isWrapped) {
				originalToggleCategoryFilter = window.toggleCategoryFilter;
				window.toggleCategoryFilter = function(keyOrKeys) {
					var result = originalToggleCategoryFilter.apply(this, arguments);
					// Uppdatera menyvisningen efter att kategorierna Ã¤ndrats
					// AnvÃ¤nd setTimeout fÃ¶r att sÃ¤kerstÃ¤lla att localStorage har uppdaterats
					setTimeout(function() {
						if (typeof changeVX === 'function') {
							changeVX(null);
						}
					}, 0);
					return result;
				};
				isWrapped = true;
			}
		}
		
		// FÃ¶rsÃ¶k wrappa direkt om funktionen redan finns
		wrapToggleCategoryFilter();
		
		// Om funktionen inte finns Ã¤nnu, vÃ¤nta tills den laddas
		var checkInterval = setInterval(function() {
			wrapToggleCategoryFilter();
			if (isWrapped) {
				clearInterval(checkInterval);
			}
		}, 100);
		
		// Stoppa intervallet efter 10 sekunder
		setTimeout(function() {
			clearInterval(checkInterval);
		}, 10000);
		
		// Uppdatera menyvisningen nÃ¤r sidan laddas om kategorifiltreringen finns
		function updateMenuOnLoad() {
			setTimeout(function() {
				if (typeof window.toggleCategoryFilter === 'function') {
					changeVX(null);
				}
			}, 500);
		}
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', updateMenuOnLoad);
		} else {
			updateMenuOnLoad();
		}
	})();
	
	// Add or remove a category from the list of categories saved in local storage
	function toggleCategoryInLocalStorage(category) {
		// Retrieve the categories from local storage
		var categories = JSON.parse(localStorage.getItem("kategorier")) || [];
		
		if (categories.includes(category)) {
			// If the category is already in the list, remove it
			categories = categories.filter(function(c) { return c !== category });
			
		} else {
			// Otherwise, add it to the list
			categories.push(category);
		}
		
		// Save the updated list of categories to local storage
		saveCategoriesToLocalStorage(categories);
		//hideArtsByCategory(categories);
		changeVX(categories);
		
		
	}
	
	document.querySelectorAll('f-page[data-category]').forEach(function(el) {
		el.addEventListener('click', function() {
			var category = this.getAttribute('data-category');
			toggleCategoryInLocalStorage(category);
		});
	});



	// Klickhanterare fÃ¶r f-menu-dropdown-item-marked (delegerad)
	document.addEventListener('click', function(e) {
		var target = e.target.closest ? e.target.closest('f-menu-dropdown-item-marked') : null;
		if (!target) return;

		e.preventDefault();
		e.stopPropagation();

		// HÃ¤mta fÃ¶rÃ¤lder och data-catt frÃ¥n denna
		var parentElement = target.parentElement;
		var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null;

		if (!parentCatt) {
			return;
		}

		// Parsa data-catt (komma-separerad lista)
		var categories = parentCatt.split(',').map(function(s) {
			return s.trim().toLowerCase();
		}).filter(Boolean);

		if (categories.length === 0) {
			return;
		}

		// AnvÃ¤nd kategorifiltreringen frÃ¥n f-start-dev.jsp om den finns
		if (typeof window.toggleCategoryFilter === 'function') {
			window.toggleCategoryFilter(categories);
			// changeVX anropas automatiskt av wrappern
		} else {
			// Fallback till gamla systemet
			var parentAttribute = parentElement.getAttribute('data-url');
			if (parentAttribute) {
				toggleCategoryInLocalStorage(parentAttribute);
				// changeVX anropas av toggleCategoryInLocalStorage
			}
		}
	});

	
	
</script>






















			

		
		
		
		
		
	
	
	
	
			
		
		
					

				

				

				<!-- currentURI / -->
				
				

				
						
					
					
				
				

							
						<f-internallinks-new data-count="20" data-darkmode="on" data-special="topscroll2025" id="topscroll2025-container" data-state="loading">
							<f-internallink data-temp="loading" data-tempstatus="normal" data-basicsite="feber" data-plus="false" data-role="loading">
											<f-internallink-header>
									<f-internallink-headline></f-internallink-headline>
									<f-internallink-preamble></f-internallink-preamble>
											</f-internallink-header>
							</f-internallink>
						</f-internallinks-new>
						<template id="readpeaktop-template">
							<a href="" class="readpeaktop-0-link" id="readpeaktop-0" target="_blank" rel="nofollow">
								<f-internallink data-id="readpeaktop" data-temp="400" data-tempstatus="hot" data-basicsite="feber" data-plus="false" id="readpeaktop" data-thumbscalc="0" data-thumbscount="0">
									<f-internallink-header>
										<f-internallink-headline id="readpeaktop-0-title"></f-internallink-headline>
										<f-internallink-preamble id="readpeaktop-0-text"></f-internallink-preamble>
									</f-internallink-header>
											<f-internallink-media>
										<img src="/images/black_20procent.png" alt="Tumnagel" id="readpeaktop-0-pic" />
												<f-internallink-tagline>
											<f-internallink-temp data-tempstatus="hot" data-temp="400" data-thumbscount="0" data-thumbscalc="0" data-tempid="readpeaktop">Annons</f-internallink-temp>
												</f-internallink-tagline>
											</f-internallink-media>
									</f-internallink>
								</a>
						</template>

								<style>
							#topscroll2025-container .pulsating {
								animation: topscroll-pulse 1.5s infinite;
							}
							@keyframes topscroll-pulse {
								0%, 100% { opacity: 1; }
								50% { opacity: 0.5; }
									}
								</style>
						<script>
							(function () {
								const container = document.getElementById('topscroll2025-container');
								if (!container) { return; }
								const readPeakTemplate = document.getElementById('readpeaktop-template');
								const loader = container.querySelector('[data-role="loading"]');
								container.dataset.state = 'loading';
								const debugHoldLoader = window.location.search.indexOf('debugTopscrollLoader=1') !== -1;
								const startParam = parseInt('1', 10) || 0;
								const endpoint = '/api/f-topteasers.jsp?start=' + startParam;

								if (debugHoldLoader) {
									console.info('Topscroll: debugTopscrollLoader aktiverat - hoppar Ã¶ver fetch och behÃ¥ller laddningsvy.');
									return;
								}

								fetch(endpoint, { headers: { 'Accept': 'application/json' } })
								.then(response => {
									if (!response.ok) {
										throw new Error('HTTP ' + response.status);
									}
									return response.json();
								})
								.then(data => renderTopscroll(data))
								.catch(error => {
									console.warn('Topscroll: kunde inte hÃ¤mta data', error);
									container.dataset.state = 'error';
									container.style.display = 'none';
								});

								function renderTopscroll(data) {
									container.dataset.state = 'ready';
									if (loader && loader.parentNode === container) {
										loader.remove();
									}
									container.innerHTML = '';

									if (Array.isArray(data.toppEttan)) {
										data.toppEttan.forEach(item => {
											container.appendChild(buildArticleCard(item, { placement: 'Topscroll' }));
										});
									}

									let readPeakInserted = false;
									const articles = Array.isArray(data.articles) ? data.articles : [];

									articles.forEach((article, index) => {
										if (!readPeakInserted && index === 1) {
											const readPeakNode = buildReadPeakBlock(data.nativetopp);
											if (readPeakNode) {
												container.appendChild(readPeakNode);
												readPeakInserted = true;
												initReadPeak();
											}
										}
										container.appendChild(buildArticleCard(article, { placement: 'Topscroll', index: index + 1 }));
									});

									if (!readPeakInserted) {
										const readPeakNode = buildReadPeakBlock(data.nativetopp);
										if (readPeakNode) {
											container.appendChild(readPeakNode);
											initReadPeak();
										}
									}

									if (window.DISQUSWIDGETS && typeof window.DISQUSWIDGETS.getCount === 'function') {
										try {
											window.DISQUSWIDGETS.getCount({ reset: true });
										} catch (err) {
											console.warn('Topscroll: kunde inte uppdatera Disqus-rÃ¤knare', err);
										}
									}
								}

								function buildArticleCard(article, options = {}) {
									const {
										target,
										rel,
										clickStat,
										preambleOverride,
										native = false,
										index
									} = options;

									const anchor = document.createElement('a');
									anchor.href = article.url || '#';
									if (target) { anchor.target = target; }
									if (rel) { anchor.rel = rel; }
									anchor.addEventListener('click', () => {
										if (typeof window.plausible === 'function' && article.url) {
											try {
												window.plausible('InternalLinks', { props: { To: article.url } });
											} catch (err) {
												console.warn('Topscroll: kunde inte skicka plausible-event', err);
											}
										}
										if (Array.isArray(clickStat) && typeof window.statCount === 'function') {
											try {
												window.statCount(clickStat[0], clickStat[1]);
											} catch (err) {
												console.warn('Topscroll: kunde inte skicka statCount-event', err);
											}
										}
									});

									const card = document.createElement('f-internallink');
									const site = (article.site || 'feber').toLowerCase();
									const thumbsCalc = article.thumbsCalc != null ? Number(article.thumbsCalc) : (Number(article.thumbsUp) || 0) - (Number(article.thumbsDown) || 0);
									const thumbsCount = article.thumbsCount != null ? Number(article.thumbsCount) : (Number(article.thumbsUp) || 0) + (Number(article.thumbsDown) || 0);
									const tempValue = article.tempNum != null ? Number(article.tempNum) : (site === 'tjock' ? 80 + thumbsCalc : 370 + thumbsCalc);
									const tempStatus = article.tempStatus || deriveTempStatus(site, thumbsCalc, thumbsCount);

									card.dataset.id = article.id || '';
									card.dataset.basicsite = site;
									card.dataset.tempstatus = tempStatus;
									card.dataset.temp = tempValue;
									card.dataset.thumbscalc = thumbsCalc;
									card.dataset.thumbscount = thumbsCount;
									card.dataset.plus = isPlus(article.publicationTimestamp) ? 'true' : 'false';
									if ((article.category || '').toLowerCase() === 'feature') {
										card.dataset.feature = 'true';
									}

									const header = document.createElement('f-internallink-header');
									const headline = document.createElement('f-internallink-headline');
									headline.textContent = article.headline || '';
									const preamble = document.createElement('f-internallink-preamble');
									preamble.textContent = preambleOverride || article.preamble || '';
									header.appendChild(headline);
									header.appendChild(preamble);
									card.appendChild(header);

									const media = document.createElement('f-internallink-media');
									const image = document.createElement('img');
									const imageUrl = article.image || '/images/black_50procent.png';
									image.src = imageUrl;
									image.alt = 'Tumnagel';
									image.loading = 'lazy';
									media.appendChild(image);

									const tagline = document.createElement('f-internallink-tagline');
									if (native) {
										const tempEl = document.createElement('f-internallink-temp');
										tempEl.dataset.tempstatus = 'hot';
										tempEl.dataset.temp = '400';
										tempEl.textContent = 'Annons';
										tagline.appendChild(tempEl);
									} else {
										tagline.appendChild(buildTempTag({ ...article, tempStatus, tempNum: tempValue, thumbsCalc, thumbsCount }));

										if (shouldShowComments(article)) {
											tagline.appendChild(buildCommentBubble(article));
										}
									}

									media.appendChild(tagline);
									card.appendChild(media);

									anchor.appendChild(card);

									return anchor;
								}

								function buildTempTag(article) {
									const tempEl = document.createElement('f-internallink-temp');
									const site = (article.site || 'feber').toLowerCase();
									const thumbsCalc = article.thumbsCalc != null ? Number(article.thumbsCalc) : (Number(article.thumbsUp) || 0) - (Number(article.thumbsDown) || 0);
									const thumbsCount = article.thumbsCount != null ? Number(article.thumbsCount) : (Number(article.thumbsUp) || 0) + (Number(article.thumbsDown) || 0);
									const tempNum = article.tempNum != null ? Number(article.tempNum) : (site === 'tjock' ? 80 + thumbsCalc : 370 + thumbsCalc);

									tempEl.dataset.tempstatus = article.tempStatus || deriveTempStatus(site, thumbsCalc, thumbsCount);
									tempEl.dataset.temp = tempNum;
									tempEl.dataset.thumbscount = thumbsCount;
									tempEl.dataset.thumbscalc = thumbsCalc;
									tempEl.dataset.tempid = article.id || '';

									if ((article.category || '').toLowerCase() === 'annons!') {
										tempEl.textContent = 'Annons';
									} else if ((article.thumbsUp || 0) > 2500 || (article.thumbsDown || 0) > 2500) {
										tempEl.textContent = '~';
									} else if (site === 'tjock') {
										tempEl.textContent = String(tempNum) + 'kg';
												} else {
										const degrees = Math.round(tempNum / 10);
										tempEl.textContent = String(degrees) + '\u00B0';
									}

									return tempEl;
								}

								function deriveTempStatus(site, thumbsCalc, thumbsCount) {
									if (site === 'tjock') {
										if (thumbsCalc > 19) { return 'hot'; }
										if (thumbsCalc < -19) { return 'cold'; }
										return 'normal';
									}
									if (thumbsCalc > 39) { return 'hot'; }
									if (thumbsCalc < -29) { return 'cold'; }
									if (thumbsCount > 100 && thumbsCalc > 0) { return 'hot'; }
									if (thumbsCount > 100 && thumbsCalc < 0) { return 'cold'; }
									return 'normal';
								}

								function shouldShowComments(article) {
									const forumType = Number(article.forumType != null ? article.forumType : article.forum && article.forum.type);
									return forumType === 0 || forumType === 2;
								}

								function buildCommentBubble(article) {
									const bubble = document.createElement('f-bubble');
									const host = article.host || 'feber.se';
									bubble.id = 'commentCounter' + (article.id || '');
									bubble.className = 'disqus-comment-count';
									bubble.dataset.disqusUrl = 'https://' + host + '/' + (article.id || '') + '/';
									bubble.dataset.sheeturl = '/disqus/' + (article.id || '') + '/?inline=true&showheader=true';
									bubble.textContent = '0';
									return bubble;
								}

								function isPlus(timestamp) {
									if (!timestamp || timestamp === 0) { return false; }
									const thirtyMinutes = 30 * 60 * 1000;
									return (Date.now() - timestamp) < thirtyMinutes;
								}

								function buildReadPeakBlock(nativeList) {
									if (!readPeakTemplate) { return null; }
									const node = readPeakTemplate.content.firstElementChild.cloneNode(true);
									const nativeItem = Array.isArray(nativeList) && nativeList.length ? nativeList[0] : null;

									if (nativeItem) {
										const preamble = node.querySelector('#readpeaktop-0-text');
										if (preamble) {
											preamble.textContent = 'Annons fr\u00E5n ' + (nativeItem.source || '');
										}

										if (typeof window.statCount === 'function' && nativeItem.id) {
											try {
												window.statCount('baibaiTopShowed', nativeItem.id);
											} catch (err) {
												console.warn('Topscroll: kunde inte rapportera native show', err);
											}
										}
									}

									return node;
								}

								let readPeakInitialized = false;
								function initReadPeak() {
									if (readPeakInitialized) { return; }
									readPeakInitialized = true;

									const run = () => {
										const slot = document.getElementById('readpeaktop');
										if (!slot) {
											readPeakInitialized = false;
											return;
										}

										try {
											if (typeof window.checkPlus === 'function') {
												window.checkPlus().then(isPlus => {
													if (isPlus || (typeof window.checkPren === 'function' && window.checkPren())) {
														slot.style.display = 'none';
													} else if (typeof window.runReadPeak === 'function') {
														window.runReadPeak('readpeaktop', 1, 'smallTop');
													}
												}).catch(err => console.warn('Topscroll: kunde inte kÃ¶ra checkPlus', err));
											} else if (typeof window.runReadPeak === 'function') {
												window.runReadPeak('readpeaktop', 1, 'smallTop');
											}
										} catch (err) {
											console.warn('Topscroll: fel vid initiering av ReadPeak', err);
										}
									};

									if (document.readyState === 'loading') {
										document.addEventListener('DOMContentLoaded', () => window.requestAnimationFrame(run));
											} else {
										window.requestAnimationFrame(run);
												}
											}
							})();
									</script>

						<style>
							f-internallinks-new[data-special='topscroll2025'] {
								height: auto; 
								max-width: 1980px; 
								margin: 20px auto; 
							}

							f-internallinks-new[data-special='topscroll2025'] f-internallink {
								background-color: rgba(255,255,255,0.05); 
								display: grid;
								grid-template-columns: auto;
								grid-template-rows: minmax(100px, auto) 1fr;
								gap: 0px;
								width: calc(100% - var(--f-article-padding));
								min-width: 200px;
								scroll-snap-align: start;
								padding-left: 0;
								grid-template-areas: "internallinkmedia" "internallinkheader";
								min-height: 200px;
								border-left: var(--f-article-padding) solid #222;
							}

							f-internallinks-new[data-special='topscroll2025'] f-internallink-media, f-internallinks-new[data-special='topscroll2025'] f-internallink-media img {
								aspect-ratio: 20 / 10;
							}
						</style>

					
				


					


					<style>
						f-internallinks-new[data-special='topscroll'] {
							box-shadow: 0px 10px 20px rgba(0,0,0,0.2); padding: var(--f-article-padding) var(--f-article-padding) var(--f-article-padding) 0; height: auto; max-width: 1980px; margin: 0 auto; width: calc(100% - var(--f-article-padding));
							position: inherit; background-color: #222;
						}
						
						f-internallinks-new[data-special='topscroll'] f-internallink {
							padding-left: 0; border-left: var(--f-article-padding) solid #222; background-color: rgba(255,255,255,0.05);
						}
						
						f-internallinks-new[data-special='topscroll'] f-internallink-headerÂ {
							color: var(--f-article-text-color-shade);
						}
						
						@media (pointer: coarse) {
							f-internallinks-new[data-special='topscroll']::-webkit-scrollbar {
								height: 0; width: 0; 
							}
						}
						
						
					</style>
					
				
				
		
				

				
				
										
				 
								
								
								
		

			
			

			
			<!-- DEALS PARAM:  -->

			
			
			<!-- start cacheKey = dagensdeals-collect-#listName@sponsored#siteId@12# , date: Fri Jun 05 22:05:34 CEST 2026 --><!-- end cacheKey = dagensdeals-collect-#listName@sponsored#siteId@12# -->
			

			

			


			
			<!-- start cacheKey = veckansprylar-#listName@veckansprylar#siteId@12# , date: Fri Jun 05 22:05:34 CEST 2026 --><!-- end cacheKey = veckansprylar-#listName@veckansprylar#siteId@12# -->



			<script>
				function countVeckans(elementId) {
					var key = 'vp_shown_' + elementId;
					var today = new Date().toISOString().slice(0, 10);
					var raw = localStorage.getItem(key);
					var data = null;
					try { data = JSON.parse(raw); } catch(e) {}
					if (!data || data.d !== today) {
						data = { d: today, c: 0 };
					}
					data.c += 1;
					localStorage.setItem(key, JSON.stringify(data));

					if (data.c > 2) {
						document.getElementById('veckans' + elementId).style.display = 'none';
						// Veckans gÃ¶md â Ã¥terstÃ¤ll readpeak frÃ¥n backup
						if (window._rpBackup && window._rpBackup.el) {
							var b = window._rpBackup;
							if (b.next) {
								b.parent.insertBefore(b.el, b.next);
							} else {
								b.parent.appendChild(b.el);
							}
							window._rpBackup = null;
							if (typeof initReadpeakPuffs === 'function') {
								initReadpeakPuffs({
									adId: b.el.id,
									articleId: b.el.getAttribute('data-sid'),
									tags: 'prearticle',
									blockSelector: '[data-ctype="pre-article"]',
									mobileBreakpoint: 600,
									position: b.el.getAttribute('data-position') || 'before-list'
								});
							}
						}
					} else {
						window._pingQueue('veckansprylShowed', elementId);
					}
				}
			</script>
		



		

		
		
		
		
		






		
	
<div id="readPeakPreArticle-start" data-ctype="pre-article" data-sid="start" data-position="before-list" style="display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:var(--f-margins-margins);width:100%;max-width:980px;"></div>

		
		
				<script>
					initReadpeakPuffs({
						adId: 'readPeakPreArticle-start',
						articleId: 'start',
						tags: 'prearticle',
						blockSelector: '[data-ctype="pre-article"]',
						mobileBreakpoint: 600,
						position: 'before-list'
					});
				</script>
			
		

		
		<script>
			(function() {
				var wideCounter = 0;

				function spawnWide(targetEl, placement) {
					var id = 'rpWide-' + wideCounter++;
					var container = document.createElement('div');
					container.id = id;

					targetEl.innerHTML = '';
					targetEl.appendChild(container);
					targetEl.style.display = 'block';
					targetEl.style.width = '100%';
					targetEl.style.margin = 'auto';
					targetEl.style.textAlign = 'left';
					targetEl.style.minHeight = '120px';

					initReadpeakWide({
						adId: id,
						articleId: placement || 'fallback',
						tags: 'wide',
						position: 'maxetise-fallback',
						immediate: true
					});
				}

				

				// Spawna ReadPeak Wide fÃ¶r tomma Maxetise-placements
				window.addEventListener('placementLoaded', function(e) {
					if (!e.detail.isEmpty) return;
					var placement = e.detail.placement;
					var isDesktop = window.innerWidth > 800;
					if (isDesktop && !/^desktop[1-5]$/.test(placement)) return;
					if (!isDesktop && !/^mobile[1-5]$/.test(placement)) return;
					var el = document.getElementById(e.detail.id);
					if (el) {
						spawnWide(el, placement);
					}
				}, false);
			})();
		</script>

		

		<style>
			@media only screen and (min-width: 1340px) and (max-width: 1640px) {
				:root [data-premium='false'] {
					--f-margin-right: 320px;
					--f-margins: 0px 320px 0px auto;
					--f-margins: 0px 320px 0px auto;
					--f-margins-margins: 20px 320px 20px auto;
				}
			}
		</style>
		

		
		<!-- start cacheKey = new-list---dev#sites@4#count@5#start@0#tag@#categories@#statuses@1,5# , date: Fri Jun 05 22:05:34 CEST 2026 -->












		
	









<f-bar-container data-id="492671">
	<f-bar>
		<f-bar-left>
			
			
					
							fredag
						
				
				
			
				
		</f-bar-left>
		
	</f-bar>	
</f-bar-container>


	<script>
		modifyBar('492671');
	</script>

					<f-newpage class="page-anchor" data-page-anchor="1" data-page="1"></f-newpage>
				




 













 

<!-- START ART Idag drar Summer Game Fest igång 1 -->



	



							

								















									














																





		
	


																
		
	



		
	












		
	





	















	
		<f-article 
			data-id="492671" 
			data-artsite="feber" 
			data-caturl="spel" 
			data-placement="middle" 
			data-primarymedia="image"
			data-temp="normal" 
			data-status="article" 
			
			
			
			
			id="article492671"
			class="scrollitem article492671"
			>	


			

			<f-article-wrapper>


				
				

				
	
				<f-article-header>
					<a href="https://feber.se/spel/idag-drar-summer-game-fest-igang/492671/">
						<f-article-headline>
							 <b>Idag drar Summer Game Fest igång</b>
						</f-article-headline>
						<f-article-preamble>
							Kolla in invigningen här
						</f-article-preamble>
					</a>
				</f-article-header>


	
			<!-- Mediaplacement middle Status article -->
			
					
						<f-article-media>

							
									
											





















		

			
					
					
				

			<f-article-image data-position="primary" style='padding-bottom: 66.85%;'>

				
				
						
						
						
					
				
				
						
					

				
				<img class="" loading="lazy"
     				src="https://static.feber.se/article_images/65/61/97/656197_1280.jpg"
     				alt="Idag drar Summer Game Fest igång">


				
				

















		<f-article-image-cred>
			
					Foto: Summer Game Fest
				
		</f-article-image-cred>
	



				
					<f-fullscreen-enter onclick="fullscreenImage('https://static.feber.se/article_images/65/61/97/656197.jpg',2000,1337);">
						<svg enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
				
				
			</f-article-image>

		
		
		
	


	

										
								

						</f-article-media>
					
				





	
				<f-article-content id="art_content_492671" class="art_content">

					











				
					
		
					
									
		

					
							











	
	





		
	





 
 

 
 






		<!-- Gammal body -->
			
			
		
		

	



	<f-article-body data-part="1">
		<f-para>
			Idag startar den digitala spelmässan Summer Game Fest. Där kommer det under de kommande dagarna presenteras en lång rad spelnyheter.</f-para><f-para>Mässan har lockat till sig spelutvecklare och utgivare från hela världen som kommer att visa upp nya trailers, presentera kommande spel och annat spelrelaterat. Vad som kommer att presenteras finns det än så länge bara rykten om, men vem vet kanske dyker det upp lite nya grejer från årets stora spelsläpps <em>Grand Theft Auto VI</em>.</f-para><f-para>Annat som det spekuleras om är <em>Gears of War: E-Day, Mortal Shell II, Clockwork Revolution, Halo: Campaign Evolved, Minecraft Dungeons II, Fallout 3, Blade, Wolfenstein</em> och <em>Call of Duty: Modern Warfare 4</em>.</f-para><f-para>Invigningen av Summer Game Fest förväntas pågå i cirka två timmar. Ni kan kolla in den live från 22:15 i kväll här nedanför. Det kommer även gå att följa sändningen via <a href="https://www.twitch.tv/thegameawards" target="_blank">Twitch</a>. 
		</f-para>
	</f-article-body>

























		
		
	


	



		 
	








<f-article-body-linksetc>
		
				<f-article-body-link>
					<a href="https://www.summergamefest.com/" target="_blank" rel="noopener">
						
								summergamefest.com
							
					</a>
				</f-article-body-link>
			
		
		
			<f-viathanks>
			
				
				
				
				<f-viathanks-cat>
					
							
								
								Spel, 
							
						
					
					
					Bransch, 
				</f-viathanks-cat>
	
				<f-viathanks-tags>
					
						

		
	

	
	
	

	
		
				Summer Game Fest, 
			
	

	
	
	

	
		
				GTA VI, 
			
	

	
	
	

	
		
				Gears of War, 
			
	

	
	
	

	
		
				Halo, 
			
	

	
	
	

	
		
				Minecraft, 
			
	

	
	
	

	
		
				Twitch, 
			
	

	
	
	

	
		
				Wolfenstein
			
	

					
				</f-viathanks-tags>
			
				
				
				
				
	
			</f-viathanks>
		
</f-article-body-linksetc>







						

	

					

	 
					

			
					
					

	
					
						












					


		
					
						
							<f-embed data-type="youtube" data-id="QdNmVWXuYec" data-starttime="0"></f-embed>
						
					

		
					

		
					

		
					
					
					
	 

										
					

	

					

					
					




	

					

	 
					
				
				
	 
					
									
	 
					




					
					


	
					
					
					
				
	

					
						
								
								
								
										
										
										<!-- READPEAK PUFFAR I ARTIKEL -->
										






		
	
<div id="readPeakInternal-492671" data-ctype="internal" data-sid="492671" data-position="in-article" style="display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:var(--f-article-padding);width:calc(100% - var(--f-article-padding) * 2);"></div>

										
										
										
										<script>
											// Initiera Readpeak-puffar fÃ¶r denna artikel
											// Funktionen initReadpeakPuffs Ã¤r definierad i Head5.tag
											initReadpeakPuffs({
												adId: 'readPeakInternal-492671',
												articleId: '492671',
												tags: 'feed0',
												blockSelector: '[data-ctype="internal"]',
												mobileBreakpoint: 600,
												position: 'in-article'
											});
										</script>
										
										
										
										
									
								
							
					
					

	
					
					
						<f-disqus-featured data-artid="492671" data-loaded="false" onclick="loadDisqus('f-article-disqus[data-id=492671]','/disqus/492671/?inline=true');"></f-disqus-featured>
					

				</f-article-content>
				
				
















		
	


		
	




<f-article-footer>
		
	
	
	
	
	
	
			
			
			
			
		
	
	<!-- Temptype degrees 14 8 37.8 -->

																		
	
	
	
		<f-article-temp data-tempstatus="normal" data-temp="37.8" data-thumbscount="14" data-thumbscalc="8" data-tempid="492671"
			id="ikon_thumbs_492671">
			
					37.8&deg;
				
		</f-article-temp>
		
	
	
	
	
	
	 
	
			
		


	
		<f-article-footer-plus onclick="submitDeg('492671','1','feber');" title="11 st, 14 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/>
				<path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/>
				<path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/>
			</svg>
		</f-article-footer-plus>
		
		<f-article-footer-minus onclick="submitDeg('492671','-1','feber');" title="3 st, 14 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/>
				<path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/>
			</svg>
		</f-article-footer-minus>
	
		
	
	
	
	
			
		
	
	
			
		
	
	
	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
		 
			<!-- Diska  1 -->
			
					<f-bubble id="#commentCounter492671" class="disqus-comment-count" data-disqus-url="https://feber.se/492671/"  
						onClick="loadDisqus('f-article-disqus[data-id=492671]','/disqus/492671/?inline=true');">0</f-bubble>
				
			
			

		
	
	
	
	
	
	
	
	
		
			
			
			
			
			
			
			
			
			<a href="/author/willewilhelmsson/">
			<img src="https://static.feber.se/article_images/10/17/41/101741_100x100.jpg" alt="Wille Wilhelmsson" class="writer_icon" loading="lazy" />
			</a>
		
	
	
	<f-article-footer-writerinfo>
		
			<b>
			
				
				
						
					

				
				
				
				
				
				
				

				

				
				
						<a href="/author/willewilhelmsson/" style="color:inherit;text-decoration:none;">Wille Wilhelmsson</a>
					
			
			</b>
			
		
		
		<br />
		
		<!-- Datum 2026-06-05 16:10:00.0 -->
		




















		idag kl 16:10
	
	</f-article-footer-writerinfo>
	
</f-article-footer>
<f-article-error data-id="492671"></f-article-error>

			
			</f-article-wrapper>

			

		</f-article>
	<!-- ESSE  -->
		
			<f-article-disqus-container style="margin-top: calc(0px - var(--f-article-padding));">
				<f-article-disqus data-id="492671" data-open="false" data-loaded="false"></f-article-disqus>
			</f-article-disqus-container>
		
		
	

		

		
		
		
		
		

	

					<div id="xf7kS0"></div>
					<script>
					(function() {
						var elId = 'xf7kS0';
						function waitKv() {
							if (typeof yinYang === 'undefined') { setTimeout(waitKv, 200); return; }
							if (yinYang !== 'Adblock') return;
							if (typeof renderKvarter === 'function') {
								var mob = window.innerWidth <= 600;
								renderKvarter(elId, mob ? 'kvarterstartm' : 'kvarterstart');
							}
						}
						waitKv();
					})();
					</script>
				
					<f-native data-index="1" data-count="5" data-artId="492671"></f-native>
				
					<f-panorama id="panorama-492671" class="maxpan492671" data-id="492671">
						<div class="maxetise" data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile1"}, { "mq":"screen", "placement": "desktop1"}]'></div>
					</f-panorama>
				




 













 

<!-- START ART Belkin släpper hållare till Nintendo Switch 2 1 -->





							

								















									














																





		
	


					
		
	



		
	












		
	





	















	
		<f-article 
			data-id="492647" 
			data-artsite="feber" 
			data-caturl="spel" 
			data-placement="above" 
			data-primarymedia="image"
			data-temp="normal" 
			data-status="article" 
			
			
			
			
			id="article492647"
			class="scrollitem article492647"
			>	


			
				
					<f-article-media-above>

						
								





















		

			
					
					
				

			<f-article-image data-position="primary" style='padding-bottom: 65.95%;'>

				
				
						
						
						
					
				
				
						
					

				
				<img class="" loading="lazy"
     				src="https://static.feber.se/article_images/65/61/28/656128_1920.jpg"
     				alt="Belkin släpper hållare till Nintendo Switch 2">


				
				

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	



				
					<f-fullscreen-enter onclick="fullscreenImage('https://static.feber.se/article_images/65/61/28/656128.jpg',2000,1319);">
						<svg enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
				
				
			</f-article-image>

		
		
		
	


	

							

					</f-article-media-above>
				
			

			<f-article-wrapper>


				
				

				
	
				<f-article-header>
					<a href="https://feber.se/spel/belkin-slapper-hallare-till-nintendo-switch-2/492647/">
						<f-article-headline>
							 <b>Belkin släpper hållare till Nintendo Switch 2</b>
						</f-article-headline>
						<f-article-preamble>
							Som går att få med en powerbank
						</f-article-preamble>
					</a>
				</f-article-header>


	
			<!-- Mediaplacement above Status article -->
			





	
				<f-article-content id="art_content_492647" class="art_content">

					











				
					
		
					
									
		

					
							











	
	





		
	





 
 

 
 






		<!-- Gammal body -->
			
			
		
		

	



	<f-article-body data-part="1">
		<f-para>
			Belkin har släppt en hållare till Nintendo Switch 2 vilket man säger ska göra konsolen mer greppvänlig och ergonomiskt när man spelar i handhållet läge. </f-para><f-para>Till hållaren finns även en powerbank med vilken det går att mer än fördubbla Switch 2:s batteritid. Powerbankens batteri är på p 10.000mAh och kan leverera 30W kraft via USB-C. Den har även en liten skärm där laddstatus och batterikapacitet visas. </f-para><f-para>Nintendo Switch 2 passar fortsatt i dockningsstationen med Belkins nya hållare så länge man tar bort powerbanken innan konsolen sätts ner i dockningsstationen. </f-para><f-para>Hållaren går att köpa för cirka 40 dollar utan powerbank och för cirka 100 dollar med. 
		</f-para>
	</f-article-body>

























		
		
	


	



		 
	








<f-article-body-linksetc>
		
				<f-article-body-link>
					<a href="https://www.belkin.com/p/charging-grip-for-nintendo-switch-2/ENA019fqBK.html" target="_blank" rel="noopener">
						
								belkin.com
							
					</a>
				</f-article-body-link>
			
		
		
			<f-viathanks>
			
				
				
				
				<f-viathanks-cat>
					
							
								
								Spel, 
							
						
					
					
					Nintendo, 
				</f-viathanks-cat>
	
				<f-viathanks-tags>
					
						

		
	

	
	
	

	
		
				Belkin, 
			
	

	
	
	

	
		
				Switch, 
			
	

	
	
	

	
		
				Ergonomi, 
			
	

	
	
	

	
		
				Powerbank, 
			
	

	
	
	

	
		
				USB-C, 
			
	

	
	
	

	
		
				Speltillbehör, 
			
	

	
	
	

	
		
				Charging Grip for Nintendo Switch 2
			
	

					
				</f-viathanks-tags>
			
				
				
					<f-viathanks-via>
						Via  
						
								<a href="https://www.theverge.com/tech/942617/belkin-gaming-charging-grip-nintendo-switch-2-joy-con-controller">theverge.com</a>
							
					</f-viathanks-via>
				
				
				
	
			</f-viathanks>
		
</f-article-body-linksetc>







						

	

					

	 
					

			
					
					

	
					
						









	

	




					


		
					

		
					

		
					

		
					
					
					
	 

					
						<f-article-slide-container>
							





















	
		
	
				
				
					
				
					
						
							 
						
					
				
					
						
							 
						
					
				
					
						
							 
						
					
				
					
						
							 
						
					
				
					
						
							 
						
					
				
				
				<f-flide-thumbs-container data-flideid="492647" data-scroll="no">
						
						
						<f-flide-thumbs data-flideid="492647" style="width: 375px;" data-flidewidth="375">
							
								
							
								
									
										<f-flide-thumb data-orig="https://static.feber.se/article_images/65/61/27/656127.jpg">
											<img src="https://static.feber.se/article_images/65/61/27/656127_100x100.jpg" loading="lazy" onclick="currentSlide(1,492647)" alt="Bild till bildspel" />
										</f-flide-thumb>
										
									
								
							
								
									
										<f-flide-thumb data-orig="https://static.feber.se/article_images/65/61/37/656137.jpg">
											<img src="https://static.feber.se/article_images/65/61/37/656137_100x100.jpg" loading="lazy" onclick="currentSlide(2,492647)" alt="Bild till bildspel" />
										</f-flide-thumb>
										
									
								
							
								
									
										<f-flide-thumb data-orig="https://static.feber.se/article_images/65/61/39/656139.jpg">
											<img src="https://static.feber.se/article_images/65/61/39/656139_100x100.jpg" loading="lazy" onclick="currentSlide(3,492647)" alt="Bild till bildspel" />
										</f-flide-thumb>
										
									
								
							
								
									
										<f-flide-thumb data-orig="https://static.feber.se/article_images/65/61/38/656138.jpg">
											<img src="https://static.feber.se/article_images/65/61/38/656138_100x100.jpg" loading="lazy" onclick="currentSlide(4,492647)" alt="Bild till bildspel" />
										</f-flide-thumb>
										
									
								
							
								
									
										<f-flide-thumb data-orig="https://static.feber.se/article_images/65/61/29/656129.jpg">
											<img src="https://static.feber.se/article_images/65/61/29/656129_100x100.jpg" loading="lazy" onclick="currentSlide(5,492647)" alt="Bild till bildspel" />
										</f-flide-thumb>
										
									
								
							
						</f-flide-thumbs>
						
				</f-flide-thumbs-container>
				
				<f-flide data-flideid="492647">
					
					
						
					
						
							
								<f-flide-item data-status="off">
									<f-article-image data-position="flide"  onclick="plusSlides(1,492647)">
										
												
											
										
										<img src="https://static.feber.se/article_images/65/61/27/656127_1280.jpg" loading="lazy" alt="Bild till artikel" />
											
										

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	


												 
										
									</f-article-image>
								</f-flide-item>
								
							
						
					
						
							
								<f-flide-item data-status="off">
									<f-article-image data-position="flide"  onclick="plusSlides(1,492647)">
										
												
											
										
										<img src="https://static.feber.se/article_images/65/61/37/656137_1280.jpg" loading="lazy" alt="Bild till artikel" />
											
										

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	


												 
										
									</f-article-image>
								</f-flide-item>
								
							
						
					
						
							
								<f-flide-item data-status="off">
									<f-article-image data-position="flide"  onclick="plusSlides(1,492647)">
										
												
											
										
										<img src="https://static.feber.se/article_images/65/61/39/656139_1280.jpg" loading="lazy" alt="Bild till artikel" />
											
										

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	


												 
										
									</f-article-image>
								</f-flide-item>
								
							
						
					
						
							
								<f-flide-item data-status="off">
									<f-article-image data-position="flide"  onclick="plusSlides(1,492647)">
										
												
											
										
										<img src="https://static.feber.se/article_images/65/61/38/656138_1280.jpg" loading="lazy" alt="Bild till artikel" />
											
										

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	


												 
										
									</f-article-image>
								</f-flide-item>
								
							
						
					
						
							
								<f-flide-item data-status="off">
									<f-article-image data-position="flide"  onclick="plusSlides(1,492647)">
										
												
											
										
										<img src="https://static.feber.se/article_images/65/61/29/656129_1280.jpg" loading="lazy" alt="Bild till artikel" />
											
										

















		<f-article-image-cred>
			
					Foto: Belkin
				
		</f-article-image-cred>
	


												 
										
									</f-article-image>
								</f-flide-item>
								
							
						
					
				
		 			<f-flide-prev onclick="plusSlides(-1,492647)">
			 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>
		 			</f-flide-prev>
		 			<f-flide-next onclick="plusSlides(1,492647)">
			 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>
		 			</f-flide-next>

					<f-fullscreen-enter onclick="startFlideFullScreen('492647');">
						<svg id="svg-open-fullscreen"  enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
					<f-fullscreen-close onclick="exitFullscreen();" style="display: none;">
						<svg id="svg-close-fullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
								<polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"></polygon>
								<polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"></polygon>
								<polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"></polygon>
								<polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"></polygon>
							</svg>
					</f-fullscreen-close>
		  		
				</f-flide>
				
				
				
				
					
				

				
				
			
	
	


	

						</f-article-slide-container>
										
					

	

					

					
					




	

					

	 
					
				
				
	 
					
									
	 
					




					
					


	
					
					
					
				
	

					
						

								

								
								
									
										<f-internallinks-new data-count="2" data-rp="no">
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2026-01-06 16:00:00.0 nowtime 1780689934717 halfHourArtUnix 1767711600000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/belkin-slapper-nytt-laddfodral-till-nintendo-switch-2/487018/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/belkin-slapper-nytt-laddfodral-till-nintendo-switch-2/487018/', Number: '1', From: 'https://feber.se/spel/belkin-slapper-hallare-till-nintendo-switch-2/492647/'}});">
	<f-internallink 	
		data-id="487018"
		data-temp="387"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-487018--title">Belkin släpper nytt laddfodral till Nintendo Switch 2</f-internallink-headline>
				<f-internallink-preamble id="-487018--text">Lite smidigare än deras första version</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/64/00/44/640044_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="38.7" data-thumbscount="29" data-thumbscalc="17" data-tempid="487018" id="">
		
				38.7&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter487018" class="disqus-comment-count" data-disqus-url="https://feber.se/487018/"  data-sheeturl="/disqus/487018/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-06-05 17:40:00.0 nowtime 1780689934733 halfHourArtUnix 1749138000000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/belkin-borjar-med-speltillbehor/480408/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/belkin-borjar-med-speltillbehor/480408/', Number: '2', From: 'https://feber.se/spel/belkin-slapper-hallare-till-nintendo-switch-2/492647/'}});">
	<f-internallink 	
		data-id="480408"
		data-temp="375"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-480408--title">Belkin börjar med speltillbehör</f-internallink-headline>
				<f-internallink-preamble id="-480408--text">Med starkt fokus på Nintendo Switch 2</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/62/01/22/620122_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="37.5" data-thumbscount="15" data-thumbscalc="5" data-tempid="480408" id="">
		
				37.5&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter480408" class="disqus-comment-count" data-disqus-url="https://feber.se/480408/"  data-sheeturl="/disqus/480408/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									
										</f-internallinks-new>
									

								

								
								

							
					
					

	
					
					
						<f-disqus-featured data-artid="492647" data-loaded="false" onclick="loadDisqus('f-article-disqus[data-id=492647]','/disqus/492647/?inline=true');"></f-disqus-featured>
					

				</f-article-content>
				
				
















		
	


		
	




<f-article-footer>
		
	
	
	
	
	
	
			
			
			
			
		
	
	<!-- Temptype degrees 20 12 38.2 -->

																		
	
	
	
		<f-article-temp data-tempstatus="normal" data-temp="38.2" data-thumbscount="20" data-thumbscalc="12" data-tempid="492647"
			id="ikon_thumbs_492647">
			
					38.2&deg;
				
		</f-article-temp>
		
	
	
	
	
	
	 
	
			
		


	
		<f-article-footer-plus onclick="submitDeg('492647','1','feber');" title="16 st, 20 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/>
				<path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/>
				<path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/>
			</svg>
		</f-article-footer-plus>
		
		<f-article-footer-minus onclick="submitDeg('492647','-1','feber');" title="4 st, 20 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/>
				<path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/>
			</svg>
		</f-article-footer-minus>
	
		
	
	
	
	
			
		
	
	
			
		
	
	
	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
		 
			<!-- Diska  1 -->
			
					<f-bubble id="#commentCounter492647" class="disqus-comment-count" data-disqus-url="https://feber.se/492647/"  
						onClick="loadDisqus('f-article-disqus[data-id=492647]','/disqus/492647/?inline=true');">0</f-bubble>
				
			
			

		
	
	
	
	
	
	
	
	
		
			
			
			
			
			
			
			
			
			<a href="/author/willewilhelmsson/">
			<img src="https://static.feber.se/article_images/10/17/41/101741_100x100.jpg" alt="Wille Wilhelmsson" class="writer_icon" loading="lazy" />
			</a>
		
	
	
	<f-article-footer-writerinfo>
		
			<b>
			
				
				
						
					

				
				
				
				
				
				
				

				

				
				
						<a href="/author/willewilhelmsson/" style="color:inherit;text-decoration:none;">Wille Wilhelmsson</a>
					
			
			</b>
			
		
		
		<br />
		
		<!-- Datum 2026-06-05 13:30:00.0 -->
		




















		idag kl 13:30
	
	</f-article-footer-writerinfo>
	
</f-article-footer>
<f-article-error data-id="492647"></f-article-error>

			
			</f-article-wrapper>

			

		</f-article>
	<!-- ESSE  -->
		
			<f-article-disqus-container style="margin-top: calc(0px - var(--f-article-padding));">
				<f-article-disqus data-id="492647" data-open="false" data-loaded="false"></f-article-disqus>
			</f-article-disqus-container>
		
		
	

		

		
		
		
		
		

	

					<f-native data-index="2" data-count="5" data-artId="492647"></f-native>
				
					<f-panorama id="panorama-492647" class="maxpan492647" data-id="492647">
						<div class="maxetise" data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile2"}, { "mq":"screen", "placement": "desktop2"}]'></div>
					</f-panorama>
				




 













 

<!-- START ART Netflix FIFA-spel kommer nästa vecka 1 -->





							

								















									














			





		
	


																
		
	



		
	












		
	





	















	
		<f-article 
			data-id="492653" 
			data-artsite="feber" 
			data-caturl="spel" 
			data-placement="middle" 
			data-primarymedia="image"
			data-temp="cold" 
			data-status="article" 
			
			
			
			
			id="article492653"
			class="scrollitem article492653"
			>	


			

			<f-article-wrapper>


				
				

				
	
				<f-article-header>
					<a href="https://feber.se/spel/netflix-fifa-spel-kommer-nasta-vecka/492653/">
						<f-article-headline>
							 <b>Netflix FIFA-spel kommer nästa vecka</b>
						</f-article-headline>
						<f-article-preamble>
							Spela med VM-lagen
						</f-article-preamble>
					</a>
				</f-article-header>


	
			<!-- Mediaplacement middle Status article -->
			
					
						<f-article-media>

							
									
											





















		

			
					
					
				

			<f-article-image data-position="primary" style='padding-bottom: 56.25%;'>

				
				
						
						
						
					
				
				
						
					

				
				<img class="" loading="lazy"
     				src="https://static.feber.se/article_images/65/61/43/656143_1280.jpg"
     				alt="Netflix FIFA-spel kommer nästa vecka">


				
				

















		<f-article-image-cred>
			
					Foto: Netflix
				
		</f-article-image-cred>
	



				
					<f-fullscreen-enter onclick="fullscreenImage('https://static.feber.se/article_images/65/61/43/656143.jpg',2000,1125);">
						<svg enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
				
				
			</f-article-image>

		
		
		
	


	

										
								

						</f-article-media>
					
				





	
				<f-article-content id="art_content_492653" class="art_content">

					











				
					
		
					
									
		

					
							











	
	





		
	





 
 

 
 






		<!-- Gammal body -->
			
			
		
		

	



	<f-article-body data-part="1">
		<f-para>
			Nästa vecka drar fotbolls-VM igång och då släpps även Netflix fotbollsspel <em>FIFA World Cup: Launch Edition</em>, ett spel där det kommer att bli möjligt att spela med samtliga 48 lag som deltar i VM.</f-para><f-para><em>FIFA World Cup: Launch Edition</em> är gratis att spela för alla med ett Netflix-abonnemang. Spelet styrs via spelarens mobiltelefon och det går att spela ensam eller tillsammans med upp till tre andra spelare. Netflix skriver om spelet:</f-para><f-para><i>"In FIFA World Cup: Launch Edition, your phone is the controller and your TV is the stadium. Just launch the game on your TV, scan the QR code with your phone, and you'll be swiping to shoot and pass in seconds. Even someone who's never touched a video game can feel the rush of scoring the match-winning goal."</i></f-para><f-para><em>FIFA World Cup: Launch Edition</em> släpps den 11 juni. Ni hittar en trailer för spelet nedan. 
		</f-para>
	</f-article-body>

























		
		
	


	



		 
	








<f-article-body-linksetc>
		
				<f-article-body-link>
					<a href="https://about.netflix.com/en/news/new-fifa-world-cup-launch-edition-game-exclusively-on-netflix" target="_blank" rel="noopener">
						
								about.netflix.com
							
					</a>
				</f-article-body-link>
			
		
		
			<f-viathanks>
			
				
				
				
				<f-viathanks-cat>
					
							
								
								Spel, 
							
						
					
					
					Spel, 
				</f-viathanks-cat>
	
				<f-viathanks-tags>
					
						

		
	

	
	
	

	
		
				Netflix, 
			
	

	
	
	

	
		
				FIFA, 
			
	

	
	
	

	
		
				Fotbolls-VM, 
			
	

	
	
	

	
		
				fotbollsspel, 
			
	

	
	
	

	
		
				FIFA World Cup: Launch Edition, 
			
	

	
	
	

	
		
				Delphi
			
	

					
				</f-viathanks-tags>
			
				
				
				
				
	
			</f-viathanks>
		
</f-article-body-linksetc>







						

	

					

	 
					

			
					
					

	
					
						









	

	




					


		
					
						
							<f-embed data-type="youtube" data-id="rQYIl6XK8Bk" data-starttime="0"></f-embed>
						
					

		
					

		
					

		
					
					
					
	 

										
					

	

					

					
					




	

					

	 
					
				
				
	 
					
									
	 
					




					
					


	
					
					
					
				
	

					
						

								

								
								
									
										<f-internallinks-new data-count="2" data-rp="no">
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-12-18 10:00:00.0 nowtime 1780689934773 halfHourArtUnix 1766048400000-->





		
	


	



	
	
	
 



<a href="https://feber.se/film/netflix-ska-slappa-fifa-spel/486651/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/film/netflix-ska-slappa-fifa-spel/486651/', Number: '1', From: 'https://feber.se/film/netflix-fifa-spel-kommer-nasta-vecka/492653/'}});">
	<f-internallink 	
		data-id="486651"
		data-temp="187"
		data-tempstatus=cold
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-486651--title">Netflix ska släppa FIFA-spel</f-internallink-headline>
				<f-internallink-preamble id="-486651--text">Kommer lagom till fotbolls-VM</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/63/93/29/639329_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

					



	<f-internallink-temp data-tempstatus="cold" data-temp="18.7" data-thumbscount="193" data-thumbscalc="-183" data-tempid="486651" id="">
		
				18.7&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter486651" class="disqus-comment-count" data-disqus-url="https://feber.se/486651/"  data-sheeturl="/disqus/486651/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2022-10-26 21:00:00.0 nowtime 1780689934785 halfHourArtUnix 1666810800000-->





		
	


	



	
	
	
 



<a href="https://feber.se/film/trailer-for-fifa-uncovered/444070/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/film/trailer-for-fifa-uncovered/444070/', Number: '2', From: 'https://feber.se/film/netflix-fifa-spel-kommer-nasta-vecka/492653/'}});">
	<f-internallink 	
		data-id="444070"
		data-temp="515"
		data-tempstatus=hot
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-444070--title">Trailer för FIFA Uncovered</f-internallink-headline>
				<f-internallink-preamble id="-444070--text">Dokumentärserie om fulspelet i fotbollsorganisationen</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="//i.ytimg.com/vi/V0UlWZNp6cI/mqdefault.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

						



	<f-internallink-temp data-tempstatus="hot" data-temp="51.5" data-thumbscount="153" data-thumbscalc="145" data-tempid="444070" id="">
		
				51.5&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter444070" class="disqus-comment-count" data-disqus-url="https://feber.se/444070/"  data-sheeturl="/disqus/444070/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									
										</f-internallinks-new>
									

								

								
								

							
					
					

	
					
					
						<f-disqus-featured data-artid="492653" data-loaded="false" onclick="loadDisqus('f-article-disqus[data-id=492653]','/disqus/492653/?inline=true');"></f-disqus-featured>
					

				</f-article-content>
				
				
















		
	


		
	




<f-article-footer>
		
	
	
	
	
	
	
			
			
			
			
		
	
	<!-- Temptype degrees 70 -48 32.2 -->

						
	
	
	
		<f-article-temp data-tempstatus="cold" data-temp="32.2" data-thumbscount="70" data-thumbscalc="-48" data-tempid="492653"
			id="ikon_thumbs_492653">
			
					32.2&deg;
				
		</f-article-temp>
		
	
	
	
	
	
	 
	
			
		


	
		<f-article-footer-plus onclick="submitDeg('492653','1','feber');" title="11 st, 70 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/>
				<path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/>
				<path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/>
			</svg>
		</f-article-footer-plus>
		
		<f-article-footer-minus onclick="submitDeg('492653','-1','feber');" title="59 st, 70 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/>
				<path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/>
			</svg>
		</f-article-footer-minus>
	
		
	
	
	
	
			
		
	
	
			
		
	
	
	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
		 
			<!-- Diska  1 -->
			
					<f-bubble id="#commentCounter492653" class="disqus-comment-count" data-disqus-url="https://feber.se/492653/"  
						onClick="loadDisqus('f-article-disqus[data-id=492653]','/disqus/492653/?inline=true');">0</f-bubble>
				
			
			

		
	
	
	
	
	
	
	
	
		
			
			
			
			
			
			
			
			
			<a href="/author/willewilhelmsson/">
			<img src="https://static.feber.se/article_images/10/17/41/101741_100x100.jpg" alt="Wille Wilhelmsson" class="writer_icon" loading="lazy" />
			</a>
		
	
	
	<f-article-footer-writerinfo>
		
			<b>
			
				
				
						
					

				
				
				
				
				
				
				

				

				
				
						<a href="/author/willewilhelmsson/" style="color:inherit;text-decoration:none;">Wille Wilhelmsson</a>
					
			
			</b>
			
		
		
		<br />
		
		<!-- Datum 2026-06-05 12:30:00.0 -->
		




















		idag kl 12:30
	
	</f-article-footer-writerinfo>
	
</f-article-footer>
<f-article-error data-id="492653"></f-article-error>

			
			</f-article-wrapper>

			

		</f-article>
	<!-- ESSE  -->
		
			<f-article-disqus-container style="margin-top: calc(0px - var(--f-article-padding));">
				<f-article-disqus data-id="492653" data-open="false" data-loaded="false"></f-article-disqus>
			</f-article-disqus-container>
		
		
	

		

		
		
		
		
		

	

					<div id="xf7kS2"></div>
					<script>
					(function() {
						var elId = 'xf7kS2';
						function waitKv() {
							if (typeof yinYang === 'undefined') { setTimeout(waitKv, 200); return; }
							if (yinYang !== 'Adblock') return;
							if (typeof renderKvarter === 'function') {
								var mob = window.innerWidth <= 600;
								renderKvarter(elId, mob ? 'kvarterstartm' : 'kvarterstart');
							}
						}
						waitKv();
					})();
					</script>
				
					<f-native data-index="3" data-count="5" data-artId="492653"></f-native>
				
					<f-panorama id="panorama-492653" class="maxpan492653" data-id="492653">
						<div class="maxetise" data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile3"}, { "mq":"screen", "placement": "desktop3"}]'></div>
					</f-panorama>
				
					<f-loadtrigger></f-loadtrigger>
				




 













 

<!-- START ART PlayStation FlexStrike kommer i augusti 1 -->





							

								















									














																





		
	


																
		
	



		
	












		
	





	















	
		<f-article 
			data-id="492614" 
			data-artsite="feber" 
			data-caturl="spel" 
			data-placement="middle" 
			data-primarymedia="image"
			data-temp="normal" 
			data-status="article" 
			
			
			
			
			id="article492614"
			class="scrollitem article492614"
			>	


			

			<f-article-wrapper>


				
				

				
	
				<f-article-header>
					<a href="https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/">
						<f-article-headline>
							 <b>PlayStation FlexStrike kommer i augusti</b>
						</f-article-headline>
						<f-article-preamble>
							Arkadkontrollen släpps samma dag som Marvel Tokon: Fighting Souls
						</f-article-preamble>
					</a>
				</f-article-header>


	
			<!-- Mediaplacement middle Status article -->
			
					
						<f-article-media>

							
									
											





















		

			
					
					
				

			<f-article-image data-position="primary" style='padding-bottom: 56.2%;'>

				
				
						
						
						
					
				
				
						
					

				
				<img class="" loading="lazy"
     				src="https://static.feber.se/article_images/65/60/55/656055_1280.jpg"
     				alt="PlayStation FlexStrike kommer i augusti">


				
				

















		<f-article-image-cred>
			
					Foto: Sony
				
		</f-article-image-cred>
	



				
					<f-fullscreen-enter onclick="fullscreenImage('https://static.feber.se/article_images/65/60/55/656055.jpg',2000,1124);">
						<svg enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
				
				
			</f-article-image>

		
		
		
	


	

										
								

						</f-article-media>
					
				





	
				<f-article-content id="art_content_492614" class="art_content">

					











				
					
		
					
									
		

					
							











	
	





		
	





 
 

 
 






		<!-- Gammal body -->
			
			
		
		

	



	<f-article-body data-part="1">
		<f-para>
			Sony har nu meddelat att FlexStrike, den arkadkontroll som man presenterade förra året, kommer att släppas den 12 augusti, samma dag som fightingspelet <em><a href="https://feber.se/spel/marvel-visar-upp-nytt-fightingspel/480386/" target="_blank">Marvel Tokon: Fighting Souls</a></em> släpps till PlayStation 5 och PC.</f-para><f-para>FlexStrike är försedd med en joystick och åtta knappar. Den går att koppla med kabel eller trådlöst via PS Link USB till PlayStation. Initialt kommer den bara att vara kompatibel med PlayStation, men stöd för att koppla den till datorer kommer att släppas längre fram.</f-para><f-para>Förbeställningarna för FlexStrike drar igång den 12 juni och det europeiska priset landar på 199 euro. Några svenska prisuppgifter har vi inte hittat än så länge. </f-para><f-para><f-inlinegallery data-autoplay="false" data-autoplay-speed="2" data-thumbs="false" data-nav="false"><br />    <f-inlinegallery-img data="https://static.feber.se/article_images/65/60/53/656053.jpg" data-cred="Sony"></f-inlinegallery-img><br /></f-inlinegallery></f-para><f-para>I videoklippet nedan snackar Sony lite mer om FlexStrike, en 27 tum stor skärm som bara släpps i USA och Japan, samt <a href="https://feber.se/spel/sony-visar-upp-tradlosa-hogtalarna-pulse-elevate/483730/" target="_blank">högtalarna Pulse Elevate</a> som släpps någon gång senare i år. 
		</f-para>
	</f-article-body>

























		
		
	


	



		 
	








<f-article-body-linksetc>
		
				<f-article-body-link>
					<a href="https://blog.playstation.com/2026/06/01/flexstrike-wireless-fight-stick-27-gaming-monitor-launching-in-august-followed-by-pulse-elevate-wireless-speakers-later-this-year/" target="_blank" rel="noopener">
						
								blog.playstation.com
							
					</a>
				</f-article-body-link>
			
		
		
			<f-viathanks>
			
				
				
				
				<f-viathanks-cat>
					
							
								
								Spel, 
							
						
					
					
					Sony, 
				</f-viathanks-cat>
	
				<f-viathanks-tags>
					
						

		
	

	
	
	

	
		
				FlexStrike, 
			
	

	
	
	

	
		
				Marvel Tokon, 
			
	

	
	
	

	
		
				Fighting Souls, 
			
	

	
	
	

	
		
				PlayStation, 
			
	

	
	
	

	
		
				PC, 
			
	

	
	
	

	
		
				PS Link, 
			
	

	
	
	

	
		
				Pulse Elevate
			
	

					
				</f-viathanks-tags>
			
				
				
				
				
	
			</f-viathanks>
		
</f-article-body-linksetc>







						

	

					

	 
					

			
					
					

	
					
						









	

	

	

	

	




					


		
					
						
							<f-embed data-type="youtube" data-id="iWu1CgJDPw0" data-starttime="0"></f-embed>
						
					

		
					

		
					

		
					
					
					
	 

										
					

	

					
						
							<f-embed data-type="youtube" data-id="" data-starttime="0"></f-embed>
						
					

					
					




	

					

	 
					
				
				
	 
					
									
	 
					




					
					


	
					
					
					
				
	

					
						

								

								
								
									
										<f-internallinks-new data-count="5" data-rp="no">
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-07-29 11:30:00.0 nowtime 1780689934841 halfHourArtUnix 1753781400000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/sonys-arkadkontroll-kommer-att-heta-flexstrike/481952/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/sonys-arkadkontroll-kommer-att-heta-flexstrike/481952/', Number: '1', From: 'https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/'}});">
	<f-internallink 	
		data-id="481952"
		data-temp="393"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-481952--title">Sonys arkadkontroll kommer att heta FlexStrike</f-internallink-headline>
				<f-internallink-preamble id="-481952--text">Kan göra fightingspel lite smidigare att spela</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/62/45/10/624510_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="39.3" data-thumbscount="39" data-thumbscalc="23" data-tempid="481952" id="">
		
				39.3&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter481952" class="disqus-comment-count" data-disqus-url="https://feber.se/481952/"  data-sheeturl="/disqus/481952/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-09-25 13:00:00.0 nowtime 1780689934852 halfHourArtUnix 1758798000000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/sony-visar-upp-tradlosa-hogtalarna-pulse-elevate/483730/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/sony-visar-upp-tradlosa-hogtalarna-pulse-elevate/483730/', Number: '2', From: 'https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/'}});">
	<f-internallink 	
		data-id="483730"
		data-temp="382"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-483730--title">Sony visar upp trådlösa högtalarna Pulse Elevate</f-internallink-headline>
				<f-internallink-preamble id="-483730--text">Spelhögtalare till PlayStation, mobiler och datorer</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/62/99/22/629922_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="38.2" data-thumbscount="26" data-thumbscalc="12" data-tempid="483730" id="">
		
				38.2&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter483730" class="disqus-comment-count" data-disqus-url="https://feber.se/483730/"  data-sheeturl="/disqus/483730/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-06-05 09:40:00.0 nowtime 1780689934857 halfHourArtUnix 1749109200000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/marvel-visar-upp-nytt-fightingspel/480386/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/marvel-visar-upp-nytt-fightingspel/480386/', Number: '3', From: 'https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/'}});">
	<f-internallink 	
		data-id="480386"
		data-temp="374"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-480386--title">Marvel visar upp nytt fightingspel</f-internallink-headline>
				<f-internallink-preamble id="-480386--text">Marvel Tokon: Fighting Souls kommer till PS5 och PC</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="//i.ytimg.com/vi/6fbfrV5qqnU/mqdefault.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="37.4" data-thumbscount="24" data-thumbscalc="4" data-tempid="480386" id="">
		
				37.4&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter480386" class="disqus-comment-count" data-disqus-url="https://feber.se/480386/"  data-sheeturl="/disqus/480386/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2025-06-05 08:20:00.0 nowtime 1780689934882 halfHourArtUnix 1749104400000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/sony-visar-upp-arkadkontrollen-project-defiant/480383/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/sony-visar-upp-arkadkontrollen-project-defiant/480383/', Number: '4', From: 'https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/'}});">
	<f-internallink 	
		data-id="480383"
		data-temp="392"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-480383--title">Sony visar upp arkadkontrollen Project Defiant</f-internallink-headline>
				<f-internallink-preamble id="-480383--text">Går att använda till PlayStation 5 och PC</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/62/00/29/620029_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="39.2" data-thumbscount="30" data-thumbscalc="22" data-tempid="480383" id="">
		
				39.2&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter480383" class="disqus-comment-count" data-disqus-url="https://feber.se/480383/"  data-sheeturl="/disqus/480383/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2026-02-13 14:00:00.0 nowtime 1780689934887 halfHourArtUnix 1770987600000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/marvel-tokon-fighting-souls-har-fatt-ett-slappdatum/488417/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/marvel-tokon-fighting-souls-har-fatt-ett-slappdatum/488417/', Number: '5', From: 'https://feber.se/spel/playstation-flexstrike-kommer-i-augusti/492614/'}});">
	<f-internallink 	
		data-id="488417"
		data-temp="374"
		data-tempstatus=normal
		data-basicsite="feber"  
		 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-488417--title">Marvel Tokon: Fighting Souls har fått ett släppdatum</f-internallink-headline>
				<f-internallink-preamble id="-488417--text">Och Järven</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="//i.ytimg.com/vi/X4C_0Yf43fM/mqdefault.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

																	



	<f-internallink-temp data-tempstatus="normal" data-temp="37.4" data-thumbscount="12" data-thumbscalc="4" data-tempid="488417" id="">
		
				37.4&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter488417" class="disqus-comment-count" data-disqus-url="https://feber.se/488417/"  data-sheeturl="/disqus/488417/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									
										</f-internallinks-new>
									

								

								
								

							
					
					

	
					
					
						<f-disqus-featured data-artid="492614" data-loaded="false" onclick="loadDisqus('f-article-disqus[data-id=492614]','/disqus/492614/?inline=true');"></f-disqus-featured>
					

				</f-article-content>
				
				
















		
	


		
	




<f-article-footer>
		
	
	
	
	
	
	
			
			
			
			
		
	
	<!-- Temptype degrees 20 18 38.8 -->

																		
	
	
	
		<f-article-temp data-tempstatus="normal" data-temp="38.8" data-thumbscount="20" data-thumbscalc="18" data-tempid="492614"
			id="ikon_thumbs_492614">
			
					38.8&deg;
				
		</f-article-temp>
		
	
	
	
	
	
	 
	
			
		


	
		<f-article-footer-plus onclick="submitDeg('492614','1','feber');" title="19 st, 20 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/>
				<path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/>
				<path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/>
			</svg>
		</f-article-footer-plus>
		
		<f-article-footer-minus onclick="submitDeg('492614','-1','feber');" title="1 st, 20 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/>
				<path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/>
			</svg>
		</f-article-footer-minus>
	
		
	
	
	
	
			
		
	
	
			
		
	
	
	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
		 
			<!-- Diska  1 -->
			
					<f-bubble id="#commentCounter492614" class="disqus-comment-count" data-disqus-url="https://feber.se/492614/"  
						onClick="loadDisqus('f-article-disqus[data-id=492614]','/disqus/492614/?inline=true');">0</f-bubble>
				
			
			

		
	
	
	
	
	
	
	
	
		
			
			
			
			
			
			
			
			
			<a href="/author/willewilhelmsson/">
			<img src="https://static.feber.se/article_images/10/17/41/101741_100x100.jpg" alt="Wille Wilhelmsson" class="writer_icon" loading="lazy" />
			</a>
		
	
	
	<f-article-footer-writerinfo>
		
			<b>
			
				
				
						
					

				
				
				
				
				
				
				

				

				
				
						<a href="/author/willewilhelmsson/" style="color:inherit;text-decoration:none;">Wille Wilhelmsson</a>
					
			
			</b>
			
		
		
		<br />
		
		<!-- Datum 2026-06-04 20:00:00.0 -->
		




















		ig&aring;r kl 20:00
	
	</f-article-footer-writerinfo>
	
</f-article-footer>
<f-article-error data-id="492614"></f-article-error>

			
			</f-article-wrapper>

			

		</f-article>
	<!-- ESSE  -->
		
			<f-article-disqus-container style="margin-top: calc(0px - var(--f-article-padding));">
				<f-article-disqus data-id="492614" data-open="false" data-loaded="false"></f-article-disqus>
			</f-article-disqus-container>
		
		
	

		

		
		
		
		
		

	

					<f-native data-index="4" data-count="5" data-artId="492614"></f-native>
				
					<f-panorama id="panorama-492614" class="maxpan492614" data-id="492614">
						<div class="maxetise" data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile4"}, { "mq":"screen", "placement": "desktop4"}]'></div>
					</f-panorama>
				




 













 

<!-- START ART Succéstart för nya James Bond-spelet 1 -->





							

								















									














			





		
	


																
		
	



		
	












		
	





	















	
		<f-article 
			data-id="492611" 
			data-artsite="feber" 
			data-caturl="spel" 
			data-placement="middle" 
			data-primarymedia="image"
			data-temp="hot" 
			data-status="article" 
			
			
			
			
			id="article492611"
			class="scrollitem article492611"
			>	


			

			<f-article-wrapper>


				
				

				
	
				<f-article-header>
					<a href="https://feber.se/spel/succestart-for-nya-james-bond-spelet/492611/">
						<f-article-headline>
							 <b>Succéstart för nya James Bond-spelet</b>
						</f-article-headline>
						<f-article-preamble>
							007 First Light har redan sålt över två miljoner exemplar
						</f-article-preamble>
					</a>
				</f-article-header>


	
			<!-- Mediaplacement middle Status article -->
			
					
						<f-article-media>

							
									
											





















		

			
					
					
				

			<f-article-image data-position="primary" style='padding-bottom: 56.25%;'>

				
				
						
						
						
					
				
				
						
					

				
				<img class="" loading="lazy"
     				src="https://static.feber.se/article_images/65/60/44/656044_1280.jpg"
     				alt="Succéstart för nya James Bond-spelet">


				
				

















		<f-article-image-cred>
			
					Foto: IO Interactive
				
		</f-article-image-cred>
	



				
					<f-fullscreen-enter onclick="fullscreenImage('https://static.feber.se/article_images/65/60/44/656044.jpg',2000,1125);">
						<svg enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>
					</f-fullscreen-enter>
				
				
			</f-article-image>

		
		
		
	


	

										
								

						</f-article-media>
					
				





	
				<f-article-content id="art_content_492611" class="art_content">

					











				
					
		
					
									
		

					
							











	
	





		
	





 
 

 
 






		<!-- Gammal body -->
			
			
		
		

	



	<f-article-body data-part="1">
		<f-para>
			Det har bara gått en vecka sedan lanseringen av 007 First Light, men IO Interactives nya James Bond-äventyr ser redan ut att vara en succé. Färska uppskattningar visar nämligen att spelet passerat två miljoner sålda exemplar vilket inte är illa pinkat.</f-para><f-para>Siffrorna visar att PlayStation 5 är den dominerande plattformen och står för över hälften (55 procent) av den totala försäljningen. Efter det kommer Steam med cirka 33 procent, medan Xbox står för resterande del. </f-para><f-para>Totalt beräknas spelet hittills ha dragit in runt 1,5 miljarder kronor i intäkter.</f-para><f-para>Men trots denna succé verkar det som att framtida Bond-spel kommer att få en ny utgivare. Som ett resultat av Amazons jätteuppköp av filmstudion MGM (som äger rättigheterna till James Bond) ser det ut som att framtida titlar i serien istället kommer att ges ut av Amazon Game Studios i samarbete med MGM.</f-para><f-para>Vad IO Interactive, som även var utvecklare för 007 First Light, kommer ha för roll i allt detta återstår dock att se.
		</f-para>
	</f-article-body>

























		
		
	


	



		 
	








<f-article-body-linksetc>
		
				<f-article-body-link>
					<a href="https://www.gamesindustry.biz/mgm-and-amazon-game-studios-to-publish-future-io-interactive-james-bond-titles" target="_blank" rel="noopener">
						
								gamesindustry.biz
							
					</a>
				</f-article-body-link>
			
		
		
			<f-viathanks>
			
				
				
				
				<f-viathanks-cat>
					
							
								
								Spel, 
							
						
					
					
					Multiplattform, 
				</f-viathanks-cat>
	
				<f-viathanks-tags>
					
						

		
	

	
	
	

	
		
				James Bond, 
			
	

	
	
	

	
		
				IO Interactive, 
			
	

	
	
	

	
		
				PlayStation, 
			
	

	
	
	

	
		
				Steam, 
			
	

	
	
	

	
		
				Xbox, 
			
	

	
	
	

	
		
				Amazon, 
			
	

	
	
	

	
		
				MGM
			
	

					
				</f-viathanks-tags>
			
				
				
				
				
	
			</f-viathanks>
		
</f-article-body-linksetc>







						

	

					

	 
					

			
					
					

	
					
						









	

	




					


		
					

		
					

		
					

		
					
					
					
	 

										
					

	

					

					
					




	

					

	 
					
				
				
	 
					
									
	 
					




					
					


	
					
					
					
				
	

					
						

								

								
								
									
										<f-internallinks-new data-count="2" data-rp="no">
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2026-06-01 10:00:00.0 nowtime 1780689934920 halfHourArtUnix 1780300800000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/vi-har-pratat-med-mattias-engstrom-fran-io-interactive/492401/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/vi-har-pratat-med-mattias-engstrom-fran-io-interactive/492401/', Number: '1', From: 'https://feber.se/spel/succestart-for-nya-james-bond-spelet/492611/'}});">
	<f-internallink 	
		data-id="492401"
		data-temp="415"
		data-tempstatus=hot
		data-basicsite="feber"  
		data-feature="true" 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-492401--title">Vi har pratat med Mattias Engström från IO Interactive</f-internallink-headline>
				<f-internallink-preamble id="-492401--text">Om 007 First Light</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/65/52/55/655255_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

						



	<f-internallink-temp data-tempstatus="hot" data-temp="41.5" data-thumbscount="59" data-thumbscalc="45" data-tempid="492401" id="">
		
				41.5&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter492401" class="disqus-comment-count" data-disqus-url="https://feber.se/492401/"  data-sheeturl="/disqus/492401/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									

								
									

									
										




 












		
		
	




	









		
	





	
			
		





		
	



		
	


 






<!-- publdate 2026-05-27 21:00:00.0 nowtime 1780689934935 halfHourArtUnix 1779908400000-->





		
	


	



	
	
	
 



<a href="https://feber.se/spel/vi-har-spelat-007-first-light/492227/" onclick="plausible('InternalLinks', {props: {To: 'https://feber.se/spel/vi-har-spelat-007-first-light/492227/', Number: '2', From: 'https://feber.se/spel/succestart-for-nya-james-bond-spelet/492611/'}});">
	<f-internallink 	
		data-id="492227"
		data-temp="492"
		data-tempstatus=hot
		data-basicsite="feber"  
		data-feature="true" 
		data-plus="false"
		>

			<f-internallink-header>
				<f-internallink-headline id="-492227--title">Vi har spelat 007 First Light</f-internallink-headline>
				<f-internallink-preamble id="-492227--text">Det nya James Bond-spelet från Hitman-utvecklarna</f-internallink-preamble>
			</f-internallink-header>
		
			<f-internallink-media>
				
						<img src="https://static.feber.se/article_images/65/48/21/654821_300.jpg" loading="lazy" alt="Tumnagel" />
					
					
				<f-internallink-tagline>
					
					













		
		
		
		
	

						



	<f-internallink-temp data-tempstatus="hot" data-temp="49.2" data-thumbscount="142" data-thumbscalc="122" data-tempid="492227" id="">
		
				49.2&deg;
			
	</f-internallink-temp>
	


					
						
							<f-bubble id="commentCounter492227" class="disqus-comment-count" data-disqus-url="https://feber.se/492227/"  data-sheeturl="/disqus/492227/?inline=true&showheader=true">0</f-bubble>
						
					
					
				</f-internallink-tagline>

			</f-internallink-media>
		
	</f-internallink>
</a>

										
									

									
										</f-internallinks-new>
									

								

								
								

							
					
					

	
					
					
						<f-disqus-featured data-artid="492611" data-loaded="false" onclick="loadDisqus('f-article-disqus[data-id=492611]','/disqus/492611/?inline=true');"></f-disqus-featured>
					

				</f-article-content>
				
				
















		
	


		
	




<f-article-footer>
		
	
	
	
	
	
	
			
			
			
			
		
	
	<!-- Temptype degrees 122 110 48.0 -->

							
	
	
	
		<f-article-temp data-tempstatus="hot" data-temp="48.0" data-thumbscount="122" data-thumbscalc="110" data-tempid="492611"
			id="ikon_thumbs_492611">
			
					48.0&deg;
				
		</f-article-temp>
		
	
	
	
	
	
	 
	
			
		


	
		<f-article-footer-plus onclick="submitDeg('492611','1','feber');" title="116 st, 122 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/>
				<path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/>
				<path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/>
			</svg>
		</f-article-footer-plus>
		
		<f-article-footer-minus onclick="submitDeg('492611','-1','feber');" title="6 st, 122 totalt">
			<svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/>
				<path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/>
			</svg>
		</f-article-footer-minus>
	
		
	
	
	
	
			
		
	
	
			
		
	
	
	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
		 
			<!-- Diska  1 -->
			
					<f-bubble id="#commentCounter492611" class="disqus-comment-count" data-disqus-url="https://feber.se/492611/"  
						onClick="loadDisqus('f-article-disqus[data-id=492611]','/disqus/492611/?inline=true');">0</f-bubble>
				
			
			

		
	
	
	
	
	
	
	
	
		
			
			
			
			
			
			
			
			
			<a href="/author/frodewikesjo/">
			<img src="https://static.feber.se/article_images/38/40/90/384090_100x100.jpg" alt="Frode Wikesjö" class="writer_icon" loading="lazy" />
			</a>
		
	
	
	<f-article-footer-writerinfo>
		
			<b>
			
				
				
						
					

				
				
				
				
				
				
				

				

				
				
						<a href="/author/frodewikesjo/" style="color:inherit;text-decoration:none;">Frode Wikesjö</a>
					
			
			</b>
			
		
		
		<br />
		
		<!-- Datum 2026-06-04 17:30:00.0 -->
		




















		ig&aring;r kl 17:30
	
	</f-article-footer-writerinfo>
	
</f-article-footer>
<f-article-error data-id="492611"></f-article-error>

			
			</f-article-wrapper>

			

		</f-article>
	<!-- ESSE  -->
		
			<f-article-disqus-container style="margin-top: calc(0px - var(--f-article-padding));">
				<f-article-disqus data-id="492611" data-open="false" data-loaded="false"></f-article-disqus>
			</f-article-disqus-container>
		
		
	

		

		
		
		
		
		

	

					<div id="xf7kS4"></div>
					<script>
					(function() {
						var elId = 'xf7kS4';
						function waitKv() {
							if (typeof yinYang === 'undefined') { setTimeout(waitKv, 200); return; }
							if (yinYang !== 'Adblock') return;
							if (typeof renderKvarter === 'function') {
								var mob = window.innerWidth <= 600;
								renderKvarter(elId, mob ? 'kvarterstartm' : 'kvarterstart');
							}
						}
						waitKv();
					})();
					</script>
				
					<f-native data-index="5" data-count="5" data-artId="492611"></f-native>
				
					<f-panorama id="panorama-492611" class="maxpan492611" data-id="492611">
						<div class="maxetise" data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile5"}, { "mq":"screen", "placement": "desktop5"}]'></div>
					</f-panorama>
				<!-- end cacheKey = new-list---dev#sites@4#count@5#start@0#tag@#categories@#statuses@1,5# -->
		<f-articles-container></f-articles-container>

		<script>
					
			$(function() {

					/**
					 * Kategorifilter finns nu i Javascript.tag så att den fungerar på alla sidor.
					 * Här väntar vi bara på att den ska initieras och applicerar filtren.
					 */
					$(document).ready(function() {
						setTimeout(function() {
							// Applicera kategorifilter om funktionen finns
							if (typeof window.applyCategoryFilters === 'function') {
								window.applyCategoryFilters();
							}
						}, 100);
					});

					/**
					 * Infinite scroll-flödet består av fyra huvuddelar:
					 * 	1. Init: bygg bas-URL, läs nuvarande parametrar och samla artiklar som redan renderats.
					 * 	2. Observers: IntersectionObserver triggar laddning när artikel #4 (per sida) blir synlig.
					 * 	3. Fetch + dedupe: hämtar /inline/?p=n…, filtrerar bort ID:er som redan visats och appendar resten.
					 * 	4. Historik: uppdaterar URL (pushState) när första artikeln i varje ny batch syns.
					 *
					 * Kodbasen blandar JSP och JS – undvik ES6-template-strängar )
					 * eftersom  tolkas av JSP. Använd strängkonkat istället.
					 */

					// Infinite scroll mot inline-endpointen
					(function fInitInfinite() {
						const appendTarget = document.querySelector('f-articles-container');
						const subSiteBaseRaw = "/spel";
						const subSiteBase = subSiteBaseRaw ? subSiteBaseRaw : '';
						const normalizedSubSite = subSiteBase.replace(/\/$/, '');
						const inlineBasePath = (normalizedSubSite ? normalizedSubSite : '') + '/inline/';
						const pageOrigin = window.location.origin || (window.location.protocol + '//' + window.location.host);
						const inlineBaseUrl = pageOrigin + inlineBasePath;
						const articlesPerPage = parseInt('5', 10) || 5;
						const initialPage = parseInt('1', 10) || 1;

						/*console.log('Infinite scroll init:', {
							appendTarget: !!appendTarget,
							inlineBasePath: inlineBasePath,
							articlesPerPage: articlesPerPage,
							initialPage: initialPage,
							hasIntersectionObserver: typeof window.IntersectionObserver !== 'undefined'
						});*/

						if (!appendTarget || typeof window.IntersectionObserver === 'undefined') {
							console.warn('Infinite scroll: appendTarget eller IntersectionObserver saknas');
							return;
						}

						const articleSelector = 'f-article';
						const urlParams = new URLSearchParams(window.location.search);
						if (!urlParams.has('p')) {
							urlParams.set('p', initialPage);
						}
						
						const currentPath = window.location.pathname || '/';
						const firstInlinePage = initialPage + 1;
						const seenArticleIds = new Set();
						document.querySelectorAll(articleSelector + '[data-id]').forEach(el => {
							if (el.dataset.id) {
								seenArticleIds.add(el.dataset.id);
							}
						});

						//console.log('Infinite scroll: hittade', seenArticleIds.size, 'artiklar i DOM');

						let nextPageToLoad = initialPage + 1;
						let lastHistoryPage = initialPage;
						let isLoading = false;
						let feedFinished = false;

						const loadTriggerObserver = new IntersectionObserver((entries) => {
							entries.forEach(entry => {
								if (entry.isIntersecting) {
									//console.log('Infinite scroll: trigger-artikel synlig, laddar nästa sida', entry.target.dataset.id);
									loadTriggerObserver.unobserve(entry.target);
									requestNextPage();
								}
							});
						}, { rootMargin: '300px 0px', threshold: 0.1 });

						const urlUpdateObserver = new IntersectionObserver((entries) => {
							entries.forEach(entry => {
								if (!entry.isIntersecting) {
									return;
								}

								const pageNumber = parseInt(entry.target.dataset.pageAnchor, 10);
								if (!pageNumber) {
									return;
								}

								const isFirstInline = pageNumber === firstInlinePage;

								if (isFirstInline && entry.target.dataset.inlineSeen !== 'true') {
									entry.target.dataset.inlineSeen = 'true';
									//console.log('Infinite scroll: första artikeln på sida', pageNumber, 'synlig');
								}

								if (pageNumber === lastHistoryPage) {
									return;
								}

								let shouldUpdate = false;
								if (isFirstInline) {
									shouldUpdate = entry.target.dataset.inlineSeen === 'true';
								} else {
									shouldUpdate = entry.intersectionRatio >= 0.55;
								}

								if (!shouldUpdate) {
									return;
								}

								urlParams.set('p', pageNumber);
								const queryString = urlParams.toString();
								const newUrl = queryString ? (currentPath + '?' + queryString) : currentPath;
								history.pushState({ page: pageNumber }, '', newUrl);
								lastHistoryPage = pageNumber;
								
								// Uppdatera next-bar länken
								if (typeof window.updateNextBar === 'function') {
									window.updateNextBar();
								}
								
								// Skicka pageview till Plausible med /page2/ format
								if (typeof window.plausible === 'function') {
									const normalizedPath = currentPath.endsWith('/') ? currentPath : currentPath + '/';
									const plausibleUrl = window.location.origin + normalizedPath + 'page' + pageNumber + '/';
									plausible('pageview', { url: plausibleUrl });
								}
							});
						}, { threshold: [0, 0.25, 0.5, 0.75, 0.9, 1] });

						const keyboardNavigation = (function initKeyboardNavigation() {
							const selector = 'f-panorama, f-article';
							let targets = [];
							let currentIndex = -1;

							function isEditableTarget(element) {
								if (!element) {
									return false;
								}
								const tag = (element.tagName || '').toUpperCase();
								return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || element.isContentEditable;
							}

							function collectTargets() {
								const allTargets = document.querySelectorAll(selector);
								targets = Array.from(allTargets).filter(node => {
									if (!node) {
										return false;
									}
									const tagName = (node.tagName || '').toLowerCase();
									return tagName === 'f-panorama' || node.offsetHeight > 0;
								});
								targets.forEach((node, idx) => {
									node.dataset.navIndex = idx;
								});
							}

							function ensureTargets() {
								if (!targets.length) {
									collectTargets();
								}
							}

							function findNearestIndex() {
								const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
								const anchor = scrollTop + 10;
								let closestIndex = 0;
								let minDelta = Infinity;
								targets.forEach((node, idx) => {
									const nodeTop = node.getBoundingClientRect().top + scrollTop;
									const delta = anchor - nodeTop;
									if (delta >= 0 && delta < minDelta) {
										minDelta = delta;
										closestIndex = idx;
									}
								});
								return closestIndex;
							}

							function scrollToTarget(node) {
								if (!node) {
									return;
								}
								const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
								const targetTop = node.getBoundingClientRect().top + scrollTop;
								const offset = Math.max(targetTop - 20, 0);
								window.scrollTo({
									top: offset,
									behavior: 'smooth'
								});
							}

							function handleKeydown(event) {
								if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey) {
									return;
								}
								if (event.key !== 'j' && event.key !== 'k') {
									return;
								}
								if (isEditableTarget(event.target)) {
									return;
								}

								ensureTargets();
								if (!targets.length) {
									return;
								}

								if (currentIndex === -1) {
									currentIndex = findNearestIndex();
								}

								let nextIndex = currentIndex;
								if (event.key === 'j' && currentIndex < targets.length - 1) {
									nextIndex = currentIndex + 1;
								} else if (event.key === 'k' && currentIndex > 0) {
									nextIndex = currentIndex - 1;
								} else {
									return;
								}

								event.preventDefault();
								currentIndex = nextIndex;
								scrollToTarget(targets[currentIndex]);
							}

							document.addEventListener('keydown', handleKeydown);

							return {
								refresh: function () {
									collectTargets();
								},
								reset: function () {
									currentIndex = -1;
								}
							};
						}());
						keyboardNavigation.refresh();

						/**
						 * Returnerar artikel-elementet (1-baserat index) eller null om indexet saknas.
						 * Hjälper både anchor-observer och debug-loggar att hitta rätt nod.
						 */
						function getArticleByIndex(index) {
							if (index < 1) {
								return null;
							}
							const articles = document.querySelectorAll(articleSelector);
							return articles[index - 1] || null;
						}

						function getPageAnchorElement(pageNumber) {
							const sentinel = document.querySelector('f-newpage[data-page-anchor="' + pageNumber + '"]');
							if (sentinel) {
								return sentinel;
							}
							const anchorIndex = (pageNumber - 1) * articlesPerPage + 1;
							return getArticleByIndex(anchorIndex);
						}

						/**
						 * Sätter upp triggern för nästa fetch. Vi använder f-loadtrigger-elementet som signal.
						 * Letar efter det sista f-loadtrigger-elementet i DOM:en som inte redan observeras.
						 */
						function observeLoadTriggerForPage(pageNumber) {
							if (feedFinished) {
								console.log('Infinite scroll: feedFinished, stoppar observer');
								return;
							}
							const allTriggers = document.querySelectorAll('f-loadtrigger');
							if (!allTriggers || allTriggers.length === 0) {
								console.log('Infinite scroll: inga f-loadtrigger-element i DOM för sida', pageNumber);
								// Om det inte finns några triggers, försök igen efter en kort delay
								setTimeout(function() {
									observeLoadTriggerForPage(pageNumber);
								}, 100);
								return;
							}
							// Hitta det sista loadtrigger-elementet som inte redan observeras
							let targetTrigger = null;
							for (let i = allTriggers.length - 1; i >= 0; i--) {
								const trigger = allTriggers[i];
								if (trigger && trigger.dataset.loadObserver !== 'true') {
									targetTrigger = trigger;
									break;
								}
							}
							if (targetTrigger) {
								targetTrigger.dataset.loadObserver = 'true';
								loadTriggerObserver.observe(targetTrigger);
								//console.log('Infinite scroll: observer satt på f-loadtrigger för sida', pageNumber, 'totalt', allTriggers.length, 'triggers');
							} else {
								//console.warn('Infinite scroll: alla f-loadtrigger-element observeras redan för sida', pageNumber);
							}
						}

						/**
						 * Första artikeln i varje batch får ett data-page-anchor. När den syns uppdaterar vi URL:en
						 * via pushState så att /?p=n speglar var användaren befinner sig (utan att göra en full reload).
						 */
						function observeUrlAnchorForPage(pageNumber) {
							const anchorElement = getPageAnchorElement(pageNumber);
							if (anchorElement) {
								anchorElement.dataset.pageAnchor = pageNumber;
								if (anchorElement.dataset.urlObserver !== 'true') {
									anchorElement.dataset.urlObserver = 'true';
									urlUpdateObserver.observe(anchorElement);
								}
							}
						}

						/**
						 * Bygger fetch-URL för /inline/, inklusive alla befintliga query-parametrar (dev, u, etc.)
						 * plus uppdaterad p=n. Viktigt att använda strängkonkat eftersom JSP tolkar.
						 */
						function buildInlineUrl(pageNumber) {
							const params = new URLSearchParams(urlParams);
							params.set('p', pageNumber);
							return inlineBaseUrl + '?' + params.toString();
						}

						/**
						 * Hämtar nästa sida via fetch, deduplicerar artiklar, appendar resterande noder
						 * och triggar både nästa observer och URL-uppdatering. Avbryter om vi redan laddar
						 * eller det globala  är satt.
						 */
						function requestNextPage() {
							if (isLoading || feedFinished) {
								console.log('Infinite scroll: requestNextPage avbruten', { isLoading, feedFinished });
								return;
							}
							const pageToLoad = nextPageToLoad;
							const url = buildInlineUrl(pageToLoad);
							//console.log('Infinite scroll: laddar sida', pageToLoad, 'från', url);
							isLoading = true;

							fetch(url, {
								headers: { 'X-Requested-With': 'XMLHttpRequest' }
							})
								.then(response => {
									if (!response.ok) {
										throw new Error('HTTP ' + response.status);
									}
									return response.text();
								})
								.then(html => {
									const parser = new DOMParser();
									const parsedDoc = parser.parseFromString(html, 'text/html');
									const docBody = parsedDoc.body;

									if (!docBody) {
										feedFinished = true;
										return;
									}

									function removePanoramasForArticleId(rootNode, articleId) {
										if (!rootNode || !articleId) {
											return;
										}
										const panoramas = rootNode.querySelectorAll('f-panorama[data-id="' + articleId + '"]');
										if (!panoramas || !panoramas.length) {
											return;
										}
										panoramas.forEach(panorama => {
											if (panorama && typeof panorama.remove === 'function') {
												panorama.remove();
											}
										});
									}

									const newArticles = [];
									docBody.querySelectorAll('f-article[data-id]').forEach(article => {
										const articleId = article.getAttribute('data-id');
										if (!articleId) {
											return;
										}
										if (seenArticleIds.has(articleId)) {
											removePanoramasForArticleId(docBody, articleId);
											article.remove();
											return;
										}
										seenArticleIds.add(articleId);
										article.setAttribute('data-page-anchor', pageToLoad);
										newArticles.push(article);
									});

									const nodesToAppend = Array.from(docBody.children).filter(node => node.nodeType === Node.ELEMENT_NODE);

									// Om det inte finns några noder eller artiklar att lägga till, hoppa över denna sida
									// Men fortsätt inte sätta feedFinished = true eftersom det kan finnas fler sidor
									if (!nodesToAppend.length || !newArticles.length) {
										console.log('Infinite scroll: ingen nytt innehåll på sida', pageToLoad, ', hoppar över');
										isLoading = false;
										nextPageToLoad = pageToLoad + 1;
										// Försök ladda nästa sida direkt
										setTimeout(function() {
											requestNextPage();
										}, 100);
										return;
									}

									const fragment = document.createDocumentFragment();
									nodesToAppend.forEach(node => {
										const importedNode = document.importNode(node, true);
										fragment.appendChild(importedNode);
									});
									appendTarget.appendChild(fragment);
									keyboardNavigation.refresh();
									keyboardNavigation.reset();
									if (window.applyCategoryFilters) {
										window.applyCategoryFilters();
									}

									// Kör alla script-taggar i den nya HTML:en
									// Script-taggar körs inte automatiskt när de läggs till via DocumentFragment
									appendTarget.querySelectorAll('script:not([data-executed])').forEach(function(script) {
										if (script.textContent) {
											try {
												// Markera som körda för att undvika dubbelkörning
												script.setAttribute('data-executed', 'true');
												var newScript = document.createElement('script');
												newScript.textContent = script.textContent;
												document.body.appendChild(newScript);
												document.body.removeChild(newScript);
											} catch (e) {
												console.warn('Infinite scroll: kunde inte köra script', e);
											}
										}
									});

									nextPageToLoad = pageToLoad + 1;

									// Sätt upp observer för den sida som just laddades (den innehåller f-loadtrigger för nästa laddning)
									// Använd setTimeout för att säkerställa att DOM har uppdaterats
									setTimeout(function() {
										observeLoadTriggerForPage(pageToLoad);
										observeUrlAnchorForPage(pageToLoad);
									}, 0);

									
									if (window.DISQUSWIDGETS && typeof window.DISQUSWIDGETS.getCount === 'function') {
										try {
											window.DISQUSWIDGETS.getCount({ reset: true });
										} catch (err) {
											console.warn('Infinite scroll: kunde inte uppdatera Disqus', err);
										}
									}

									checkPlus().then(isPlus => {
										if (isPlus) {
											//console.log('No Outsiders');
										} else {
											if (checkPren()) {
												//console.log('No Outsiders');
											} else {
												if (window.innerWidth > 1440) { $('#outsider').html('<div class="maxetise" data-placement="desktop6"></div>'); } 
												if (window.innerWidth > 1600) { $('#outsiderLeft').html('<div class="maxetise" data-placement="desktop7"></div>'); } 
											}
										}
									}).catch(error => console.error(error));
									
								})
								.catch(error => {
									console.warn('Infinite scroll: kunde inte ladda inline-sida', error);
								})
								.finally(() => {
									isLoading = false;
								});
						}

						// Vänta på att loadtrigger-elementet finns i DOM:en
						/**
						 * Init-loop som körs direkt efter sidladdning. Infinite scroll kräver att f-loadtrigger
						 * finns i DOM:en. Finns inte det ännu väntar vi 100 ms och försöker igen tills villkoret uppfylls.
						 */
						function tryInitObserver() {
							const triggers = document.querySelectorAll('f-loadtrigger');
							//console.log('Infinite scroll: försöker initiera observer, hittade', triggers.length, 'f-loadtrigger-element');
							if (triggers.length > 0) {
								observeLoadTriggerForPage(initialPage);
							} else {
								//console.log('Infinite scroll: väntar på f-loadtrigger...');
								setTimeout(tryInitObserver, 100);
							}
						}
						tryInitObserver();

					})();
					
				});

				
				$(document).ready(() => checkPlus().then(isPlus => {
					if (isPlus) {
						// Ingen native
					} else {
						if (checkPren()) {
							// Ingen native
						} else {

							// Denna skickar in till den globala native-arrayen. Detta är lista ett, två och tre som visas på placering 1, 3 och 5
							displayNativeArrayFlex(
								'nativesFrontPageOneArray,nativesFrontPageTwoArray,nativesFrontPageThreeArray',
								'nativeImpsGlobal',
								"f-native[data-index='1'],f-native[data-index='3'],f-native[data-index='5']"
							);
						}
					}
				}).catch(error => console.error(error)));
				

				//För att hålla koll på om artiklar är i skärm
				observeArticles();

				// lyssna på f-bubble-klick
				//initBubbleListeners();
			</script>
		
		
		<a href="?p=2" id="next-bar-link">
			<f-nextpage-container>
				<f-nextpage>
					N&auml;sta sida
				</f-nextpage>
			</f-nextpage-container>
		</a>
		
		<script>
			// Uppdatera next-bar länken när nya sidor laddas
			(function updateNextBar() {
				const nextBarLink = document.getElementById('next-bar-link');
				
				if (!nextBarLink) {
					return;
				}
				
				// Funktion för att uppdatera länken
				function updateNextBarLink() {
					// Hämta nuvarande sidnummer från URL eller initialPage
					const urlParams = new URLSearchParams(window.location.search);
					const currentPage = parseInt(urlParams.get('p') || '1', 10) || 1;
					const nextPage = currentPage + 1;
					
					// Bygg URL med alla befintliga parametrar
					const newParams = new URLSearchParams(window.location.search);
					newParams.set('p', nextPage);
					const newUrl = '?' + newParams.toString();
					
					nextBarLink.href = newUrl;
				}
				
				// Uppdatera vid sidladdning
				updateNextBarLink();
				
				// Lyssna på popstate för att uppdatera när användaren navigerar
				window.addEventListener('popstate', updateNextBarLink);
				
				// Exponera funktionen globalt så att infinite scroll kan uppdatera den
				window.updateNextBar = updateNextBarLink;
			})();
		</script>
		
		














<svg style="display: none;">
  <symbol id="YouTube_Icon_Player" viewBox="0 0 1024 721">
	<path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"/>
	<g id="Lozenge">
	  <g>
		<path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3    h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5    C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3    s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5    C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/>
	  </g>
	</g>
  </symbol>
</svg>


<!-- SITENAME Feber / Spel -->


	
	<f-footer-spons style="display: none;">
		<f-footer-spons-content>
			<b>Sponsrat</b>: Se aktuella uttagstider och j&auml;mf&ouml;r alla casinon med svensk licens hos <a href="https://Casinorino.se" target="_blank">Casinorino.se</a>.
		</f-footer-spons-content>
	</f-footer-spons>
	<script>
		$(document).ready(() => checkPlus().then(isPlus => {
			if (isPlus) {
			} else {
				if (checkPren()) {
				} else {
					const footerSpons = document.querySelector('f-footer-spons');
					if (footerSpons) {
						footerSpons.style.display = 'flex';
					}
				}
			}
		}).catch(error => console.error(error)));
	</script>



	<f-footer>
		<f-footer-logo >
			<svg width="60" height="40" viewBox="0 0 368 244" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M294.595 139.654C339.152 139.654 367.795 109.242 367.795 71.4047C367.795 32.1525 339.152 1.03368 294.595 1.03368C250.392 1.03368 222.81 32.1525 222.81 71.4047C222.81 109.242 250.392 139.654 294.595 139.654ZM295.302 95.8047C277.975 95.8047 269.488 84.8424 269.488 70.6974C269.488 56.9061 277.975 44.1757 295.302 44.1757C311.923 44.1757 321.824 56.9061 321.824 70.6974C321.824 84.8424 311.923 95.8047 295.302 95.8047Z" fill="var(--f-hot-color)"/>
				<path d="M0 244H65.0667V158.07H182.47V106.794H65.0667V51.2754H182.47V0H0V244Z" fill="white"/>
			</svg>

		</f-footer-logo>

		<f-footer-link-container>

			<f-footer-links>
				<b>Teknik</b>
				<a href="/internet/">Internet</a>
				<a href="/mac/">Mac</a>
				<a href="/mobil/">Mobil</a>
				<a href="/pc/">PC</a>
				<a href="/pryl/">Pryl</a>
				<a href="/vetenskap/">Vetenskap</a>
			</f-footer-links>

		<f-footer-links>
			<b>Motor</b>
			<a href="/bil/">Bilar</a>
			<a href="/om/motorcyklar/">Motorcyklar</a>
			<a href="/om/b&aring;tar/">B&aring;tar</a>
			<a href="/om/eldrivet/">Eldrivet</a>
			<a href="/om/lastbilar/">Lastbilar</a>
		</f-footer-links>

		<f-footer-links>
			<b>Samh&auml;lle</b>
			<a href="/om/ai/">AI</a>
			<a href="/om/ekonomu/">Ekonomi</a>
			<a href="/pm/brott/">Brott</a>
			<a href="/om/h&auml;lsa/">H&auml;lsa</a>
		</f-footer-links>

		<f-footer-links>
			<b>Spel</b>
			<a href="/om/xbox/">Xbox</a>
			<a href="/om/playstation/">Playstation</a>
			<a href="/om/nintendo/">Nintendo</a>
			<a href="/om/bradspel/">Br&auml;dspel</a>
		</f-footer-links>

			<f-footer-links>
				<b>Popkultur</b>
				<a href="/om/film/">Film</a>
				<a href="/om/tv/">TV-serier</a>
				<a href="/om/trailsers/">Trailers</a>
			</f-footer-links>

			<f-footer-links>
				<b>Om Feber</b>
				<a href="https://feber.se/det-har-ar-febers-redaktion/332304/">Redaktionen</a>
				<a href="https://feber.typeform.com/tipsa">Tipsa</a>
				<a href="https://feber.se/advertise/">Annonsera</a>
				<a href="https://feber.se/statistik-for-feber/435274/">Statistik</a>
				<a href="https://feber.se/plus/">Feber+</a>
			</f-footer-links>

		</f-footer-link-container>

	</f-footer>


<style>

	f-footer-spons {
		display: flex; flex-direction: column; padding: 30px; background-color: rgba(255,255,255,0.05); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px);
		color: #aaa;
	}

	f-footer-spons b {
		font-family: var(--f-suisse-semibold); font-weight: 300; 
	}

	f-footer-spons a {
		font-family: var(--f-suisse-semibold); font-weight: 300; color: #ccc; 
	}

	f-footer {
		display: flex; flex-direction: column; padding: 30px; background-color: rgba(0,0,0,0.3); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px); margin-bottom: -50px;
	}

	f-footer-logo {
		margin-bottom: 20px; 
	}

	f-footer-link-container {
		display: flex; gap: 20px; justify-content: space-between;
	}

	f-footer-links {
		display: flex;
		flex-direction: column;
		color: white; 
		font-size: 15px;
		line-height: 20px;
	}

	f-footer-links b {
		font-family: SuisseSemiBold; 
	}

	f-footer-links a {
		color: #777; 
	}

f-footer-links a:hover {
	color: #bbb; 
}

@media only screen and (max-width: 980px) {

	f-footer svg {
		width: 40px; 
		height: 27px;
	}
	f-footer-link-container {
		flex-direction: column;
		gap: 10px;
		
	}

	f-footer-links {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
		font-size: 13px;
		line-height: 17px;
		row-gap: 0px;
	}
}


</style>
























		
		
	


 
	
	
	<script id="dsq-count-scr" src="//feber.disqus.com/count.js" async></script>
	





























		
	



	
	

	
	
	<script>
		window.nativesFrontPageOne = window.nativesFrontPageOne || {};
		
		function addtonativesFrontPageOne(articleId, frequency) {
			window.nativesFrontPageOne[articleId] = frequency;
		}

		window.nativesFrontPageOneArray = window.nativesFrontPageOneArray || [];
		let nativesFrontPageOne = window.nativesFrontPageOne;
		let nativesFrontPageOneArray = window.nativesFrontPageOneArray;
		
		function addtonativesFrontPageOneArray(articleId, frequency) {
			window.nativesFrontPageOneArray.push({ articleId, frequency });
		}
	</script>

	

	
			
			
			
			
				
				
						
					
				
				
				
					
					
					
					
					
					
					
					
					
					
					
				
			
			
			
				
				
						
					
				
				
				
					
					
					
					
					
					
					
					
					
					
					
						<script>
							addtonativesFrontPageOne('491231', 1);
							addtonativesFrontPageOneArray('491231', 1);
							//console.log('Nu la vi till 491231 - Så väljer du robotgräsklippare 2026 - i nativesFrontPageOneArray');
						</script>
					
				
			
			
			
				
				
						
					
				
				
				
					
					
					
					
					
					
					
					
					
					
					
				
			
			
			
				
				
						
					
				
				
				
					
					
					
					
					
					
					
					
					
					
					
						<script>
							addtonativesFrontPageOne('491520', 1);
							addtonativesFrontPageOneArray('491520', 1);
							//console.log('Nu la vi till 491520 - Så tycker Feber-läsarna om HP Smart Tank 5108 - i nativesFrontPageOneArray');
						</script>
					
				
			
			

			<script>
				//console.log('nativesFrontPageOne innehÃ¥ll:', nativesFrontPageOne);
				//console.log('nativesFrontPageOneArray innehÃ¥ll:', nativesFrontPageOneArray);
			</script>

		

 















		
	



	
	

	
	
	<script>
		window.nativesFrontPageTwo = window.nativesFrontPageTwo || {};
		
		function addtonativesFrontPageTwo(articleId, frequency) {
			window.nativesFrontPageTwo[articleId] = frequency;
		}

		window.nativesFrontPageTwoArray = window.nativesFrontPageTwoArray || [];
		let nativesFrontPageTwo = window.nativesFrontPageTwo;
		let nativesFrontPageTwoArray = window.nativesFrontPageTwoArray;
		
		function addtonativesFrontPageTwoArray(articleId, frequency) {
			window.nativesFrontPageTwoArray.push({ articleId, frequency });
		}
	</script>

	

	
			
			
			

			<script>
				//console.log('nativesFrontPageTwo innehÃ¥ll:', nativesFrontPageTwo);
				//console.log('nativesFrontPageTwoArray innehÃ¥ll:', nativesFrontPageTwoArray);
			</script>

		

 















		
	



	
	

	
	
	<script>
		window.nativesFrontPageThree = window.nativesFrontPageThree || {};
		
		function addtonativesFrontPageThree(articleId, frequency) {
			window.nativesFrontPageThree[articleId] = frequency;
		}

		window.nativesFrontPageThreeArray = window.nativesFrontPageThreeArray || [];
		let nativesFrontPageThree = window.nativesFrontPageThree;
		let nativesFrontPageThreeArray = window.nativesFrontPageThreeArray;
		
		function addtonativesFrontPageThreeArray(articleId, frequency) {
			window.nativesFrontPageThreeArray.push({ articleId, frequency });
		}
	</script>

	

	
			
			
			

			<script>
				//console.log('nativesFrontPageThree innehÃ¥ll:', nativesFrontPageThree);
				//console.log('nativesFrontPageThreeArray innehÃ¥ll:', nativesFrontPageThreeArray);
			</script>

		

 






	<script src="https://scripts.sesamy.com/s/feber/bundle.js" type="text/javascript" defer crossorigin="anonymous"></script>









 

























	<style>
		f-plus-background, f-plus-offer { opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
		f-plus-background.visible, f-plus-offer.visible { opacity: 1; visibility: visible; }
		
		f-plus-background {
			position: fixed; left: 0px; top: 0px; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); transition: all .2s;
		}
		f-plus-offer {
			z-index: 2001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 
			display: flex; gap: 20px; flex-direction: column;
			width: calc(100% - 60px); max-width: 980px; max-height: calc(100vh - 60px); padding: 20px;
			background-color: #fff; overflow: auto; box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
			font-family: "SuisseRegular"; font-weight: 300; -webkit-font-smoothing: antialiased; overflow: visible;
		}
		
		f-plus-header {
			background-color: #333; 
			display: block;
			height: 90px;
		}
		
		f-plus-header svg { width: 100%; height: 100%; }
		
		f-plus-offer .row {
			display: grid; margin: 0 20px 0px 20px; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding-bottom: 20px; 
		}
		
		f-plus-offer button {
			display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
			width: 100%; height: 50px; padding: 10px;
			cursor: pointer; border-radius: 6px; border: 0px; transition: all 0.5s;
			background-color: rgba(0,0,0,0.07);
			color: rgba(0,0,0,0.5);
			font-size: 18px; font-family: "SuisseRegular"; line-height: 20px; -webkit-font-smoothing: antialiased; 
		}
		
		f-plus-offer button b {
			color: rgba(0,0,0,0.9); white-space: nowrap; font-family: SuisseSemiBold; font-weight: 300;
		}
		
		f-plus-offer button.selected {
			background-color: rgba(0,0,0,0.8); color: rgba(255,255,255,0.6);
		}
		f-plus-offer button.selected b { color: rgba(255,255,255,1); }
		
		p { margin: 0; }
		
		
		
		f-plus-offer #next { color: white; background-color: rgb(255, 69, 0); font-size: 18px; }
		
		f-plus-offer button#next b { color: white; }
		
		f-plus-offer .header {
			font-size: 30px; font-family: SuisseLight; font-weight: 300; line-height: 30px; color: rgb(255, 69, 0);
		}
		
		f-plus-offer .header b {
			white-space: nowrap; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9);
		}
		
		f-plus-offer .text { font-size: 15px; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; }
		f-plus-offer .text b { font-size: 20px; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9);  }
		
		f-plus-offer .line { border-top: 1px solid #e7e7e7; height: 1px; }
		
		f-plus-offer .lineitem {
			border-top: 1px solid #e7e7e7;
			padding: 12px 15px;
			width: calc(33% - 30px);
			float: left;
			line-height: 24px; 
			background-color: rgba(0,0,0,0.03);
		}
		
		f-plus-offer .lineitem:before {
			content: '+';
			font-family: var(--f-suisse-bold);
			color: var(--f-hot-color);
			font-size: 20px;
			display: block; 
			float: left; 
			line-height: 20px; 
			margin-right: 6px; 
		}
		
		@media screen and (max-width: 600px) {
			f-plus-offer .lineitem {
				width: calc(100% - 30px);
				float: none;
				padding: 7px 15px;
			}
		}
		
		f-plus-offer .lineitem .plus {
			font-family: var(--f-suisse-bold);
			color: var(--f-hot-color);
			font-size: 25px;
		}
		
		f-plus-offer i {
			color: var(--f-article-text-color);
			display: inline-block;
			margin: 0px;
			padding: 12px 15px;
			width: calc(100% - 40px);
			font-style: normal;
			font-family: var(--f-suisse-regular);
			border-left: none;
			background-color: var(--f-article-background-inline);
			border-radius: 0px;
		}
		
		f-plus-offer hr {
			background-color: #eee;
		}
		
		
		f-plus-offer #price { float:left; font-size: 18px; line-height: 22px; color: rgba(0,0,0,0.6); }
		f-plus-offer #price b { font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9); }
		
		




		
		@media screen and (max-width: 600px) {
			f-plus-offer .header {
				font-size: 22px; line-height: 22px;
			}

			f-plus-offer button {
				font-size: 13px;
				height: 45px;
			}
			f-plus-offer #next {
				font-size: 15px;
			}
			f-plus-offer #price {
				font-size: 14px;
			}
			
			f-plus-offer .text { 
				font-size: 14px; line-height: 18px; 
			}
		}
		
		@media screen and (min-width: 600px) {
			
			f-plus-close {
				display: none; 
				position: absolute;
				background-color: var(--f-hot-color);
				top: -15px;
				right: -15px;
				width: 24px;
				height: 24px;
				display: block;
				border-radius: 12px;
				color: white;
				font-family: var(--f-suisse-bold);
				text-align: center;
				font-size: 20px;
				line-height: 21px;
				transform: rotate(-45deg);
				padding: 0px;
				box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
				cursor: pointer;
			}
			f-plus-offer.visible {
				overflow: visible; 
			}
			f-plus-offer.visible f-plus-close {
				display: block; 
			}
		}
		
		@media screen and (max-width: 600px) {
			
			f-plus-close {
				display: none; 
			}
			f-plus-offer.visible f-plus-close {
				display: none; 
			}
		}



		
	</style>
	
	
	
	
	<f-plus-background></f-plus-background>
	
	<f-plus-offer>
		
			<f-plus-close onclick="hidePremiumContent();">+</f-plus-close>
		

		
		
		<f-plus-offer-packages data-direction="column">
			<f-plus-offer-package>
				<f-plus-offer-package-header>
					<f-plus-offer-package-header-name>
						Per m&aring;nad
					</f-plus-offer-package-header-name>
					<f-plus-offer-package-header-price>
						39 kr
					</f-plus-offer-package-header-price>
				</f-plus-offer-package-header>
				<f-plus-offer-package-desc>
					Betala l&ouml;pande per m&aring;nad. <b>Ingen bindningstid</b>. 
				</f-plus-offer-package-desc>
				
				<f-plus-offer-package-cta>
					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3bQHc0k-jGWk7haZ2pgiZ&lang=sv" target="_blank" data-sesamy-checkout-option="3bQHc0k-jGWk7haZ2pgiZ">
						Starta prenumeration
					</a>
				</f-plus-offer-package-cta>
				</a>

			</f-plus-offer-package>

			<f-plus-offer-package>
				<f-plus-offer-package-header>
					<f-plus-offer-package-header-name>
						Per &aring;r
					</f-plus-offer-package-header-name>
					<f-plus-offer-package-header-price>
						299 kr
					</f-plus-offer-package-header-price>
				</f-plus-offer-package-header>
				<f-plus-offer-package-desc>
					Enklast och billigast, bara 25 kronor i m&aring;naden. Betala l&ouml;pande per &aring;r. <b>Ingen bindningstid</b>. 
					Prova <b>14 dagar gratis</b> innan du best&auml;mmer dig.
				</f-plus-offer-package-desc>
				
				<f-plus-offer-package-cta>
					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3EQsEYTfOqVCw_v631rNf&lang=sv" class="hotbutton" target="_blank" data-sesamy-checkout-option="3EQsEYTfOqVCw_v631rNf">
						Starta gratis provperiod
					</a>
				</f-plus-offer-package-cta>
				

			</f-plus-offer-package>


			<f-plus-offer-package>
				<f-plus-offer-package-header>
					<f-plus-offer-package-header-name>
						Eng&aring;ngsk&ouml;p
					</f-plus-offer-package-header-name>
					<f-plus-offer-package-header-price>
						349 kr
					</f-plus-offer-package-header-price>
				</f-plus-offer-package-header>
				<f-plus-offer-package-desc>
					Slipp &aring;terkommande betalningar, betala ett &aring;r i taget. Betala med kort eller Swish. 
				</f-plus-offer-package-desc>
				
				<f-plus-offer-package-cta>
					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=0imMN6J-46ihVB8ykJA9j&lang=sv" target="_blank" data-sesamy-checkout-option="0imMN6J-46ihVB8ykJA9j">
						K&ouml;p utan prenumeration
					</a>
				</f-plus-offer-package-cta>
				

			</f-plus-offer-package>
		</f-plus-offer-packages>
		

		
		
		
	
	</f-plus-offer>

	
	
	
	<script>
		const fPremiumBackground = document.querySelector('f-plus-background');
		const fPremiumOfferNew = document.querySelector('f-plus-offer');
		
		// Funktion fÃ¶r att visa premiuminnehÃ¥ll
		function showPremiumContent() {
			if (window.innerWidth < 600) {
				window.location.href = 'https://feber.se/plus/';
			} else {
				window.location.href = 'https://feber.se/plus/';
				//fPremiumBackground.classList.add('visible');
				//fPremiumOfferNew.classList.add('visible');
			}
		}
		
		// Funktion fÃ¶r att dÃ¶lja premiuminnehÃ¥ll
		function hidePremiumContent() {
		  fPremiumBackground.classList.remove('visible');
		  fPremiumOfferNew.classList.remove('visible');
		}

			document.querySelectorAll('[data-sesamy-checkout-option]').forEach(function(link) {
				link.addEventListener('click', function(event) {
					if (typeof openFeberCheckout !== 'function') {
						return;
					}

					event.preventDefault();
					openFeberCheckout(link.getAttribute('data-sesamy-checkout-option'), link.getAttribute('target'));
				});
			});

		</script>




<f-stat-catcher></f-stat-catcher>














		
		
		<f-search-overlay>
			<f-search-overlay-backdrop></f-search-overlay-backdrop>
			<f-search-overlay-content>
				<f-search-overlay-form>
					<form onsubmit="redirectToSearchUrl(event)">
						<input type="text" id="searchOverlayInput" placeholder="S&ouml;kord..." required>
						<input type="submit" value="Go!">
					</form>
				</f-search-overlay-form>
			</f-search-overlay-content>
		</f-search-overlay>
		
		<style>
			f-search-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 9999;
				display: none; /* Dold som standard */
				align-items: center;
				justify-content: center;
			}
			
			f-search-overlay.show {
				display: flex; /* Visa nÃ¤r .show-klassen lÃ¤ggs till */
			}
			
			f-search-overlay-backdrop {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.7);
				backdrop-filter: blur(5px);
			}
			
			f-search-overlay-content {
				position: relative;
				z-index: 10000;
				width: 90%;
				max-width: 600px;
			}
			
			f-search-overlay-form {
				display: block;
				background-color: var(--f-article-background-inline);
				padding: var(--f-article-padding);
				border-radius: 10px;
				box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
			}
			
			f-search-overlay-form form {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				gap: 10px;
			}
			
			f-search-overlay-form form input[type="text"] {
				width: calc(100% - 120px);
				font-size: 24px;
				padding: 20px 24px;
				margin: 0;
				border-radius: 10px;
				border: 0;
				font-family: var(--f-suisse-regular);
			}
			
			f-search-overlay-form form input[type="text"]:focus {
				outline: none;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			}
			
			f-search-overlay-form form input[type="submit"] {
				background-color: var(--f-article-button-background-active);
				color: var(--f-article-button-text-active);
				border: 0;
				border-radius: 10px;
				font-size: 24px;
				padding: 20px 30px;
				font-family: var(--f-suisse-semibold);
				cursor: pointer;
				white-space: nowrap;
			}
			
			f-search-overlay-form form input[type="submit"]:hover {
				opacity: 0.9;
			}
		</style>
		
		<script>
			function redirectToSearchUrl(event) {
				event.preventDefault();
				var input = document.getElementById('searchOverlayInput').value;
				var formattedInput = encodeURIComponent(input);
				formattedInput = formattedInput.replace(/%20/g, '+');
				var baseUrl = window.location.protocol + '//' + window.location.host;
				var url = baseUrl + '/om/' + formattedInput + '/?search=true';
				window.location.href = url;
			}
			
			// StÃ¤ng overlay nÃ¤r man klickar pÃ¥ backdrop
			document.addEventListener('DOMContentLoaded', function() {
				var backdrop = document.querySelector('f-search-overlay-backdrop');
				if (backdrop) {
					backdrop.addEventListener('click', function() {
						// DÃ¶lj overlay genom att ta bort .show-klassen
						var overlay = document.querySelector('f-search-overlay');
						if (overlay) {
							overlay.classList.remove('show');
						}
					});
				}
			});
		</script>
		
		

</body>

</html>
		
	