1<!DOCTYPE html> 2<html lang="sv" dir="ltr" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="utf-8" /> 5<meta property="og:site_name" content="Sjöräddningssällskapet" /> 6<meta property="og:image" content="https://www.sjoraddning.se/profiles/ssrs/themes/ssrs/images/nav/share_fb_small.png" /> 7<meta property="og:image:type" content="image/png" /> 8<meta property="og:image:width" content="1200" /> 9<meta property="og:image:height" content="750" /> 10<meta property="og:url" content="https://www.sjoraddning.se/medlemskap/bli-medlem" /> 11<meta property="og:title" content="Bli medlem" /> 12<meta property="og:description" content="Bli medlem Ett medlemskap gäller per kalenderÃ¥r 1/1 â 31/12. Du kan välja att betala hela medlemsavgiften pÃ¥ en gÃ¥ng eller att dela upp den genom..." /> 13<meta name="description" content="Bli medlem Ett medlemskap gäller per kalenderÃ¥r 1/1 â 31/12. Du kan välja att betala hela medlemsavgiften pÃ¥ en gÃ¥ng eller att dela upp den genom..." /> 14<link rel="canonical" href="https://www.sjoraddning.se/medlemskap/bli-medlem" /> 15<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 16<meta name="MobileOptimized" content="width" /> 17<meta name="HandheldFriendly" content="true" /> 18<meta name="viewport" content="width=device-width, initial-scale=1.0" />
19<script type="text/javascript" id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="sv" data-iab-enabled></script>
19 20<link rel="icon" href="/themes/custom/ssrs/favicon.ico" type="image/vnd.microsoft.icon" />
21<script src="/sites/default/files/google_tag/www_sjoraddning_se/google_tag.script.js?tm8wdh" defer></script>
21 22 23 <title>Bli medlem | Sjöräddningssällskapet</title> 24 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_MxNfoyLjP4kl9flJNx30AfKXEagg3qHEdDZ94jIwOSY.css?delta=0&language=sv&theme=ssrs&include=eJxNyEEKwCAMBdEL2eZIRUMqgcSAPy68fSl00d284YUMv9rUFOIfTjaVkeV7d0ynNyAmnAWYoG7Rqh3IbTp6wUaKU6uQBwHZIp4" /> 25<link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/tom-select/2.6.2/css/tom-select.min.css" /> 26<link rel="stylesheet" media="all" href="/sites/default/files/css/css_uFxdp2Py4SAGnnwV3nUzD_mIcoBytAZveBgbrJRPMLA.css?delta=2&language=sv&theme=ssrs&include=eJxNyEEKwCAMBdEL2eZIRUMqgcSAPy68fSl00d284YUMv9rUFOIfTjaVkeV7d0ynNyAmnAWYoG7Rqh3IbTp6wUaKU6uQBwHZIp4" /> 27 28 29 <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/ssrs/dist/images/favicons/apple-touch-icon.png"> 30 <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/ssrs/dist/images/favicons/favicon-32x32.png"> 31 <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/ssrs/dist/images/favicons/favicon-16x16.png"> 32 <link rel="manifest" href="/themes/custom/ssrs/dist/images/favicons/site.webmanifest"> 33 <link rel="mask-icon" href="/themes/custom/ssrs/dist/images/favicons/safari-pinned-tab.svg" color="#000000"> 34 <meta name="msapplication-TileColor" content="#ffffff"> 35 <meta name="msapplication-config" content="/themes/custom/ssrs/dist/images/favicons/browserconfig.xml"> 36 <meta name="theme-color" content="#ffffff"> 37 <meta name="format-detection" content="telephone=no"> 38 <link rel="preconnect" href="https://fonts.googleapis.com"> 39 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 40 <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 41 </head> 42 <body class="antialiased has-no-js bg-gradient-to-br from-[#FBFCFD] to-[#EBEDEE] text-neutral-900"> 43 <a href="#main-content" class="sr-only focus:not-sr-only"> 44 Hoppa till huvudinnehåll 45 </a>
vendor: 72 bytes, lines 45-46
45 46 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
46GTM-M8MBKFG
vendor: 89 bytes, lines 46-47
46" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 47
47<div class="flex flex-col" data-off-canvas-main-canvas> 48 <div class="relative flex flex-col min-h-screen"> 49 <header class="px-[.75rem] py-[.75rem] z-50 bg-white md:px-6 md:py-4 xl:px-8 xl:py-6" role="banner"> 50 <div class="flex justify-between items-center"> 51 <div class="flex flex-shrink-0"> 52 <div class="flex flex-col w-full --branding"> 53 <div id="block-ssrs-branding"> 54 55 56 <a class="flex items-center" href="/" title="Home" rel="home"> 57 <svg title="Site logotype" class="hidden fl:block h-10 xl:h-12 2xl:h-14" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 68"> 58 <path d="M110.513 55.733h-10.171c-.205 0-.266-.084-.204-.278l5.409-17.008c.063-.195.177-.279.381-.279h2.843c.175 0 .265.084.204.28l-4.479 14.08c-.062.194-.001.278.204.278h6.743c.175 0 .267.084.204.278l-.754 2.37c-.061.195-.175.28-.38.28ZM123.592 55.733h-10.17c-.205 0-.266-.084-.204-.278l5.409-17.008c.063-.195.177-.279.381-.279h2.842c.176 0 .266.084.204.28l-4.478 14.08c-.062.194-.001.278.204.278h6.743c.176 0 .267.084.204.278l-.754 2.37c-.061.195-.176.28-.381.28ZM94.358 49.155c-.01.029.002.084-.007.112-.054.168-.196.251-.402.251h-2.136c-.204 0-.294-.083-.24-.251.007-.028.054-.083.064-.112l2.165-3.68c.083-.166.34-.618.819-1.482h.087c-.
58098.864-.122 1.316-.145 1.482l-.205 3.68Zm3.464 6.218-.032-17.008c-.015-.14-.086-.195-.231-.195h-2.107c-.175 0-.251.056-.354.195L84.25 55.373c-.018.056-.056.084-.065.112-.053.166.038.25.242.25h2.923c.146 0 .28-.056.354-.195l1.809-2.928c.073-.14.17-.167.346-.167h4.184c.176 0 .254.028.239.167l-.053 2.928c-.015.139.054.196.23.196h2.955c.205 0 .348-.085.402-.251.009-.028-.012-.056.006-.112Zm4.154-20.883c.312-.976-.239-1.729-1.264-1.729-1.023 0-2.053.753-2.364 1.729-.318 1.004.212 1.729 1.265 1.729 1.024 0 2.053-.752 2.363-1.73Zm-4.943 0c.31-.976-.24-1.729-1.265-1.729-1.023 0-2.053.753-2.364 1.729-.318 1.004.211 1.729 1.265 1.729 1.023 0 2.053-.752 2.364-1.73ZM164.387 49.153c-.01.029.003.084-.007.112-.053.168-.196.25-.401.25h-2.136c-.204 0-.295-.082-.241-.25.008-.028.055-.083.064-.112l2.165-3.68c.083-.167.34-.618.819-1.482h.088c-.1.864-.123 1.315-.147 1.482l-.204 3.68Zm3.465 6.218-.034-17.008c-.013-.14-.084-.195-.231-.195h-2.106c-.175 0-.252.056-.354.195l-10.851 17.008c-.018.056-.056.084-.065.111-.053.167.038.251.242.251h2.926c.147 0 .281-.056.355-.195l1.808-2.928c.074-.14.171-.167.347-.167h4.182c.177 0 .255.028.241.167l-.055 2.928c-.014.139.056.195.231.195h2.955c.205 0 .349-.084.401-.25.01-.028-.01-.056.008-.112ZM152.471 55.511c-.036.112-.189.224-.393.224l-2.675-.002c-.172 0-.222-.139-.222-.139s-1.982-6.794-2.054-6.998c-.073-.203-.224-.273-.48-.056-.256.218-1.639 1.478-1.639 1.478l-1.729 5.437c-.062.194-.177.278-.381.278h-2.78c-.204 0-.266-.084-.204-.278l5.408-17.008c.063-.195.177-.279.382-.279h2.779c.176 0 .267.084.204.28 0 0-1.838 5.777-1.924 6.063-.087.286.012.429.327.144.314-.285 7.434-6.375 7.434-6.375s.126-.112.269-.112h3.316c.205 0 .296.084.251.224a.624.624 0 0 1-.159.222s-8.22 7.048-8.333 7.155c-.113.107-.129.18-.097.308.032.126 2.704 9.238 2.704 9.238a.463.463 0 0 1-.004.196ZM181.731 43.532c-.354 1.116-1.574 2.008-2.745 2.008h-2.414c-.205 0-.267-.084-.204-.28l1.232-3.886c.063-.194.177-.278.381-.278h2.414c1.171 0 1.815.92 1.469 2.007l-.133.429Zm3.342-.232c.964-3.118-.904-5.132-4.028-5.132h-5.497c-.205 0-.319.084-.382.28l-5.409 17.007c-.061.194 0 .278.205.278h2.779c.204 0 .319-.084.381-.278l2.137-6.71c.062-.194.177-.278.382-.278h2.415c4.001 0 6.035-2.063 6.948-4.935l.069-.232ZM193.714 55.733h-10.013c-.206 0-.267-.084-.204-.278l5.409-17.008c.061-.195.176-.279.381-.279h10.014c.175 0 .265.084.203.28l-.754 2.37c-.062.194-.176.278-.38.278h-6.65c-.205 0-.319.084-.382.278l-1.178 3.71c-.062.194-.001.278.203.278h5.392c.204 0 .265.084.204.278l-.755 2.37c-.062.195-.176.28-.381.28h-5.391c-.204 0-.318.083-.38.278l-1.259 3.96c-.063.194-.002.278.203.278h6.648c.176 0 .267.084.205.278l-.753 2.37c-.063.195-.177.28-.382.28ZM211.352 41.096h-3.189c-.204 0-.318.084-.381.278l-4.478 14.08c-.061.195-.177.28-.381.28h-2.751c-.204 0-.265-.085-.203-.28l4.479-14.08c.061-.194 0-.278-.205-.278h-3.189c-.204 0-.265-.084-.204-.279l.754-2.37c.061-.195.177-.279.381-.279h10.298c.176 0 .267.084.205.28l-.754 2.37c-.062.194-.176.278-.382.278ZM78.7 42.567c-.418 1.31.6 1.961 2.365 2.853 2.666 1.351 3.853 3.009 2.98 5.754-.966 3.04-3.492 4.841-6.823 4.841h-.666c-1.961 0-3.326-.99-3.888-1.635-.715-.826-1.008-1.46-.919-1.74.017-.054.102-.139.237-.194 0 0 2.285-1.068 2.44-1.13.283-.114.37.008.574.45.278.604.963 1.182 2.007 1.182h.487c1.141 0 2.694-.813 3.088-1.914.574-1.61-.589-2.188-2.216-3.051-2.744-1.476-3.847-3.367-3.048-5.876.913-2.871 3.3-4.245 6.55-4.245h.438c1.251 0 2.434.617 3.07 1.174.894.781 1.32 2.006 1.214 2.339-.035.112-.112.167-.246.224l-2.312 1.016c-.067.029-.126.029-.156.029-.146 0-.152-.168-.247-.418-.273-.893-1.137-1.374-2.044-1.374h-.377c-1.14 0-2.145.573-2.508 1.715ZM133.218 42.567c-.416 1.31.601 1.961 2.366 2.853 2.667 1.351 3.854 3.009 2.981 5.754-.967 3.04-3.493 4.841-6.824 4.841h-.667c-1.959 0-3.325-.99-3.886-1.635-.716-.826-1.008-1.46-.921-1.74.018-.054.103-.139.238-.194 0 0 2.285-1.068 2.439-1.13.284-.114.372.008.575.45.278.604.963 1.182 2.007 1.182h.486c1.142 0 2.695-.813 3.089-1.914.574-1.61-.589-2.188-2.216-3.051-2.744-1.476-3.846-3.367-3.048-5.876.914-2.871 3.3-4.245 6.55-4.245h.439c1.25 0 2.433.617 3.07 1.174.893.781 1.32 2.006 1.213 2.339-.035.112-.112.167-.246.224l-2.312 1.016c-.067.029-.126.029-.156.029-.146 0-.152-.168-.247-.418-.272-.893-1.137-1.374-2.043-1.374h-.378c-1.14 0-2.145.573-2.509 1.715ZM115.162 25.087c-.362 1.143-1.544 2.008-2.714 2.008h-1.435c-1.169 0-1.822-.893-1.468-2.008l2.625-8.253c.355-1.114 1.575-2.007 2.745-2.007h1.435c1.169 0 1.802.864 1.438 2.007l-2.62
586 8.253Zm3.365 0 2.626-8.253c.94-2.955-.596-4.935-3.872-4.935h-1.435c-3.891 0-6.045 1.896-7.011 4.935l-2.624 8.253c-.941 2.956.565 4.935 3.871 4.935h1.435c4.031 0 6.07-1.978 7.01-4.935Zm3.405-16.589c.31-.977-.241-1.728-1.265-1.728s-2.053.751-2.363 1.728c-.32 1.003.21 1.728 1.264 1.728 1.023 0 2.053-.752 2.364-1.728Zm-4.945 0c.31-.977-.24-1.728-1.265-1.728-1.023 0-2.052.751-2.362 1.728-.32 1.003.21 1.728 1.263 1.728 1.024 0 2.053-.752 2.364-1.728ZM133.408 17.377c-.354 1.115-1.604 2.008-2.745 2.008h-3.218c-.206 0-.267-.085-.204-.279l1.179-3.709c.063-.194.177-.278.382-.278h3.217c1.141 0 1.814.92 1.469 2.007l-.08.251Zm-.195 12.017-.337-7.497s-.01-.144.067-.202c.077-.058.669-.397 1.471-1.019.784-.61 1.824-1.71 2.241-3.02l.088-.279c1.011-3.178-.853-5.185-4.106-5.185h-6.269c-.204 0-.319.083-.381.278l-5.409 17.008c-.063.194-.002.278.204.278h2.779c.204 0 .319-.084.382-.278l2.189-6.887c.063-.195.176-.279.382-.279h2.603c.165 0 .181.167.181.167l.323 7.082c.043.139.114.195.202.195h3.012c.205 0 .32-.084.364-.223a.264.264 0 0 0 .014-.14ZM145.22 23.163c-.01.029.002.084-.008.112-.053.168-.195.25-.401.25h-2.137c-.204 0-.294-.082-.241-.25.008-.028.056-.083.065-.112l2.166-3.68c.082-.167.339-.618.819-1.482h.087c-.1.864-.122 1.315-.146 1.483l-.204 3.679Zm3.464 6.217-.034-17.007c-.013-.14-.084-.194-.23-.194h-2.106c-.176 0-.252.054-.355.194L135.108 29.38c-.018.057-.055.085-.065.112-.053.167.037.251.243.251h2.925c.146 0 .281-.056.354-.195l1.809-2.928c.073-.14.171-.167.346-.167h4.183c.177 0 .255.027.241.167l-.054 2.928c-.014.139.055.195.23.195h2.956c.204 0 .348-.084.401-.25.01-.028-.011-.056.007-.113Zm4.154-20.882c.311-.977-.24-1.728-1.264-1.728s-2.053.751-2.364 1.728c-.319 1.003.212 1.728 1.265 1.728 1.024 0 2.053-.752 2.363-1.728Zm-4.944 0c.311-.977-.241-1.728-1.264-1.728-1.025 0-2.053.751-2.364 1.728-.32 1.003.211 1.728 1.265 1.728 1.023 0 2.053-.752 2.363-1.728ZM160.722 24.822c-.354 1.114-1.575 2.007-2.745 2.007h-2.75c-.205 0-.266-.084-.204-.279l3.547-11.153c.063-.194.177-.278.381-.278h2.75c1.141 0 1.814.92 1.468 2.007l-2.447 7.696Zm3.415-.251 2.287-7.194c1.012-3.178-1.165-5.185-4.168-5.185h-5.738c-.205 0-.319.083-.381.278l-5.41 17.008c-.062.194 0 .278.205.278h6.114c4.005 0 6.08-2.006 7.091-5.185ZM175.877 24.822c-.355 1.114-1.575 2.007-2.745 2.007h-2.75c-.204 0-.266-.084-.204-.279l3.548-11.153c.062-.194.176-.278.38-.278h2.75c1.141 0 1.814.92 1.468 2.007l-2.447 7.696Zm3.415-.251 2.287-7.194c1.012-3.178-1.165-5.185-4.168-5.185h-5.737c-.206 0-.32.083-.382.278l-5.41 17.008c-.061.194 0 .278.205.278h6.114c4.005 0 6.08-2.006 7.091-5.185ZM192.883 29.757h-2.428c-.176 0-.22-.14-.22-.14l-2.432-11.207-3.375 11.068c-.062.194-.176.279-.38.279h-2.721c-.205 0-.267-.085-.205-.279l5.41-17.007c.062-.195.176-.279.381-.279h2.457a.23.23 0 0 1 .22.139l2.368 11.32 3.439-11.18c.062-.195.176-.279.381-.279h2.691c.176 0 .267.084.204.279l-5.409 17.007c-.061.194-.176.279-.381.279ZM215.857 29.757h-2.428c-.176 0-.219-.14-.219-.14l-2.433-11.207-3.375 11.068c-.061.194-.176.279-.38.279h-2.721c-.205 0-.266-.085-.204-.279l5.409-17.007c.063-.195.176-.279.381-.279h2.458a.23.23 0 0 1 .219.139l2.369 11.32 3.438-11.18c.062-.195.176-.279.382-.279h2.691c.176 0 .266.084.204.279l-5.409 17.007c-.062.194-.177.279-.382.279ZM199.974 29.756h-2.78c-.205 0-.266-.084-.204-.278l5.409-17.008c.063-.195.177-.278.382-.278h2.779c.175 0 .266.083.204.278l-5.41 17.008c-.061.194-.176.278-.38.278ZM235.446 12.822c.892.78 1.226 2.034 1.121 2.37-.027.082-.112.167-.247.221l-2.709 1.2c-.067.027-.126.027-.155.027-.175 0-.181-.167-.258-.473-.223-.864-.461-1.339-1.476-1.339h-2.088c-1.17 0-2.39.893-2.745 2.008l-2.625 8.253c-.354 1.114.298 2.007 1.468 2.007h1.434c1.171 0 2.353-.865 2.716-2.007l.416-1.311c.063-.194-.028-.279-.203-.279h-2.751c-.204 0-.265-.084-.203-.278l.753-2.37c.063-.195.177-.28.381-.28h6.116c.204 0 .265.085.203.28l-1.348 4.238c-.939 2.956-2.896 4.934-7.01 4.934h-1.435c-3.306 0-4.812-1.979-3.871-4.934l2.624-8.253c.94-2.955 3.735-4.935 7.011-4.935h1.838c1.345 0 2.33.307 3.043.92ZM85.225 16.575c-.418 1.31.6 1.962 2.364 2.854 2.667 1.35 3.854 3.008 2.981 5.753-.966 3.04-3.492 4.841-6.824 4.841h-.666c-1.96 0-3.326-.99-3.887-1.634-.715-.827-1.008-1.461-.92-1.74.017-.055.103-.14.238-.194
580 0 2.284-1.068 2.439-1.13.284-.115.37.007.575.45.277.604.963 1.182 2.007 1.182h.487c1.14 0 2.693-.813 3.087-1.915.575-1.61-.588-2.188-2.215-3.051-2.744-1.476-3.847-3.366-3.05-5.876.915-2.87 3.301-4.245 6.551-4.245h.44c1.25 0 2.433.618 3.07 1.175.893.78 1.319 2.005 1.213 2.339-.036.111-.112.167-.247.223l-2.312 1.016c-.067.03-.126.03-.155.03-.147 0-.153-.169-.248-.42-.272-.892-1.136-1.373-2.043-1.373h-.377c-1.14 0-2.145.573-2.508 1.715ZM242.094 16.575c-.418 1.31.6 1.962 2.364 2.854 2.667 1.35 3.855 3.008 2.981 5.753-.966 3.04-3.492 4.841-6.824 4.841h-.666c-1.96 0-3.326-.99-3.887-1.634-.716-.827-1.007-1.461-.919-1.74.017-.055.102-.14.237-.194 0 0 2.285-1.068 2.439-1.13.284-.115.371.007.574.45.278.604.965 1.182 2.008 1.182h.486c1.142 0 2.694-.813 3.088-1.915.574-1.61-.589-2.188-2.215-3.051-2.744-1.476-3.847-3.366-3.049-5.876.914-2.87 3.3-4.245 6.55-4.245h.439c1.25 0 2.434.618 3.07 1.175.894.78 1.321 2.005 1.214 2.339-.036.111-.112.167-.246.223l-2.313 1.016c-.067.03-.126.03-.155.03-.146 0-.152-.169-.248-.42-.272-.892-1.136-1.373-2.043-1.373h-.377c-1.14 0-2.145.573-2.508 1.715ZM106.763 12.47c.063-.195-.028-.278-.203-.278h-9.65c-.204 0-.318.083-.38.278l-.754 2.37c-.061.196 0 .28.205.28h6.281c.206 0 .267.083.204.278l-2.86 8.974c-.612 1.955-1.754 2.663-2.927 2.663-.906 0-1.486-.284-1.864-1.17-.135-.318-.247-.584-.574-.45-.327.134-2.432 1.053-2.432 1.053-.165.056-.25.134-.255.25-.032.609 1.156 3.318 4.399 3.318 3.89 0 5.819-1.807 6.882-5.213l3.928-12.353Z" fill="#231F20"/> 59 <path fill-rule="evenodd" clip-rule="evenodd" d="M67.645 33.822c0 18.678-15.145 33.825-33.82 33.825C15.142 67.647 0 52.5 0 33.822 0 15.146 15.143 0 33.824 0c18.676 0 33.82 15.146 33.82 33.822Z" fill="#00A0E4"/> 60 <path fill-rule="evenodd" clip-rule="evenodd" d="M64.001 33.823c0 16.668-13.51 30.18-30.175 30.18-16.67 0-30.18-13.512-30.18-30.18 0-16.665 13.51-30.178 30.18-30.178C50.49 3.645 64 17.158 64 33.823Z" fill="#FFDE2D"/> 61 <path fill-rule="evenodd" clip-rule="evenodd" d="M60.36 33.826c0 14.657-11.884 26.54-26.537 26.54-14.656 0-26.54-11.883-26.54-26.54 0-14.655 11.884-26.535 26.54-26.535 14.653 0 26.537 11.88 26.537 26.535Z" fill="#fff"/> 62 <path d="m55.473 24.404-.144-.154-17.382 5.639-.2-.194 5.636-17.385-.153-.149H24.41l-.155.149 5.638 17.385-.2.194L12.31 24.25l-.141.16v18.819l.141.15 17.383-5.635.2.195-5.638 17.388.153.145h18.826l.149-.145-5.636-17.388.2-.195 17.382 5.635.144-.148V24.404Z" fill="#ED1651"/><path d="M20.517 43.543h.57c.862 0 1.214.377 1.214 1.282 0 .91-.352 1.296-1.214 1.296h-.57v-2.578Zm0 5.747v-2.213h.48c.797 0 .797.526.826 1.584.035 1.553.366 2.298 1.59 2.298 1.064 0 1.468-.59 1.468-1.967v-.133h-.636c0 .097.01.176.01.259 0 .511-.134.758-.366.758-.313 0-.297-.49-.35-1.294-.061-1.065-.353-1.588-1.377-1.807 1.214-.081 1.835-.725 1.835-1.912 0-1.717-.975-2.284-3.138-2.284H18.11v.964c.522.015.683.108.683.574v5.173c0 .472-.161.565-.683.575v.967h3.087v-.967c-.516-.01-.681-.103-.681-.575ZM18.992 21.54h.935c.115 1.74.976 2.71 1.912 2.71.566 0 .991-.34.991-.866 0-.594-.32-.991-.991-1.432-.822-.549-1.352-.921-1.669-1.189-.72-.611-1.127-1.1-1.127-1.983 0-1.27.967-2.193 2.23-2.193.77 0 1.38.208 1.847.713l.33-.513h.735v3.075h-.94c-.099-1.51-.772-2.32-1.63-2.32-.612 0-.936.319-.936.781 0 .581.503.914 1.388 1.47 1.482.934 2.316 1.62 2.316 3.053 0 1.462-.975 2.393-2.419 2.393-.719 0-1.401-.26-1.87-.769l-.358.568h-.744V21.54ZM43.605 21.54h.938c.113 1.74.973 2.71 1.908 2.71.567 0 .991-.34.991-.866 0-.594-.32-.991-.989-1.432-.824-.549-1.352-.921-1.669-1.189-.72-.611-1.127-1.1-1.127-1.983 0-1.27.968-2.193 2.23-2.193.771 0 1.378.208 1.846.713l.33-.513h.733v3.075h-.934c-.1-1.51-.773-2.32-1.635-2.32-.61 0-.935.319-.935.781 0 .581.503.914 1.388 1.47 1.482.934 2.315 1.62 2.315 3.053 0 1.462-.978 2.393-2.416 2.393-.721 0-1.405-.26-1.874-.769l-.355.568h-.745V21.54ZM43.605 47.336h.938c.113 1.738.973 2.705 1.908 2.705.567 0 .991-.34.991-.86 0-.597-.32-.995-.989-1.435-.824-.55-1.352-.923-1.669-1.19-.72-.608-1.127-1.098-1.127-1.98 0-1.273.968-2.196 2.23-2.196.771 0 1.378.214 1.846.711l.33-.51h.733v3.074h-.934c-.1-1.513-.773-2.319-1.635-2.319-.61 0-.935.318-.935.782 0 .582.503.907 1.388 1.465 1.482.94 2.315 1.624 2.315 3.057 0 1.457-.978 2.395-2.416 2.395-.721 0-1.405-.262-1.874-.774l-.355.572h-.745v-3.497Z" fill="#231F20"/> 63 </svg> 64 <svg title="Site logotype" class="h-8 fl:hidden" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 68"> 65 <path fill-rule="evenodd" clip-rule="evenodd" d="M67.645 33.822c0 18.678-15.145 33.825-33.82 33.825C15.142 67.647 0 52.5 0 33.822 0 15.146 15.143 0 33.824 0c18.676 0 33.82 15.146 33.82 33.822Z" fill="#00A0E4"/> 66 <path fill-rule="evenodd" clip-rule="evenodd" d="M64.001 33.823c0 16.668-13.51 30.18-30.175 30.18-16.67 0-30.18-13.512-30.18-30.18 0-16.665 13.51-30.178 30.18-30.178C50.49 3.645 64 17.158 64 33.823Z" fill="#FFDE2D"/> 67 <path fill-rule="evenodd" clip-rule="evenodd" d="M60.36 33.826c0 14.657-11.884 26.54-26.537 26.54-14.656 0-26.54-11.883-26.54-26.54 0-14.655 11.884-26.535 26.54-26.535 14.653 0 26.537 11.88 26.537 26.535Z" fill="#fff"/> 68 <path d="m55.473 24.404-.144-.154-17.382 5.639-.2-.194 5.636-17.385-.153-.149H24.41l-.155.149 5.638 17.385-.2.194L12.31 24.25l-.141.16v18.819l.141.15 17.383-5.635.2.195-5.638 17.388.153.145h18.826l.149-.145-5.636-17.388.2-.195 17.382 5.635.144-.148V24.404Z" fill="#ED1651"/><path d="M20.517 43.543h.57c.862 0 1.214.377 1.214 1.282 0 .91-.352 1.296-1.214 1.296h-.57v-2.578Zm0 5.747v-2.213h.48c.797 0 .797.526.826 1.584.035 1.553.366 2.298 1.59 2.298 1.064 0 1.468-.59 1.468-1.967v-.133h-.636c0 .097.01.176.01.259 0 .511-.134.758-.366.758-.313 0-.297-.49-.35-1.294-.061-1.065-.353-1.588-1.377-1.807 1.214-.081 1.835-.725 1.835-1.912 0-1.717-.975-2.284-3.138-2.284H18.11v.964c.522.015.683.108.683.574v5.173c0 .472-.161.565-.683.575v.967h3.087v-.967c-.516-.01-.681-.103-.681-.575ZM18.992 21.54h.935c.115 1.74.976 2.71 1.912 2.71.566 0 .991-.34.991-.866 0-.594-.32-.991-.991-1.432-.822-.549-1.352-.921-1.669-1.189-.72-.611-1.127-1.1-1.127-1.983 0-1.27.967-2.193 2.23-2.193.77 0 1.38.208 1.847.713l.33-.513h.735v3.075h-.94c-.099-1.51-.772-2.32-1.63-2.32-.612 0-.936.319-.936.781 0 .581.503.914 1.388 1.47 1.482.934 2.316 1.62 2.316 3.053 0 1.462-.975 2.393-2.419 2.393-.719 0-1.401-.26-1.87-.769l-.358.568h-.744V21.54ZM43.605 21.54h.938c.113 1.74.973 2.71 1.908 2.71.567 0 .991-.34.991-.866 0-.594-.32-.991-.989-1.432-.824-.549-1.352-.921-1.669-1.189-.72-.611-1.127-1.1-1.127-1.983 0-1.27.968-2.193 2.23-2.193.771 0 1.378.208 1.846.713l.33-.513h.733v3.075h-.934c-.1-1.51-.773-2.32-1.635-2.32-.61 0-.935.319-.935.781 0 .581.503.914 1.388 1.47 1.482.934 2.315 1.62 2.315 3.053 0 1.462-.978 2.393-2.416 2.393-.721 0-1.405-.26-1.874-.769l-.355.568h-.745V21.54ZM43.605 47.336h.938c.113 1.738.973 2.705 1.908 2.705.567 0 .991-.34.991-.86 0-.597-.32-.995-.989-1.435-.824-.55-1.352-.923-1.669-1.19-.72-.608-1.127-1.098-1.127-1.98 0-1.273.968-2.196 2.23-2.196.771 0 1.378.214 1.846.711l.33-.51h.733v3.074h-.934c-.1-1.513-.773-2.319-1.635-2.319-.61 0-.935.318-.935.782 0 .582.503.907 1.388 1.465 1.482.94 2.315 1.624 2.315 3.057 0 1.457-.978 2.395-2.416 2.395-.721 0-1.405-.262-1.874-.774l-.355.572h-.745v-3.497Z" fill="#231F20"/> 69 </svg> 70 </a> 71 <a class="sr-only" href="https://www.sjoraddning.se/" title="Home" rel="home">Sjöräddningssällskapet</a> 72 73</div> 74 75 </div> 76 77 </div> 78 <div class="flex items-center md:absolute md:right-12"> 79 <nav role="call to action and tools navigation" aria-labelledby="block-ssrs-cta-and-tools-menu" class="flex items-center sm:mr-4 lg:mr-6 xl:mr-8"> 80 81 82 83 84 <ul class="menu-cta list-style-none"> 85 <li class="inline-block"> 86 <a href="/medlemskap/bli-medlem" class="block py-1 px-1 font-sans text-neutral-900 text-xs uppercase tracking-wider underline-offset-8 hover:underline focus:underline xs:py-1 xs:px-2 xs:text-sm sm:pb-[.125rem] fl:decoration-2 fl:text-base xl:text-md 2xl:text-lg 2xl:px-4 underline is-active" data-drupal-link-system-path="medlemskap/bli-medlem" aria-current="page">Bli medlem</a> 87 </li> 88 <li class="inline-block"> 89 <a href="/stod-oss" class="block py-1 px-1 font-sans text-neutral-900 text-xs uppercase tracking-wider underline-offset-8 hover:underline focus:underline xs:py-1 xs:px-2 xs:text-sm sm:pb-[.125rem] fl:decoration-2 fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4100">Stöd oss</a> 90 </li> 91 <li class="inline-block"> 92 <a href="/frivilliga-sjoraddare" class="block py-1 px-1 font-sans text-neutral-900 text-xs uppercase tracking-wider underline-offset-8 hover:underline focus:underline xs:py-1 xs:px-2 xs:text-sm sm:pb-[.125rem] fl:decoration-2 fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4204">Bli frivillig</a> 93 </li> 94 </ul> 95 96 97 98 99 100 <svg title="Line icon" class="hidden sm:w-4 lg:w-6 2xl:w-8 sm:block fl:hidden" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.5 1.5a1 1 0 0 1 1 1v43a1 1 0 1 1-2 0v-43a1 1 0 0 1 1-1Z" fill="#171717"/></svg> 101 <svg title="Line icon" class="hidden w-6 fl:block 2xl:w-8 5xl:w-10" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 1.5a1 1 0 0 1 1 1v43a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-43a1 1 0 0 1 1-1h1Z" fill="#171717"/></svg> 102 <div class="hidden sm:block"> 103 104 105 106 107 <ul class="list-style-none flex flex-col sm:block"> 108 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 109 <a href="/kontakt" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4098">Kontakt</a> 110 </li> 111 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 112 <a href="/vader" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4097">Kustväder</a> 113 </li> 114 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 115 <a href="/sok" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="sok">Sök</a> 116 </li> 117 </ul> 118 119 120 121 122 123 </div> 124 </nav> 125 </div> 126 <button class="js-menu-main-open hamburger hamburger--squeeze h-[1.375rem] fl:h-6 3xl:h-8 lg:absolute lg:right-8" aria-expanded="false" aria-haspopup="menu" aria-label="Meny"> 127 <div class="hamburger-box"> 128 <div class="hamburger-inner"></div> 129 </div> 130 </button> 131 </div> 132</header> 133 134 <main class="relative flex flex-col flex-grow mb-12 md:mb-24" role="main"> 135 <div class="flex flex-col w-full --pre-content"> 136 <div id="block-ssrs-breadcrumbs"> 137 138 139 <nav role="navigation" aria-labelledby="system-breadcrumb"> 140 <h2 id="system-breadcrumb" class="sr-only">Länkstig</h2> 141 <div class="px-4 lg:px-6 pl-4 md:pl-6 xl:pl-8"> 142 <ol class="list-style-none flex flex-wrap"> 143 <li class="inline-flex items-center justify-center uppercase last:mr-0 only:hidden"> 144 <a class="block py-3 text-[.625rem] text-gray-700 tracking-wide leading-none underline-offset-4 hover:underline focus:underline xs:text-xs md:text-sm md:py-4" href="/medlemskap">Medlemskap</a><span class="px-2 text-gray-500">|</span> 145 </li> 146 <li class="inline-flex items-center justify-center uppercase last:mr-0 only:hidden">
147 <span class="text-gray-700 leading-none tracking-wide text-[.625rem] xs:text-xs md:text-sm">Bli Medlem</span> 148 </li> 149 </ol> 150 </div> 151 </nav> 152 153 </div> 154<div data-drupal-messages-fallback class="hidden"></div> 155 156 </div> 157 158 159 <div class="js-menu-wrapper h-0 w-full sm:absolute sm:top-0 sm:right-0 sm:w-fit sm:-z-50"> 160 <div class="js-main-navigation-tools -translate-y-1 transition duration-150 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none motion-reduce:duration-0 bg-yellow-500 w-full transform opacity-0 invisible flex flex-col sm:hidden " style="will-change: transform, opacity;"> 161 162 163 164 165 <ul class="list-style-none flex flex-col sm:block"> 166 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 167 <a href="/kontakt" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4098">Kontakt</a> 168 </li> 169 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 170 <a href="/vader" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="node/4097">Kustväder</a> 171 </li> 172 <li class="inline-block px-6 py-3 first:pt-6 last:pb-6 sm:p-0 sm:first:pt-0 sm:last:pb-0"> 173 <a href="/sok" class="block font-sans text-neutral-900 text-md uppercase decoration-2 underline-offset-8 tracking-wider hover:underline focus:underline sm:py-1 sm:px-2 sm:pb-[.125rem] sm:text-sm fl:text-base xl:text-md 2xl:text-lg 2xl:px-4" data-drupal-link-system-path="sok">Sök</a> 174 </li> 175 </ul> 176 177 178 179 180 181 </div> 182 183 184<nav role="navigation" aria-labelledby="block-ssrs-main-menu" id="block-ssrs-main-menu" class="flex items-center w-full sm:w-auto"> 185 186 187 188 189<div class="js-main-navigation -translate-y-1 transition duration-150 ease-[
189cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none motion-reduce:duration-0 bg-gradient-to-b from-neutral-50 to-white w-full transform opacity-0 invisible flex flex-col sm:w-fit" style="will-change: transform, opacity;"> 190 191 192 193 194 <ul class="flex flex-col sm:pr-24"> 195 196 197 198 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 199 <a href="/medlemskap" title="Här kan du läsa om vad som ingår i ditt medlemskap samt bli medlem" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4145">Medlemskap</a> 200 </li> 201 202 203 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 204 <a href="/stod-oss" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4100">Stöd oss</a> 205 </li> 206 207 208 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 209 <a href="/frivilliga-sjoraddare" title="Läs mer om hur det är att vara frivillig sjöräddare" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4204">Bli frivillig</a> 210 </li> 211 212 213 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 214 <a href="/sjosakerhet" title="Bli säkrare på sjön. Här finns information och inspiration för ett tryggare båtliv." class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4203">Sjösäkerhet</a> 215 </li> 216 217 218 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 219 <a href="/larm" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="larm">Larm</a> 220 </li> 221 222 223 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 224 <a href="/raddningsflotta" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4245">Räddningsflotta</a> 225 </li> 226 227 228 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 229 <a href="/raddningsstationer" title="/raddningsstationer" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="raddningsstationer">Räddningsstationer</a> 230 </li> 231 232 233 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 234 <a href="/forskning-och-utveckling" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4339">Forskning och utveckling</a> 235 </li> 236 237 238 <li class="flex relative px-6 py-3 first:pt-6 last:pb-6 sm:px-5 sm:py-2 sm:first:pt-4 sm:last:pb-4 lg:inline-flex lg:px-6 lg:py-[.575rem] lg:first:pt-6 lg:last:pb-6"> 239 <a href="/om-oss" title="Läs mer om vår organisation och historia" class="inline-flex text-md uppercase tracking-wider decoration-2 underline-offset-8 w-full sm:text-sm fl:text-base xl:text-md 2xl:text-lg hover:underline focus:underline" data-drupal-link-system-path="node/4206">Om oss</a> 240 </li> 241 </ul> 242 243 244 <a href="https://webshop.sjoraddning.se/" class="bg-black px-6 py-3 decoration-2 underline-offset-8 sm:px-5 sm:py-2 lg:px-6 lg:py-4 text-white uppercase text-md hover:underline focus:underline hover:text-neutral-900 focus:text-neutral-900 hover:bg-yellow-500 focus:bg-yellow-500 sm:text-sm fl:text-base xl:text-md 2xl:text-lg"> 245 Webbshop 246 </a> 247</div> 248 249 </nav> 250 251 252 </div> 253 254 <a id="main-content" tabindex="-1"></a> 255 <div class="w-full"> 256 <div class="flex flex-col w-full --content"> 257 <div id="block-ssrs-content"> 258 259 260 261<div class="max-w-[74rem] mx-auto my-16 sm:px-4"> 262 <header class="mb-16"> 263 <h1 class="mb-2 text-center text-5xl md:text-7xl lg:text-9xl">Bli medlem</h1> 264 </header> 265 266 <form class="custom-form-membership w-full flex flex-col gap-4 bg-white p-4 md:grid md:grid-cols-2 lg:p-6 lg:gap-6 lg:p-12 xl:p-20" x-data="{ step: 1, membership_price_adult_month: 79, membership_price_adult_year: 950, membership_price_young_senior_month: 49, membership_price_young_senior_year: 600, membership_price_lifetime: 25000, membership_type: 'membership', donation_recurrence: 'monthly', private_sender_address_auto: 'service', private_sender_personal_number: '', private_sender_firstname: '', private_sender_lastname: '', private_sender_address: '', private_sender_postalnumber: '', private_sender_city: '', private_sender_country: 'se', private_sender_email: '', private_sender_telephone: '', private_sender_hidden_firstname: '', private_sender_hidden_lastname: '', private_sender_hidden_address: '', private_sender_hidden_postalnumber: '', private_sender_hidden_city: '', private_sender_hidden_country: 'se', monthly_payment_options: 'assently', direct_payment_options: 'swedbank_pay', bank_details_account_number: '', bank_details_clearing_number: '', country_names: {'al': 'Albanien','ad': 'Andorra','by': 'Belarus','be': 'Belgien','ba': 'Bosnien och Hercegovina','bg': 'Bulgarien','cy': 'Cypern','dk': 'Danmark','ee': 'Estland','fi': 'Finland','fr': 'Frankrike','fo': 'Färöarna','gi': 'Gibraltar','gr': 'Grekland','gl': 'Grönland','gg': 'Guernsey','ie': 'Irland','is': 'Island','im': 'Isle of Man','it': 'Italien','je': 'Jersey','xk': 'Kosovo','hr': 'Kroatien','lv': 'Lettland','li': 'Liechtenstein','lt': 'Litauen','lu': 'Luxemburg','mt': 'Malta','md': 'Moldavien','mc': 'Monaco','me': 'Montenegro','nl': 'Nederländerna','mk': 'Nordmakedonien','no': 'Norge','pl': 'Polen','pt': 'Portugal','ro': 'Rumänien','ru': 'Ryssland','sm': 'San Marino','ch': 'Schweiz','rs': '
266Serbien','sk': 'Slovakien','si': 'Slovenien','es': 'Spanien','gb': 'Storbritannien','sj': 'Svalbard och Jan Mayen','se': 'Sverige','cz': 'Tjeckien','tr': 'Turkiet','de': 'Tyskland','ua': 'Ukraina','hu': 'Ungern','va': 'Vatikanstaten','ax': 'à land','at': 'Ãsterrike'}, seamless_state: 'idle', spar_state: 'idle', spar_error: '', spar_request: 0, formatNumber(number){return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');}, async fetchSparDetails(prefix, needed){if(!needed){return true;}if(this.spar_state === 'loading'){return false;}this.spar_state = 'loading';this.spar_error = '';const request = ++this.spar_request;const result = await Drupal.sparLookup(this[prefix + 'personal_number']);if(request !== this.spar_request){return false;}if(!result.ok){this.spar_state = 'error';this.spar_error = result.error;return false;}this.setSparDetails(prefix, result.details);this.spar_state = 'done';return true;}, setSparDetails(prefix, details){['firstname','lastname','address','postalnumber','city'].forEach((key) => {this[prefix + 'hidden_' + key] = (details && details[key]) || '';});}, clearSparDetails(prefix){this.spar_request++;this.setSparDetails(prefix, {});this.spar_state = 'idle';this.spar_error = '';} }" @submit="if ($event.target.classList.contains('js-submitted')) { event.preventDefault(); } else { $event.target.classList.add('js-submitted'); };" @pageshow.window="$el.classList.remove('js-submitted');" data-drupal-selector="custom-form-membership" action="/medlemskap/bli-medlem" method="post" id="custom-form-membership" accept-charset="UTF-8"> 267 268<input x-model="step" data-drupal-selector="edit-step" type="hidden" name="step" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 269 270<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-left-wrap" id="edit-left-wrap"> 271<div @validate="validateStep($event.target)" @revalidate="validateStep($event.currentTarget)" data-step="1" class="js-step-wrap w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-step-1" id="edit-step-1"> 272<div x-bind:class="[ step == 1 ? 'bg-none pt-3 mb-4 text-lg lg:pt-5 lg:mb-6' : 'bg-gray-100 text-gray-700 text-md my-1 p-4' ]" class="flex items-center w-full max-w-full form-wrapper js-form-wrapper" style="" data-drupal-selector="edit-label-wrap" id="edit-label-wrap"> 273<div x-show="step > 1" class="mr-1 !w-auto w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-check-wrap" id="edit-check-wrap"><svg class="w-8 h-8" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m11.072 12.627-1.739 2.706 4.899 7.334 10.434-13.53-2.608-1.804-7.826 10.824-3.16-5.53Z" fill="#7EDC51"/></svg></div> 274<h2 class="mr-4" id="step-1" data-drupal-selector="edit-label">1. Välj medlemskap</h2> 275<b x-show="step > 1" x-on:click="step = 1; window.scrollTo({ top: document.querySelector('#edit-step-1').offsetTop - document.querySelector('header').clientHeight + (1 - 2) * 66 + 35 , behavior: 'smooth' });" class="ml-auto uppercase text-blue-600 underline font-normal text-xs cursor-pointer" data-drupal-selector="edit-back">Ãndra</b> 276</div> 277 278<div x-show="step == 1" x-bind:class="[step == 1 ? 'mb-4 lg:mb-6' : '']" class="space-y-4 lg:space-y-6 w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-wrap" id="edit-wrap"><fieldset x-model="membership_type" data-drupal-selector="edit-membership-type" id="edit-membership-type--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> 279 <legend class="sr-only"> 280 <span class="fieldset-legend">Membership type</span> 281 </legend> 282 <div class="fieldset-wrapper"> 283 <div id="edit-membership-type" class="flex flex-wrap gap-y-4"><div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 284 285 286 <input x-model="membership_type" data-drupal-selector="edit-membership-type-membership" type="radio" id="edit-membership-type-membership" name="membership_type" value="membership" checked="checked" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 287 288 289 290 291 292<label for="edit-membership-type-membership" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">Ordinarie </label> 293 </div> 294<div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 295 296 297 <input x-model="membership_type" data-drupal-selector="edit-membership-type-lifetime" type="radio" id="edit-membership-type-lifetime" name="membership_type" value="lifetime" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 298 299 300 301 302 303<label for="edit-membership-type-lifetime" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">Livstid </label> 304 </div> 305</div> 306 307 </div> 308</fieldset> 309 310<div x-show="membership_type == 'membership'" class="space-y-2 w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-recurrence-wrap" id="edit-recurrence-wrap"><p aria-hidden="true" class="text-sm" data-drupal-selector="edit-question">Hur vill du betala?</p> 311<fieldset x-model="donation_recurrence" @change="$dispatch("revalidate")" data-drupal-selector="edit-donation-recurrence" id="edit-donation-recurrence--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> 312 <legend class="sr-only"> 313 <span class="fieldset-legend">Hur vill du betala?</span> 314 </legend> 315 <div class="fieldset-wrapper"> 316 <div id="edit-donation-recurrence" class="flex flex-wrap gap-y-4"><div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 317 318 319 <input x-model="donation_recurrence" @change="$dispatch("revalidate")" data-drupal-selector="edit-donation-recurrence-monthly" type="radio" id="edit-donation-recurrence-monthly" name="donation_recurrence" value="monthly" checked="checked" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 320 321 322 323 324 325<label for="edit-donation-recurrence-monthly" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">MÃ¥nadsvis </label> 326 </div> 327<div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 328 329 330 <input x-model="donation_recurrence" @change="$dispatch("revalidate")" data-drupal-selector="edit-donation-recurrence-direct" type="radio" id="edit-donation-recurrence-direct" name="donation_recurrence" value="direct" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 331 332 333 334 335 336<label for="edit-donation-recurrence-direct" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">KalenderÃ¥r </label> 337 </div> 338</div> 339 340 </div> 341</fieldset> 342</div> 343 344<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="membership_type == 'membership' && donation_recurrence == 'monthly'" data-drupal-selector="edit-price-monthly" id="edit-price-monthly"> 345<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-lines" id="edit-lines"><div class="whitespace-nowrap" data-drupal-selector="edit-price-0">Vuxen 79 kr</div> 346<div class="whitespace-nowrap" data-drupal-selector="edit-price-1">
346Ung/Senior 49 kr</div> 347<div class="editor-text" data-drupal-selector="edit-terms"><p>Betalas via autogiro och löper tills du avslutar det.</p></div> 348</div> 349</div> 350 351<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="membership_type == 'membership' && donation_recurrence == 'direct'" data-drupal-selector="edit-price-yearly" id="edit-price-yearly"> 352<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-lines" id="edit-lines--2"><div class="whitespace-nowrap" data-drupal-selector="edit-price-0">Vuxen 950 kr</div> 353<div class="whitespace-nowrap" data-drupal-selector="edit-price-1">Ung/Senior 600 kr</div> 354<div class="editor-text" data-drupal-selector="edit-terms"><p>Första betalningen gäller till och med 31 december 2027.</p></div> 355</div> 356</div> 357 358<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="membership_type == 'lifetime'" data-drupal-selector="edit-price-lifetime" id="edit-price-lifetime"> 359<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-lines" id="edit-lines--3"><div class="whitespace-nowrap" data-drupal-selector="edit-price-0">25 000 kr</div> 360<div class="editor-text" data-drupal-selector="edit-terms"><p>Betalas en gÃ¥ng. Medlemskapet gäller resten av livet.</p></div> 361</div> 362</div> 363 364<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="membership_type == 'membership'" data-drupal-selector="edit-young-senior" id="edit-young-senior"> 365<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-lines" id="edit-lines--4"><div class="editor-text" data-drupal-selector="edit-terms"><p><strong>Reducerat pris för unga och seniorer</strong></p><p>Gäller till och med Ã¥ret du fyller 25 och frÃ¥n och med Ã¥ret du fyller 65. Rätt avgift sätts automatiskt om du anger personnummer i nästa steg.</p></div> 366</div> 367</div> 368 369<div data-drupal-selector="edit-actions" class="form-actions w-full max-w-full form-wrapper js-form-wrapper" id="edit-actions"> 370<div class="w-full"> 371 <input @click="step = 2; document.querySelector('.js-step-wrap[data-step="2"]').dispatchEvent(new CustomEvent('revalidate')); window.scrollTo({ top: document.querySelector('#edit-step-1').offsetTop - document.querySelector('header').clientHeight + (2 - 2) * 66 + 35 , behavior: 'smooth' }); " @click.prevent="" class="js-step-jump js-form-submit form-submit max-w-full w-full bg-yellow-500 border-0 inline-block cursor-pointer px-6 py-4 outline-none font-sans-bold text-sm uppercase tracking-wider transition focus:outline-none hover:bg-opacity-70 focus:bg-opacity-70 disabled:opacity-20 disabled:cursor-not-allowed" data-drupal-selector="edit-step-jump-2" type="submit" id="edit-step-jump-2" name="op" value="Nästa steg"/> 372</div> 373<div class="hidden mx-auto error-message text-red-500 font-bold text-xs mt-1"> 374 Du mÃ¥ste fylla i alla fält korrekt innan du kan fortsätta 375</div> 376</div> 377</div> 378</div> 379 380<div @validate="validateStep($event.target)" @revalidate="validateStep($event.currentTarget)" data-step="2" class="js-step-wrap w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-step-2" id="edit-step-2"> 381<div x-bind:class="[ step == 2 ? 'bg-none pt-3 mb-4 text-lg lg:pt-5 lg:mb-6' : 'bg-gray-100 text-gray-700 text-md my-1 p-4' ]" class="flex items-center w-full max-w-full form-wrapper js-form-wrapper" style="" data-drupal-selector="edit-label-wrap" id="edit-label-wrap--2"> 382<div x-show="step > 2" class="mr-1 !w-auto w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-check-wrap" id="edit-check-wrap--2"><svg class="w-8 h-8" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m11.072 12.627-1.739 2.706 4.899 7.334 10.434-13.53-2.608-1.804-7.826 10.824-3.16-5.53Z" fill="#7EDC51"/></svg></div> 383<h2 class="mr-4" id="step-2" data-drupal-selector="edit-label">2. Dina uppgifter</h2> 384<b x-show="step > 2" x-on:click="step = 2; window.scrollTo({ top: document.querySelector('#edit-step-1').offsetTop - document.querySelector('header').clientHeight + (2 - 2) * 66 + 35 , behavior: 'smooth' });" class="ml-auto uppercase text-blue-600 underline font-normal text-xs cursor-pointer" data-drupal-selector="edit-back">Ãndra</b> 385</div> 386 387<div x-show="step == 2" x-bind:class="[step == 2 ? 'mb-4 lg:mb-6' : '']" class="space-y-4 lg:space-y-6 w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-wrap" id="edit-wrap--2"><fieldset @change="$nextTick(() => $dispatch("revalidate"))" x-model="private_sender_address_auto" data-drupal-selector="edit-private-sender-address-auto" id="edit-private-sender-address-auto--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> 388 <legend class="sr-only"> 389 <span class="fieldset-legend">Fetch or fill ...</span> 390 </legend> 391 <div class="fieldset-wrapper"> 392 <div id="edit-private-sender-address-auto" class="flex flex-wrap gap-y-4"><div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 393 394 395 <input @change="$nextTick(() => $dispatch("revalidate"))" x-model="private_sender_address_auto" data-drupal-selector="edit-private-sender-address-auto-service" type="radio" id="edit-private-sender-address-auto-service" name="private_sender_address_auto" value="service" checked="checked" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 396 397 398 399 400 401<label for="edit-private-sender-address-auto-service" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">Hämta uppgifter </label> 402 </div> 403<div class="inline-flex items-center mr-6 last:mr-0 form-item form-item--radio js-form-item js-form-item--radio"> 404 405 406 <input @change="$nextTick(() => $dispatch("revalidate"))" x-model="private_sender_address_auto" data-drupal-selector="edit-private-sender-address-auto-fill" type="radio" id="edit-private-sender-address-auto-fill" name="private_sender_address_auto" value="fill" class="form-radio w-6 h-6 appearance-none cursor-pointer shrink-0 transition flex items-center justify-center relative border-2 border-solid border-gray-300 rounded-full text-sm before:content-[""] before:block before:w-3 before:h-3 before:bg-black before:rounded-full before:transform before:scale-0 before:transition checked:before:scale-100 checked:border-black outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 407 408 409 410 411 412<label for="edit-private-sender-address-auto-fill" class="block cursor-pointer text-neutral-900 text-sm pl-3 text-md option">Fyll i själv </label> 413 </div> 414</div> 415 416 </div> 417</fieldset> 418 419<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="private_sender_address_auto != 'anonymous'" data-drupal-selector="edit-box" id="edit-box"><div class="w-full max-w-full form-item form-item--textfield js-form-item js-form-item--textfield"> 420 421 422<label for="edit-private-sender-personal-number" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Personnummer <span x-show="private_sender_address_auto == 'service' || (membership_type == 'membership' && donation_recurrence == 'monthly')">*</span> </label> 423 <input class="js-validate form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" x-model="private_sender_personal_number" @blur="
423($data.private_sender_personal_number = $event.target.value.replace(/\D/g,"")) && $dispatch("validate") || $dispatch("validate")" @keyup="($data.private_sender_personal_number = $event.target.value.replace(/\D/g,"")) && $nextTick(() => { $event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate") })" placeholder="à à à à MMDDXXXX" x-bind:data-ssn-valid="isValidPersonalNumber(private_sender_personal_number)" @input="clearSparDetails("private_sender_")" x-bind:data-rules="(private_sender_address_auto == 'service' || (membership_type == 'membership' && donation_recurrence == 'monthly')) ? '["required", "numeric", "personalNumber:à à à à MMDDNNNN"]' : '["optional", "numeric", "personalNumber:à à à à MMDDNNNN"]'" data-drupal-selector="edit-private-sender-personal-number" type="text" id="edit-private-sender-personal-number" name="private_sender_personal_number" value="" size="60" maxlength="128" /> 424 425 </div> 426<div x-show="spar_error != ''" x-text="spar_error" role="alert" class="w-full text-red-500 font-bold text-xs mt-1" data-drupal-selector="edit-spar-error"></div> 427<p x-show="membership_type == 'membership' && donation_recurrence == 'monthly' && private_sender_address_auto != 'service'" class="w-full text-gray-700 text-xs !mt-1" data-drupal-selector="edit-autogiro-notice">Betalning mÃ¥nadsvis sker via autogiro, vilket kräver ditt personnummer. Vill du bli medlem utan att uppge det, gÃ¥ tillbaka och välj att betala Ã¥rsvis.</p> 428 429<div x-show="private_sender_address_auto == 'fill'" x-bind:class="[private_sender_address_auto == 'fill' && 'space-y-4 inline-flex flex-wrap']" data-drupal-selector="edit-fill-wrap" id="edit-fill-wrap" class="w-full max-w-full form-wrapper js-form-wrapper"><div class="w-full max-w-full form-item form-item--textfield js-form-item js-form-item--textfield"> 430 431 432<label for="edit-private-sender-firstname" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Förnamn * </label> 433 <input x-bind:class="private_sender_address_auto == 'fill' && 'js-validate'" x-model="private_sender_firstname" placeholder=" " @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["required", "noEmoji"]" data-drupal-selector="edit-private-sender-firstname" type="text" id="edit-private-sender-firstname" name="private_sender_firstname" value="" size="60" maxlength="128" class="form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" /> 434 435 </div> 436<div class="w-full max-w-full form-item form-item--textfield js-form-item js-form-item--textfield"> 437 438 439<label for="edit-private-sender-lastname" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Efternamn * </label> 440 <input x-bind:class="private_sender_address_auto == 'fill' && 'js-validate'" x-model="private_sender_lastname" placeholder=" " @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["required", "noEmoji"]" data-drupal-selector="edit-private-sender-lastname" type="text" id="edit-private-sender-lastname" name="private_sender_lastname" value="" size="60" maxlength="128" class="form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" /> 441 442 </div> 443 444<input x-model="private_sender_hidden_firstname" data-drupal-selector="edit-private-sender-hidden-firstname" type="hidden" name="private_sender_hidden_firstname" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 445 446<input x-model="private_sender_hidden_lastname" data-drupal-selector="edit-private-sender-hidden-lastname" type="hidden" name="private_sender_hidden_lastname" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 447<div class="w-full max-w-full form-item form-item--textfield js-form-item js-form-item--textfield"> 448 449 450<label for="edit-private-sender-address" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Adress * </label> 451 <input x-bind:class="private_sender_address_auto == 'fill' && 'js-validate'" x-model="private_sender_address" placeholder=" " @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["required", "noEmoji"]" data-drupal-selector="edit-private-sender-address" type="text" id="edit-private-sender-address" name="private_sender_address" value="" size="60" maxlength="128" class="form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" /> 452 453 </div> 454<div class="w-full sm:w-1/2 lg:w-1/3 sm:pr-2 form-item form-item--textfield js-form-item js-form-item--textfield"> 455 456 457<label for="edit-private-sender-postalnumber" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Postnummer * </label> 458 <input placeholder=" " x-bind:class="private_sender_address_auto == 'fill' && 'js-validate'" x-model="private_sender_postalnumber" @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" x-bind:data-rules="private_sender_country === 'se' ? '["required", "numeric", "postalNumber:NNNNN"]' : '["required", "minLength:2", "maxLength:12", "noEmoji"]'" data-drupal-selector="edit-private-sender-postalnumber" type="text" id="edit-private-sender-postalnumber" name="private_sender_postalnumber" value="" size="60" maxlength="128" class="form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" /> 459 460 </div> 461<div class="w-full sm:w-1/2 lg:w-2/3 sm:pl-2 form-item form-item--textfield js-form-item js-form-item--textfield"> 462 463 464<label for="edit-private-sender-city" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Ort * </label> 465 <input x-bind:class="private_sender_address_auto == 'fill' && 'js-validate'" x-model="private_sender_city" placeholder=" " @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["required", "noEmoji"]" data-drupal-selector="edit-private-sender-city" type="text" id="edit-private-sender-city" name="private_sender_city" value="" size="60" maxlength="128" class="form-text w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus placeholder:text-gray-700" /> 466 467 </div> 468<div class="w-full max-w-full form-item form-item--select js-form-item js-form-item--select"> 469 470 471<label for="edit-private-sender-country" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Land * </label> 472 473<div class="relative"><select x-model="private_sender_country" @change="$nextTick(() => { const postalnumber = $el.form.elements["private_sender_postalnumber"]; if (postalnumber && (postalnumber.value || postalnumber.classList.contains("invalid"))) { postalnumber.dispatchEvent(new CustomEvent("validate", { bubbles: true })); } })" class="js-country-select form-select w-full pl-4 pr-12 py-3 shadow-input appearance-none rounded-none text-md leading-5 hover:shadow-inputFocus focus:shadow-inputFocus focus:outline-none" data-drupal-selector="edit-private-sender-country" id="edit-private-sender-country" name="private_sender_country"><optgroup label="Norden"><option value="se" selected="selected">Sverige 474 </option><option value="no" >Norge 475 </option><option value="dk" >Danmark 476 </option><option value="fi" >Finland 477 </option><option value="is" >Island 478 </option></optgroup><optgroup label="Ãvriga Europa"><option value="al" >Albanien 479 </option><option value="ad" >Andorra 480 </option><option value="by" >Belarus 481 </option><option value="be" >Belgien 482 </option><option value="ba" >Bosnien och Hercegovina 483 </option><option value="bg" >Bulgarien 484 </option><option value="cy" >Cypern 485 </option><option value="ee" >Estland 486 </option><option value="fr" >Frankrike 487 </option><option value="fo" >Färöarna 488 </option><option value="gi" >Gibraltar 489 </option><option value="gr" >Grekland 490 </option><option value="gl" >Grönland 491 </option><option value="gg" >Guernsey 492 </option><option value="ie" >Irland 493 </option><option value="im" >Isle of Man 494 </option><option value="it" >Italien 495 </option><option value="je" >Jersey 496 </option><option value="xk" >Kosovo 497 </option><option value="hr" >Kroatien 498 </option><option value="lv" >Lettland 499 </option><option value="li" >Liechtenstein 500 </option><option value="lt" >Litauen 501 </option><option value="lu" >Luxemburg 502 </option><option value="mt" >Malta 503 </option><option value="md" >Moldavien 504 </option><option value="mc" >Monaco 505 </option><option value="me" >Montenegro 506 </option><option value="nl" >Nederländerna 507 </option><option value="mk" >Nordmakedonien 508 </option><option value="pl" >Polen 509 </option><option value="pt" >Portugal 510 </option><option value="ro" >Rumänien 511 </option><option value="ru" >Ryssland 512 </option><option value="sm" >San Marino 513 </option><option value="ch" >Schweiz 514 </option><option value="rs" >Serbien 515 </option><option value="sk" >Slovakien 516 </option><option value="si" >Slovenien 517 </option><option value="es" >Spanien 518 </option><option value="gb" >Storbritannien 519 </option><option value="sj" >Svalbard och Jan Mayen 520 </option><option value="cz" >Tjeckien 521 </option><option value="tr" >Turkiet 522 </option><option value="de" >Tyskland 523 </option><option value="ua" >Ukraina 524 </option><option value="hu" >Ungern 525 </option><option value="va" >Vatikanstaten 526 </option><option value="ax" >à land 527 </option><option value="at" >Ãsterrike 528 </option></optgroup></select><svg class="w-4 h-[17px] pointer-events-none absolute right-4 top-1/2 transform -translate-y-1/2" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.886757" y1="4.64645" x2="8.52494" y2="12.2846" stroke="black"/><line x1="7.81832" y1="12.2846" x2="15.4565" y2="4.64645" stroke="black"/></svg></div> 529 </div> 530 531<input x-model="private_sender_hidden_address" data-drupal-selector="edit-private-sender-hidden-address" type="hidden" name="private_sender_hidden_address" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 532 533<input x-model="private_sender_hidden_postalnumber" data-drupal-selector="edit-private-sender-hidden-postalnumber" type="hidden" name="private_sender_hidden_postalnumber" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 534 535<input x-model="private_sender_hidden_city" data-drupal-selector="edit-private-sender-hidden-city" type="hidden" name="private_sender_hidden_city" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 536 537<input x-model="private_sender_hidden_country" data-drupal-selector="edit-private-sender-hidden-country" type="hidden" name="private_sender_hidden_country" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 538</div> 539<div class="w-full max-w-full form-item form-item--email js-form-item js-form-item--email"> 540 541 542<label for="edit-private-sender-email" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">E-post * </label> 543 544<input class="js-validate form-email w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" x-model="private_sender_email" placeholder=" " @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["required", "email", "noEmoji"]" data-drupal-selector="edit-private-sender-email" type="email" id="edit-private-sender-email" name="private_sender_email" value="" size="60" maxlength="254" /> 545 546 </div> 547<div class="w-full max-w-full form-item form-item--tel js-form-item js-form-item--tel"> 548 549 550<label for="edit-private-sender-telephone" class="block cursor-pointer text-neutral-900 text-sm text-sm mb-2">Telefonnummer </label> 551 552<input class="js-validate form-tel w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" x-model="private_sender_telephone" @blur="$dispatch("validate")" @keyup="($event.target.classList.contains("invalid") ? $dispatch("validate") : $dispatch("revalidate"))" data-rules="["noEmoji"]" data-drupal-selector="edit-private-sender-telephone" type="tel" id="edit-private-sender-telephone" name="private_sender_telephone" value="" size="30" maxlength="128" /> 553 554 </div> 555</div> 556 557<div data-drupal-selector="edit-actions" class="form-actions w-full max-w-full form-wrapper js-form-wrapper" id="edit-actions--2"> 558<div class="w-full"> 559 <input @click="fetchSparDetails('private_sender_', (private_sender_address_auto == 'service')).then((ok) => { if (!ok) { return; } step = 3; document.querySelector('.js-step-wrap[data-step="3"]').dispatchEvent(new CustomEvent('revalidate')); window.scrollTo({ top: document.querySelector('#edit-step-1').offsetTop - document.querySelector('header').clientHeight + (3 - 2) * 66 + 35 , behavior: 'smooth' }); });" @click.prevent="" class="js-step-jump js-form-submit form-submit max-w-full w-full bg-yellow-500 border-0 inline-block cursor-pointer px-6 py
559-4 outline-none font-sans-bold text-sm uppercase tracking-wider transition focus:outline-none hover:bg-opacity-70 focus:bg-opacity-70 disabled:opacity-20 disabled:cursor-not-allowed" x-bind:disabled="spar_state == 'loading'" x-bind:value="spar_state == 'loading' ? "Fetching details ..." : "N\u00e4sta steg"" data-drupal-selector="edit-step-jump-3" type="submit" id="edit-step-jump-3" name="op" value="Nästa steg"/> 560</div> 561<div class="hidden mx-auto error-message text-red-500 font-bold text-xs mt-1"> 562 Du mÃ¥ste fylla i alla fält korrekt innan du kan fortsätta 563</div> 564</div> 565</div> 566</div> 567 568<div @validate="validateStep($event.target)" @revalidate="validateStep($event.currentTarget)" data-step="3" class="js-step-wrap w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-step-3" id="edit-step-3"> 569<div x-bind:class="[ step == 3 ? 'bg-none pt-3 mb-4 text-lg lg:pt-5 lg:mb-6' : 'bg-gray-100 text-gray-700 text-md my-1 p-4' ]" class="flex items-center w-full max-w-full form-wrapper js-form-wrapper" style="" data-drupal-selector="edit-label-wrap" id="edit-label-wrap--3"> 570<div x-show="step > 3" class="mr-1 !w-auto w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-check-wrap" id="edit-check-wrap--3"><svg class="w-8 h-8" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m11.072 12.627-1.739 2.706 4.899 7.334 10.434-13.53-2.608-1.804-7.826 10.824-3.16-5.53Z" fill="#7EDC51"/></svg></div> 571<h2 class="mr-4" id="step-3" data-drupal-selector="edit-label">3. Välj betalsätt</h2> 572<b x-show="step > 3" x-on:click="step = 3; window.scrollTo({ top: document.querySelector('#edit-step-1').offsetTop - document.querySelector('header').clientHeight + (3 - 2) * 66 + 35 , behavior: 'smooth' });" class="ml-auto uppercase text-blue-600 underline font-normal text-xs cursor-pointer" data-drupal-selector="edit-back">Ãndra</b> 573</div> 574 575<div x-show="step == 3" x-bind:class="[step == 3 ? 'mb-4 lg:mb-6' : '']" class="space-y-4 lg:space-y-6 w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-wrap" id="edit-wrap--3"><div data-drupal-selector="edit-overview-box" class="bg-gray-100 mb-4 lg:mb-6" x-show="step > 1"> 576 <div class="p-4 lg:p-6 border-0 border-b-2 border-solid border-gray-300"> 577 <h3 class="text-lg uppercase leading-none tracking-wide mb-4">Dina uppgifter</h3> 578 <div> 579 <div class="flex flex-col space-y-2 text-md" x-show="private_sender_address_auto == 'fill'"> 580 581 <div> 582 <div x-show="private_sender_firstname != '' || private_sender_lastname != ''"> 583 <span x-text="private_sender_firstname"></span> <span x-text="private_sender_lastname"></span> 584 </div> 585 586 <div x-show="private_sender_address != ''"> 587 <span x-text="private_sender_address"></span> 588 </div> 589 590 <div x-show="private_sender_city != '' || private_sender_postalnumber != ''"> 591 <span x-text="private_sender_postalnumber"></span> 592 <span x-show="private_sender_postalnumber != ''"> <span x-text="private_sender_city"></span> 593 </span> 594 </div> 595 596 <div x-show="private_sender_country != ''"> 597 <span x-text="country_names[private_sender_country] || ''"></span> 598 </div> 599 </div> 600 601 <div x-show="private_sender_email != '' || private_sender_telephone != ''"> 602 <div x-show="private_sender_email != ''"> 603 <span x-text="private_sender_email"></span> 604 </div> 605 606 <div x-show="private_sender_telephone != ''"> 607 <span x-text="private_sender_telephone"></span> 608 </div> 609 610 </div> 611 </div> 612 613 <div class="flex flex-col space-y-2 text-md" x-show="private_sender_address_auto == 'service'"> 614 615 <div> 616 <div x-show="private_sender_hidden_firstname != '' || private_sender_hidden_lastname != ''"> 617 <span x-text="private_sender_hidden_firstname"></span> <span x-text="private_sender_hidden_lastname"></span> 618 </div> 619 620 <div x-show="private_sender_hidden_address != ''">
621 <span x-text="private_sender_hidden_address"></span> 622 </div> 623 624 <div x-show="private_sender_hidden_city != '' || private_sender_hidden_postalnumber != ''"> 625 <span x-text="private_sender_hidden_postalnumber"></span> 626 <span x-show="private_sender_hidden_postalnumber != ''"> <span x-text="private_sender_hidden_city"></span> 627 </span> 628 </div> 629 630 <div x-show="private_sender_hidden_country != ''"> 631 <span x-text="country_names[private_sender_hidden_country] || ''"></span> 632 </div> 633 </div> 634 635 <div x-show="private_sender_email != '' || private_sender_telephone != ''"> 636 <div x-show="private_sender_email != ''"> 637 <span x-text="private_sender_email"></span> 638 </div> 639 <div x-show="private_sender_telephone != ''"> 640 <span x-text="private_sender_telephone"></span> 641 </div> 642 </div> 643 </div> 644 </div> 645 </div> 646 647 <div class="p-4 lg:p-6 leading-none" x-show="step >= 2"> 648 <h3 class="text-base text-gray-700 uppercase leading-none tracking-wide mb-4">Att betala</h3> 649 650 <div x-show="membership_type == 'membership'" class="text-md"> 651 <div class="text-xs text-gray-700 mb-1">Ordinarie medlemskap</div> 652 <div x-show="donation_recurrence == 'monthly'"> 653 <span x-text="formatNumber(isYoungSeniorMember(private_sender_personal_number) ? membership_price_young_senior_month : membership_price_adult_month)"></span> 654 <span>kr</span><span class="lowercase">/månad</span> 655 </div> 656 <div x-show="donation_recurrence == 'direct'"> 657 <span x-text="formatNumber(isYoungSeniorMember(private_sender_personal_number) ? membership_price_young_senior_year : membership_price_adult_year)"></span> 658 <span>kr</span><span class="lowercase">/år</span> 659 </div> 660 </div> 661 662 <div x-show="membership_type != 'membership'" class="text-md"> 663 <div class="text-xs text-gray-700 mb-1">Livstidsmedlemskap</div> 664 <span x-text="formatNumber(membership_price_lifetime)"></span> 665 <span>kr</span> 666 </div> 667 </div> 668</div> 669 670<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap w-full max-w-full lg:p-6 form-wrapper js-form-wrapper" x-show="membership_type == 'membership' && donation_recurrence == 'monthly'" data-drupal-selector="edit-payment-option-monthly" id="edit-payment-option-monthly"><p class="font-serif" data-drupal-selector="edit-text">Betalning månadsvis sker via autogiro.</p> 671</div> 672 673<div x-show="membership_type == 'membership' && donation_recurrence == 'monthly'" data-drupal-selector="edit-monthly-wrap" id="edit-monthly-wrap" class="w-full max-w-full form-wrapper js-form-wrapper"></div> 674 675<div x-show="membership_type == 'lifetime' || donation_recurrence == 'direct'" data-drupal-selector="edit-direct-wrap" id="edit-direct-wrap" class="w-full max-w-full form-wrapper js-form-wrapper"></div> 676 677<div x-show="membership_type == 'membership' && donation_recurrence == 'monthly' && monthly_payment_options == 'assently'" data-drupal-selector="edit-bank-details-wrap" id="edit-bank-details-wrap" class="w-full max-w-full form-wrapper js-form-wrapper"> 678<div x-data="{ 679 brite_state: "init", 680 brite_client: null, 681 prepare() { 682 this.brite_state = "prepare"; 683 fetch("/api/brite/start-session") 684 .then((response) => response.json()) 685 .then((json) => { 686 let session_token = json.session_token; 687 this.brite_client = new Brite(session_token); 688 this.start(); 689 }); 690 }, 691 start() { 692 let alpine = this; 693 this.brite_state = "started"; 694 this.brite_client.start({ 695 selector: "#brite-client", 696 ssn: this.private_sender_personal_number, 697 }, function(state) { 698 if (state == Brite.STATE_COMPLETED) { 699 alpine.complete(); 700 } 701 }, function() { 702 alpine.brite_client.stop(); 703 alpine.reset(); 704 }); 705 }, 706 complete() { 707 this.brite_client.stop(); 708 fetch("/api/brite/get-bank-account") 709 .then((response) => response.json()) 710 .then((json) => { 711 this.brite_state = "complete"; 712 713 if (json.success) { 714 this.bank_details_clearing_number = json.data.clearing_number; 715 this.bank_details_account_number = json.data.bank_account; 716 $nextTick(() => { $dispatch("revalidate") }); 717 } else { 718 this.brite_state = "error"; 719 } 720 }); 721 }, 722 reset() { 723 this.brite_state = "init"; 724 this.bank_details_clearing_number = ""; 725 this.bank_details_account_number = ""; 726 $nextTick(() => { $dispatch("revalidate") }); 727 } 728 }
728" data-drupal-selector="edit-bank-details-wrap" id="edit-bank-details-wrap--2" class="w-full max-w-full form-wrapper js-form-wrapper"> 729<input x-bind:class="(membership_type == 'membership' && donation_recurrence == 'monthly' && monthly_payment_options == 'assently') && 'js-validate'" x-model="bank_details_clearing_number" data-rules="["required", "numeric", "bankClearingNumber"]" data-drupal-selector="edit-bank-details-clearing-number" type="hidden" name="bank_details_clearing_number" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 730 731<input x-bind:class="(membership_type == 'membership' && donation_recurrence == 'monthly' && monthly_payment_options == 'assently') && 'js-validate'" x-model="bank_details_account_number" data-rules="["required", "numeric"]" data-drupal-selector="edit-bank-details-account-number" type="hidden" name="bank_details_account_number" value="" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 732 733<div class="p-4 space-y-4 bg-gray-100 inline-flex flex-wrap lg:p-6 mb-4 lg:mb-6 font-serif w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-description" id="edit-description">Sjöräddningssällskapet använder sig av Brite för kontonummerhämtning och Assently för digital signering av autogiro. När signeringen är slutförd skickas du som användare tillbaka till Sjöräddningssällskapets webbplats.<img alt="Brite logo" src="/modules/custom/custom_brite/assets/images/brite_badge.png" class="brite-logo mt-2" data-drupal-selector="edit-1" /> 734</div> 735 736<div class="x-cloak bg-gray-100 lg:p-6 w-full max-w-full form-wrapper js-form-wrapper" :class="(brite_state == "prepare" || brite_state == "complete") && "p-4"" data-drupal-selector="edit-brite-wrap" id="edit-brite-wrap"> 737<div class="w-full"> 738 <input x-show="brite_state == 'init' || brite_state == 'error'" @click.prevent="prepare()" data-drupal-selector="edit-brite-start" type="submit" id="edit-brite-start" name="op" value="Hämta kontouppgifter" class="js-form-submit form-submit max-w-full w-full bg-yellow-500 border-0 inline-block cursor-pointer px-6 py-4 outline-none font-sans-bold text-sm uppercase tracking-wider transition focus:outline-none hover:bg-opacity-70 focus:bg-opacity-70 disabled:opacity-20 disabled:cursor-not-allowed"/> 739</div> 740<div class="hidden mx-auto error-message text-red-500 font-bold text-xs mt-1"> 741 Du mÃ¥ste fylla i alla fält korrekt innan du kan fortsätta 742</div> 743 744<div x-show="brite_state == "prepare"" data-drupal-selector="edit-brite-loader" id="edit-brite-loader" class="w-full max-w-full form-wrapper js-form-wrapper"><div class="brite-loader" data-drupal-selector="edit-loader"></div> 745<p class="brite-loader-text">Ansluter</p></div> 746<div id="brite-client" data-drupal-selector="edit-brite-client"></div> 747 748<div class="x-cloak w-full max-w-full form-wrapper js-form-wrapper" x-show="brite_state == "complete"" data-drupal-selector="edit-bank-details" id="edit-bank-details"><div>Clearingnummer: <span x-text="bank_details_clearing_number"></span></div><div>Bankkonto: <span x-text="bank_details_account_number"></span></div><div class="text-xs"><span>Clearing är alltid fyrställt</span></div><span @click.prevent="reset()" class="ml-auto text-blue-600 underline font-normal text-xs cursor-pointer uppercase" data-drupal-selector="edit-3">Ãndra</span> 749</div> 750 751<div class="x-cloak text-red-500 w-full max-w-full form-wrapper js-form-wrapper" x-show="brite_state == "error"" data-drupal-selector="edit-brite-error" id="edit-brite-error"><div>NÃ¥got gick fel, försök igen.</div></div> 752</div> 753</div> 754</div> 755 756<div class="bg-gray-100 flex justify-between items-start mt-4 p-4 space-y-4 lg:p-6 w-full max-w-full form-wrapper js-form-wrapper" x-show="(((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) && seamless_state == 'error'" x-bind:class="{'hidden': !((((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) && seamless_state == 'error')}" data-drupal-selector="edit-swedbank-pay-info-wrap" id="edit-swedbank-pay-info-wrap"><p class="mr-4" data-drupal-selector="edit-paragraph">Du skickas vidare till Swedbank Pay för betalning i nästa steg.</p> 757<img class="max-h-5 !mt-[2px]" loading="lazy" src="https://design.swedbankpay.com/v/4.7.0/img/swedbankpay-logo.png" alt="Swedbank Pay horizontal logo" data-drupal-selector="edit-logo" /> 758</div> 759 760<div class="mt-4 w-full max-w-full form-wrapper js-form-wrapper" x-data="{ 761 seamless_signature: "", 762 seamless_busy: false, 763 seamless_csrf: null, 764 seamlessPayload() { 765 const values = {}; 766 (new FormData(this.$el.closest("form"
766))).forEach((value, key) => { 767 const path = key.replace(/\]/g, "").split("["); 768 let target = values; 769 while (path.length > 1) { const part = path.shift(); target[part] = target[part] || {}; target = target[part]; } 770 target[path[0]] = value; 771 }); 772 delete values.form_build_id; delete values.form_token; delete values.form_id; delete values.op; 773 return values; 774 }, 775 seamlessSignature(values) { 776 const copy = {...values}; delete copy.step; 777 return JSON.stringify(Object.entries(copy).sort()); 778 }, 779 async ensureSeamlessSession() { 780 const values = this.seamlessPayload(); 781 const signature = this.seamlessSignature(values); 782 if (this.seamless_busy || signature === this.seamless_signature) { return; } 783 this.seamless_busy = true; 784 this.seamless_state = "loading"; 785 try { 786 if (!this.seamless_csrf) { this.seamless_csrf = await (await fetch("/session/token")).text(); } 787 const response = await fetch("/api/swedbank-pay/seamless-session", { 788 method: "POST", 789 headers: {"Content-Type": "application/json", "X-CSRF-Token": this.seamless_csrf}, 790 body: JSON.stringify({form_id: "custom_form_membership", values: values}), 791 }); 792 if (!response.ok) { throw new Error("Seamless session failed: " + response.status); } 793 const data = await response.json(); 794 this.seamless_signature = signature; 795 window.SsrsSwedbankSeamless.mount({ 796 scriptHref: data.script_href, 797 containerId: "swedbank-pay-seamless", 798 completeUrl: data.complete_url, 799 cancelUrl: data.cancel_url, 800 onReady: () => { this.seamless_state = "mounted"; }, 801 onError: () => { this.seamless_state = "error"; }, 802 }); 803 } 804 catch (error) { 805 this.seamless_state = "error"; 806 } 807 finally { 808 this.seamless_busy = false; 809 } 810 }, 811 }" x-effect="if ((((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) && step == 3) { ensureSeamlessSession(); }" x-show="(((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) && seamless_state != 'error'" x-bind:class="{'hidden': !((((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) && seamless_state != 'error')}" data-drupal-selector="edit-seamless-wrap" id="edit-seamless-wrap"> 812<div class="flex items-center gap-3 py-4 w-full max-w-full form-wrapper js-form-wrapper" role="status" x-show="seamless_state == 'loading'" data-drupal-selector="edit-loader" id="edit-loader--2"><span class="inline-block h-5 w-5 shrink-0 animate-spin rounded-full border-2 border-gray-300 border-t-transparent" aria-hidden="true" data-drupal-selector="edit-spinner"></span> 813<span data-drupal-selector="edit-text">Laddar betalning ...</span> 814</div> 815 816<div id="swedbank-pay-seamless" data-drupal-selector="edit-container" class="w-full max-w-full form-wrapper js-form-wrapper"></div> 817</div> 818 819<div data-drupal-selector="edit-actions" class="form-actions w-full max-w-full form-wrapper js-form-wrapper" id="edit-actions--3"> 820<div class="w-full"> 821 <input class="js-step-jump js-form-submit form-submit max-w-full w-full bg-yellow-500 border-0 inline-block cursor-pointer px-6 py-4 outline-none font-sans-bold text-sm uppercase tracking-wider transition focus:outline-none hover:bg-opacity-70 focus:bg-opacity-70 disabled:opacity-20 disabled:cursor-not-allowed" x-show="!(((membership_type == 'membership' && donation_recurrence == 'direct') || membership_type == 'lifetime') && (direct_payment_options == 'swedbank_pay')) || seamless_state == 'error'" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Slutför"/> 822</div> 823<div class="hidden mx-auto error-message text-red-500 font-bold text-xs mt-1"> 824 Du mÃ¥ste fylla i alla fält korrekt innan du kan fortsätta 825</div> 826 827<div class="bg-gray-100 mt-4 p-4 space-y-4 text-sm leading-normal lg:mt-6 lg:p-6 w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-integrity-info-wrap" id="edit-integrity-info-wrap"><p data-drupal-selector="edit-paragraph">Genom att gaÌ vidare samtycker jag till att mina personuppgifter behandlas i enlighet med <a class="font-sans text-[0.9375rem] text-blue-600 underline" href="https://www.sjoraddning.se/integritetspolicy" target="_blank">SjoÌraÌddningssaÌllskapets integritetspolicy</a>.</p> 828</div> 829</div> 830</div> 831</div> 832</div> 833 834<div class="w-full max-w-full form-wrapper js-form-wrapper" data-drupal-selector="edit-right-wrap" id="edit-right-wrap"><div class="form-info"> 835 <h3>Vad innebär ett medlemskap hos Sjöräddningssällskapet?</h3><p>Livet till sjöss är fullt av överraskningar och vem som helst kan rÃ¥ka ut för motorhaveri, grundstötning eller att vädret plötsligt slÃ¥r om.</p><p>Som medlem ger du Sjöräddningssällskapet bättre förutsättningar att öka säkerheten till sjöss, samtidigt som du fÃ¥r kostnadsfri hjälp innan läget blir akut. <a href="/node/4260" data-entity-type="node" data-entity-uuid="5bfbeccb-3989-4c3b-94c4-0f3dfab133fd" data-entity-substitution="canonical">Läs hur det fungerar här.</a></p><p>Medlemskap som tecknas efter den 30 september gäller till 31 december nästkommande Ã¥r.</p> 836</div> 837<div class="text-md mt-6 mb-4"> 838 BehoÌver du hjaÌlp, kontakta vaÌr medlems- och givarservice. 839 <div class="flex my-4 text-base"> 840 <svg class="w-6 h-6 mr-4" fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
840<path d="M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm0 4.265c.425 0 .768.343.768.768v6.652l4.155 4.155a.762.762 0 0 1 0 1.083.778.778 0 0 1-1.097 0l-4.265-4.278c-.178-.179-.302-.343-.343-.645V5.033c0-.425.357-.768.782-.768Z" fill="#A8AAAE"/></svg> 841 Ãppet helgfria vardagar 08.00-17.00. 842 </div> 843 <div class="flex text-base"> 844 <svg class="w-6 h-6 mr-4" fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.846 1.518C5.646.76 5.447.153 4.783.078L3.52.002C2.192-.074 0 2.2 0 5.99c.066 6.595 8.702 17.36 14.415 17.967 3.387.38 5.513-1.895 5.58-3.487v-1.365c.066-.758-.466-1.061-1.13-1.364-1.262-.531-2.524-1.213-3.786-1.744-.532-.227-.997.152-1.329.379-.465.455-.797.758-1.195 1.289-.332.303-.665.455-.997.076-2.856-1.668-5.181-4.55-6.377-7.885-.265-.455-.133-.834.2-1.137.465-.455.797-.834 1.195-1.289.266-.303.598-.834.465-1.44-.398-1.44-.797-3.033-1.195-4.473Z" fill="#A8AAAE"/></svg> 845 Kontakta oss pÃ¥ tel: 846 <a class="underline text-blue-600 ml-1" href='tel:077-579 00 90'>077-579 00 90</a> 847 </div> 848</div> 849</div> 850 851<input autocomplete="off" data-drupal-selector="form-fzfi-9ripbjqhccwx86jgtkf6u7-fsvf82tprv6o4lm" type="hidden" name="form_build_id" value="form-fZfI_9rIpBjqhCcwx86jGTkf6u7-FsVF82tpRV6o4lM" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 852 853<input data-drupal-selector="edit-custom-form-membership" type="hidden" name="form_id" value="custom_form_membership" class="w-full max-w-full border border-solid border-gray-700 rounded-none px-4 py-3 text-base transition outline-none focus:outline-none hover:shadow-inputFocus focus:shadow-inputFocus" /> 854 855 </form> 856</div> 857 858 </div> 859 860 </div> 861 862 </div> 863</main> 864 865 866 867 868 869<footer class="bg-white flex flex-col items-center px-4 py-12 sm:px-8 gap-12 md:px-12 xl:gap-16 xl:px-16 xl:py-16" role="contentinfo"> 870 871 <div class="container mx-auto flex flex-col gap-12 sxl:flex-row sxl:justify-between xl:gap-16"> 872 <div class="flex flex-col gap-12 items-start sm:flex-row xl:gap-16"> 873 <div class="flex flex-col gap-2"> 874 <address class="w-full not-italic flex items-center text-sm leading-7"> 875 Sjöräddningssällskapet<br> 876 Box 5025<br> 877 426 05 Västra Frölunda 878 </address> 879 </div> 880 881 <div class="banking-credentials flex flex-col gap-2 order-2 lg:order-2"> 882 <div class="text-sm leading-7"> 883 <p>Swish: 900 5000</p> 884 <p>Plusgiro: 900 500-0</p> 885 <p>Bankgiro: 900-5000</p> 886 </div> 887 </div> 888 </div> 889 890 <div class="flex flex-col gap-2 order-first sm:order-last"> 891 892 <div class="w-full flex --footer-navigation"> 893 894 895<nav role="navigation" aria-labelledby="block-ssrs-footer-menu" id="block-ssrs-footer-menu"> 896 897 898 899 900 <ul class="list-style-none grid grid-cols-1 gap-y-1 gap-x-6 w-max sm:gap-x-6 sm:grid-cols-[repeat(4,auto)] sxl:gap-x-8 xl:gap-x-12"> 901 <li class="inline-block"> 902 <a href="/om-oss/var-historia" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4221">VÃ¥r historia</a> 903 </li> 904 <li class="inline-block"> 905 <a href="/om-oss/vart-uppdrag" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4237">VÃ¥rt uppdrag</a> 906 </li> 907 <li class="inline-block"> 908 <a href="/integritetspolicy" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4247">Integritetspolicy</a> 909 </li> 910 <li class="inline-block"> 911 <a href="/om-oss/annonser" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4235">Annonser</a> 912 </li> 913 <li class="inline-block"> 914 <a href="/om-oss/foreningsfakta" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4223">Föreningsfakta</a> 915 </li> 916 <li class="inline-block"> 917 <a href="/om-oss/pressrum" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4236">Pressrum</a> 918 </li> 919 <li class="inline-block"> 920 <a href="/podcast" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4278">Podcast</a> 921 </li> 922 <li class="inline-block"> 923 <a href="/appar" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4248">Appar</a> 924 </li> 925 <li class="inline-block"> 926 <a href="/arets-sjoraddare" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4402">à rets sjöräddare</a> 927 </li> 928 <li class="inline-block"> 929 <a href="/kontakt" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4098">Kontakt</a> 930 </li> 931 <li class="inline-block"> 932 <a href="/raddningsstationer" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="raddningsstationer">Räddningsstationer</a> 933 </li> 934 <li class="inline-block"> 935 <a href="/information-english" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/4526">Information in english</a> 936 </li> 937 <li class="inline-block"> 938 <a href="/jobba-hos-oss" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline" data-drupal-link-system-path="node/9617">Jobba hos oss</a> 939 </li> 940 <li class="inline-block"> 941 <a href="https://medlem.sjoraddning.se/minasidor" title="Se dina uppgifter pÃ¥ mina sidor" class="block text-sm text-neutral-900 underline-offset-2 leading-7 hover:underline focus:underline">Mina sidor</a> 942 </li> 943 </ul> 944 945 946 947 </nav> 948 949 </div> 950 951 </div> 952 953 </div> 954 955 <div class="container mx-auto lg:pt-16 lg:border-t lg:border-black"> 956 <div class="flex flex-col w-full gap-12 justify-between sm:items-center sm:flex-row sm:justify-between"> 957 <div class="social-media w-full h-fit flex gap-4" aria-label="Social media links"> 958 <a class="group flex gap-2 items-center" href="https://sv-se.facebook.com/sjoraddning"> 959 <svg class="h-6 w-aut" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 960 <path class="group-hover:fill-gray-700" fill-rule="evenodd" clip-rule="evenodd" d="M20 10.0614C20 4.50448 15.523 0 10 0C4.477 0 0 4.50448 0 10.0614C0 15.083 3.657 19.2454 8.438 20V12.9701H5.898V10.0614H8.438V7.84485C8.438 5.32347 9.93 3.93098 12.215 3.93098C13.309 3.93098 14.453 4.12718 14.453 4.12718V6.60227H13.193C11.95 6.60227 11.563 7.37801 11.563 8.17386V10.0614H14.336L13.893 12.9691H11.563V20C16.343 19.2454 20 15.083 20 10.0614Z" fill="#151617"/> 961 </svg>
962 <span class="sr-only">FACEBOOK</span> 963 </a> 964 <a class="group flex gap-2 items-center" href="https://www.instagram.com/sjoraddningssallskapet/"> 965 <svg class="h-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 966 <path class="group-hover:fill-gray-700" fill-rule="evenodd" clip-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465.668.25 1.272.644 1.772 1.153.509.5.902 1.104 1.153 1.772.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.903 4.903 0 0 1-1.153 1.772c-.5.509-1.104.902-1.772 1.153-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.903 4.903 0 0 1-1.772-1.153 4.902 4.902 0 0 1-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 0 1 1.153-1.772A4.902 4.902 0 0 1 5.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63Zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.096 3.096 0 0 0-.748-1.15 3.098 3.098 0 0 0-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058ZM12 6.865a5.135 5.135 0 1 1 0 10.27 5.135 5.135 0 0 1 0-10.27Zm0 1.802a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Zm5.338-3.205a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z" fill="#171717"/> 967 </svg> 968 <span class="sr-only">Instagram</span> 969 </a> 970 <a class="group flex items-center gap-2" href="https://twitter.com/sjoraddning"> 971 <div class="flex items-center justify-center rounded-full w-6 h-6 bg-black group-hover:bg-gray-700"> 972 <svg class="h-4 w-4 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> 973 </div> 974 <span class="sr-only">X</span> 975 </a> 976 <a class="group flex gap-2 items-center" href="https://www.youtube.com/sjoraddning"> 977 <svg class="w-6" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 978 <path class="group-hover:fill-gray-700" d="M21.5398 2.42092C21.4155 1.95275 21.1704 1.52546 20.8291 1.18182C20.4877 0.838191 20.062 0.59028 19.5947 0.462917C17.8796 1.09275e-07 11 0 11 0C11 0 4.12042 1.09275e-07 2.40442 0.462917C1.93729 0.590504 1.51185 0.838505 1.17065 1.18212C0.829456 1.52573 0.584459 1.9529 0.460167 2.42092C0 4.14792 0 7.75042 0 7.75042C0 7.75042 0 11.3529 0.460167 13.0799C0.584454 13.5481 0.829561 13.9754 1.17094 14.319C1.51232 14.6626 1.938 14.9106 2.40533 15.0379C4.12042 15.5008 11 15.5008 11 15.5008C11 15.5008 17.8796 15.5008 19.5956 15.0379C20.063 14.9106 20.4887 14.6628 20.8301 14.3191C21.1715 13.9755 21.4165 13.5481 21.5408 13.0799C22 11.3529 22 7.75042 22 7.75042C22 7.75042 22 4.14792 21.5398 2.42092ZM8.74958 11.0211V4.47975L14.4998 7.75042L8.74958 11.0211Z" fill="#151617"/> 979 </svg> 980 <span class="sr-only">YouTube</span> 981 </a> 982 983 <a class="group flex gap-2 items-center" href="https://www.tiktok.com/@sjoraddningssallskapet"> 984 <div class="flex items-center justify-center w-6 h-6 bg-black rounded-full group-hover:bg-gray-700"> 985 <svg class="h-4 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
985<path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/></svg> 986 </div> 987 <span class="sr-only">TIKTOK</span> 988 </a> 989 990 <a class="group flex gap-2 items-center" href="https://www.linkedin.com/company/sjoraddningssallskapet/"> 991 <div class="flex items-center justify-center rounded-full w-6 h-6 bg-black group-hover:bg-gray-700"> 992 <svg class="h-3 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> 993 </div> 994 <span class="sr-only">LINKED IN</span> 995 </a> 996 997 </div> 998 <div> 999 <a href="https://www.insamlingskontroll.se" rel="noopener noreferrer"> 1000 <svg class="w-40 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 614.2 151.6"><defs><style>.st0{fill:#231f20}</style></defs><path d="M245.1 151.2h-1.5V0h1.5v151.2zM259.4 36.7l5-6c3.5 2.9 7.1 4.7 11.6 4.7s5.6-1.4 5.6-3.7c0-2.3-1.3-3.4-7.8-5-7.8-2-12.8-4.1-12.8-11.8 0-7.1 5.6-11.8 13.6-11.8S285.1 4.9 289 8l-4.4 6.4c-3.4-2.4-6.8-3.8-10.1-3.8s-5 1.5-5 3.4c0 2.6 1.7 3.5 8.4 5.2 7.9 2 12.3 4.9 12.3 11.6 0 7.8-5.9 12.1-14.2 12.1s-11.8-2-16.4-6.2ZM291.2 3.6h9.4l10.1 27.3 10.1-27.3h9.2l-15.7 39h-7.5l-15.7-39ZM334.6 3.6h29.2v7.6H343v7.9h18.3v7.6H343v8.1h21v7.6h-29.5V3.6ZM372.7 3.6h7.9l18.1 23.8V3.6h8.4v38.7h-7.2l-18.8-24.6v24.6h-8.4V3.6ZM414 36.7l5-6c3.5 2.9 7.1 4.7 11.6 4.7s5.6-1.4 5.6-3.7c0-2.3-1.3-3.4-7.8-5-7.8-2-12.8-4.1-12.8-11.8 0-7.1 5.6-11.8 13.6-11.8s10.5 1.8 14.4 4.9l-4.4 6.4c-3.4-2.4-6.8-3.8-10.1-3.8s-5 1.5-5 3.4c0 2.6 1.7 3.5 8.4 5.2 7.9 2 12.3 4.9 12.3 11.6 0 7.8-5.9 12.1-14.2 12.1s-11.8-2-16.4-6.2ZM452.3 3.6h8.5v16.9l15.7-16.9h10.3L471 20l16.5 22.3h-10.2l-12-16.5-4.5 4.6v11.8h-8.5V3.6ZM262.4 57.9h8.5v38.7h-8.5V57.9ZM280.7 57.9h7.9l18.1 23.8V57.9h8.4v38.7h-7.2L289.1 72v24.6h-8.4V57.9ZM321.9 91l5-6c3.5 2.9 7.1 4.7 11.6 4.7s5.6-1.4 5.6-3.7c0-2.3-1.3-3.4-7.8-5-7.8-2-12.8-4.1-12.8-11.8 0-7.1 5.6-11.8 13.6-11.8s10.5 1.8 14.4 4.9l-4.4 6.4c-3.4-2.4-6.8-3.8-10.1-3.8s-5 1.5-5 3.4c0 2.7 1.7 3.5 8.4 5.2 7.9 2.1 12.3 4.9 12.3 11.6 0 7.8-5.9 12.1-14.2 12.1s-11.8-2-16.4-6.2ZM371.2 57.7h7.9l16.6 39h-8.9l-3.5-8.7h-16.4l-3.5 8.7h-8.7l16.6-39Zm9 22.8-5.1-12.6-5.1 12.6h10.3ZM400.3 57.9h9.2l10.2 16.4 10.2-16.4h9.2v38.7h-8.5V71.3l-10.9 16.5h-.2l-10.8-16.4v25.1h-8.4V57.8ZM448 57.9h8.5v31h19.3v7.7H448V57.9ZM481.9 57.9h8.5v38.7h-8.5V57.9ZM500.2 57.9h7.9l18.1 23.8V57.9h8.4v38.7h-7.2L508.6 72v24.6h-8.4V57.9ZM541.2 77.4c0-11.1 8.6-20.1 20.3-20.1s11.2 1.9 15.2 5.3l-5.4 6.5c-3-2.5-5.6-3.9-10.1-3.9s-11.1 5.5-11.1 12.1c0 7.2 4.9 12.4 11.7 12.4s5.9-.8 8-2.3v-5.5h-8.6v-7.4H578v16.8c-4 3.4-9.5 6.1-16.5 6.1-12.1 0-20.4-8.5-20.4-19.9ZM583.6 91l5-6c3.5 2.9 7.1 4.7 11.6 4.7s5.6-1.4 5.6-3.7c0-2.3-1.3-3.4-7.8-5-7.8-2-12.8-4.1-12.8-11.8 0-7.1 5.6-11.8 13.6-11.8s10.5 1.8 14.4 4.9l-4.4 6.4c-3.4-2.4-6.8-3.8-10.1-3.8s-5 1.5-5 3.4c0 2.7 1.7 3.5 8.4 5.2 7.9 2.1 12.3 4.9 12.3 11.6 0 7.8-5.9 12.1-14.2 12.1s-11.8-2-16.4-6.2ZM262.5 112.2h8.5v16.9l15.7-16.9H297l-15.8 16.4 16.5 22.3h-10.2l-12-16.5-4.5 4.6v11.8h-8.5v-38.7Z" class="st0"/><path d="M296.9 131.7c0-11.1 8.7-20.1 20.6-20.1s20.5 8.9 20.5 19.9c0 11.1-8.7 20.1-20.6 20.1s-20.5-8.9-20.5-19.9Zm32.3 0c0-6.7-4.9-12.3-11.7-12.3s-11.6 5.4-11.6 12.1c0 6.8 4.9 12.3 11.7 12.3s11.6-5.4 11.6-12.1ZM344.5 112.2h7.9l18.1 23.8v-23.8h8.4v38.7h-7.2l-18.8-24.6v24.6h-8.4v-38.7ZM396.7 120.1h-11.8v-7.9H417v7.9h-11.8V151h-8.5v-30.9ZM422.9 112.2h17.7c4.9 0 8.7 1.4 11.3 3.9 2.2 2.2 3.3 5.2 3.3 8.9 0 6.4-3.4 10.3-8.3 12.1l9.5 13.8h-10l-8.3-12.4h-6.7v12.4h-8.5v-38.7Zm17.1 18.9c4.1 0 6.5-2.2 6.5-5.5 0-3.8-2.5-5.6-6.7-5.6h-8.5v11.1h8.6ZM460.7 131.7c0-11.1 8.7-20.1 20.6-20.1s20.5 8.9 20.5 19.9c0 11.1-8.7 20.1-20.6 20.1s-20.5-8.9-20.5-19.9Zm32.3 0c0-6.7-4.9-12.3-11.7-12.3s-11.6 5.4-11.6 12.1c0 6.8 4.9 12.3 11.7 12.3s11.6-5.4 11.6-12.1ZM508.8 112.2h8.5v31h19.3v7.7h-27.8v-38.7ZM541.4 112.2h8.5v31h19.3v7.7h-27.8v-38.7ZM93.6 123.6h6v11.9l11.1-11.9h7.3l-11.1 11.6 11.6 15.7h-7.2l-8.5-11.6-3.2 3.3v8.3h-6v-27.3Z" class="st0"/><path d="M116.9 137.3c0-7.8 6.1-14.2 14.5-14.2s14.5 6.3 14.5 14c0 7.8-6.1 14.2-14.6 14.2s-14.5-6.3-14.5-14Zm22.7 0c0-4.8-3.4-8.7-8.3-8.7s-8.2 3.8-8.2 8.5c0 4.8 3.4 8.7 8.3 8.7s8.2-3.8 8.2-8.5ZM149.1 123.6h5.5l12.8 16.8v-16.8h5.9v27.3h-5.1L155 133.5v17.4h-5.9v-27.3ZM184.4 129.2h-8.3v-5.5h22.6v5.5h-8.3V151h-6v-21.8ZM198 137.3c0-7.8 6.1-14.2 14.5-14.2s14.5 6.3 14.5 14c0 7.8-6.1 14.2-14.5 14.2s-14.5-6.3-14.5-14Zm22.8 0c0-4.8-3.4-8.7-8.3-8.7s-8.2 3.8-8.2 8.5c0 4.8 3.4 8.7 8.3 8.7s8.2-3.8 8.2-8.5Z" class="st0"/><path d="M171.1.4c-27.2 0-50.2 18.8-56.4 44.2C108.3 19.2 85.4.4 58.2.4S0 26.5 0 58.6s25.9 58 57.9 58.2L35.4 151H67c16.3-24.8 37.7-57.1 39.8-60.4 3.6-5.4 6.3-11.5 7.9-17.9 6.3 25.3 29.2 44.2 56.4 44.2s58.2-26.1 58.2-58.2S203.1.4 171.1.4Zm-112.9 90c-17.5 0-31.8-14.3-31.8-31.8s14.3-31.8 31.8-31.8S90 41.1 90 58.6 75.7 90.4 58.2 90.4Zm112.9 0c-17.5 0-31.8-14.3-31.8-31.8s14.3-31.8 31.8-31.8 31.8 14.3 31.8 31.8-14.3 31.8-31.8 31.8Z" class="st0"/></svg> 1001 </a> 1002 </div> 1003 </div> 1004</footer> 1005</div> 1006 1007 </div> 1008 1009 1010
1010<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"medlemskap\/bli-medlem","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"sv"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"a9ffbcc71dce2fd983c27fffe0957f70d08b547cc0fc8bad8f809e0119ab3b65"}}</script>
vendor: 1 bytes, line 1010
1010
1011<script src="/sites/default/files/js/js_jJSrOnQelS8iOoUyL2Mg6DE0AOOK7xERfgspuw2sLf0.js?scope=footer&delta=0&language=sv&theme=ssrs&include=eJx1jkEOwzAIBD-Uxk-yMKYRKoYISCP_vj20Ui657YzmsHhE2qjNOangBVYUJs3l557mo1z2inZo-qxBQnifvUG4Q7LpP4mTegN91R1mCYIhFLH0qTAYKw_YqEZO-d4xTWAlr3CC0xLhUTaxBvIIdN4zPuYoTL8"></script>
vendor: 1 bytes, line 1011
1011
1012<script src="https://client.britepaymentgroup.com/client.js"></script>
vendor: 1 bytes, line 1012
1012
1013<script src="https://cdnjs.cloudflare.com/ajax/libs/tom-select/2.6.2/js/tom-select.complete.min.js"></script>
vendor: 1 bytes, line 1013
1013
1014<script src="/sites/default/files/js/js_LQzSsiJsdNr34xSqqGOjp3KanW7XmjFV_f9_keXvVxI.js?scope=footer&delta=3&language=sv&theme=ssrs&include=eJx1jkEOwzAIBD-Uxk-yMKYRKoYISCP_vj20Ui657YzmsHhE2qjNOangBVYUJs3l557mo1z2inZo-qxBQnifvUG4Q7LpP4mTegN91R1mCYIhFLH0qTAYKw_YqEZO-d4xTWAlr3CC0xLhUTaxBvIIdN4zPuYoTL8"></script>
vendor: 1 bytes, line 1014
1014
1015<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.9.0/cdn.min.js" defer></script>
vendor: 1 bytes, line 1015
1015
1016<script src="https://cdn.jsdelivr.net/gh/mattkingshott/[email protected]/dist/iodine.min.umd.js" defer></script>
vendor: 1 bytes, line 1016
1016
1017<script src="/sites/default/files/js/js_zGnnSly14JIlemmhPGfNSwenOJcTVaLMNiTja1WKJVQ.js?scope=footer&delta=6&language=sv&theme=ssrs&include=eJx1jkEOwzAIBD-Uxk-yMKYRKoYISCP_vj20Ui657YzmsHhE2qjNOangBVYUJs3l557mo1z2inZo-qxBQnifvUG4Q7LpP4mTegN91R1mCYIhFLH0qTAYKw_YqEZO-d4xTWAlr3CC0xLhUTaxBvIIdN4zPuYoTL8"></script>
vendor: 1 bytes, line 1017
1017
1018<script src="/themes/custom/ssrs/dist/js/index.drupal.js?tm8wdh"></script>
1018 1019 1020 </body> 1021</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.