1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5025],{35025:function(a,t,e){e.r(t),e.d(t,{RoadSafetyAbroad:function(){return y}});var r=e(57437),o=e(29792),i=e(38438),l=e(64470),s=e(32530),n=e(25285),p=e(80993),d=e(2265),c=e(69715),h=e(92840);let g=h.default.li.withConfig({componentId:"sc-1ea3e098-0"})(["position:relative;margin-bottom:30px;padding-left:0;&:nth-of-type(7n + 1){--color:#ca2b4a;}&:nth-of-type(7n + 2){--color:#e86f34;}&:nth-of-type(7n + 3){--color:#51b26a;}&:nth-of-type(7n + 4){--color:#822cc7;}&:nth-of-type(7n + 5){--color:#aad342;}&:nth-of-type(7n + 6){--color:#49a5c8;}&:nth-of-type(7n + 7){--color:#153b5b;}button{appearance:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:center;align-items:center;margin:0;padding:0;background:none;font:inherit;font-size:20px;text-align:left;text-transform:uppercase;border:none;cursor:pointer;}span{line-height:120%;pointer-events:none;&.big-cap{font-size:54px;line-height:100%;padding:10px 0;width:70px !important;margin-right:10px;text-align:center;background:var(--color);color:",";}&.word{font-weight:700;width:calc(100% - 70px);color:var(--color);}}&:before{content:url(/images/apps/road-safety-abroad/text-background-img.gif);width:25px;position:absolute;left:-25px;background:none;top:25%;}&:after{background:none;}"],a=>{let{theme:t}=a;return t.global.colors.white}),x=a=>{let{name:t,handleClick:e}=a,o=c.Nn(t)?t.charAt(0):null,i=c.Nn(t)?t.slice(1):null,l=(0,d.useCallback)(()=>e(t||""),[e,t]);return(0,r.jsx)(g,{children:(0,r.jsxs)("button",{type:"button","aria-label":"Open ".concat(t," info"),onClick:l,children:[(0,r.jsx)("span",{className:"big-cap",children:o}),(0,r.jsx)("span",{className:"word",children:i})]})})};var u=e(65438),f=e(17495),b=e(21424);let m=a=>{let{name:t,info:e,onPrevClick:o,onNextClick:i,onCloseClick:l}=a;return(0,r.jsxs)(p.x,{overflow:"hidden",children:[(0,r.jsxs)(p.x,{as:"header",flex:!1,direction:"row",justify:"between",gap:"medium",pad:{horizontal:"medium"},elevation:"small",children:[(0,r.jsx)(u.X,{level:"1",color:"brand",children:t}),(0,r.jsx)(f.z,{type:"button",icon:(0,r.jsx)(b.n,{}),onClick:l,"aria-label":"Close",hoverIndicator:!0})]}),(0,r.jsx)(p.x,{overflow:"auto",pad:{horizontal:"medium"},children:(0,r.jsx)(p.x,{flex:!1,children:(0,r.jsx)(s.RichText,{field:e})})}),(0,r.jsxs)(p.x,{as:"footer",flex:!1,direction:"row",justify:"between",gap:"medium",pad:"medium",elevation:"small",children:[(0,r.jsx)(f.z,{type:"button",onClick:o,label:"Prev",hoverIndicator:!0}),(0,r.jsx)(f.z,{type:"button",onClick:i,label:"Next",hoverIndicator:!0})]})]})};var v=e(59639);let w=a=>{let{activeIndex:t,setActiveIndex:e,handlePrevClick:r,handleNextClick:o,resetActiveIndex:i}=(0,v.t)(a.length-1),l=(0,d.useCallback)(t=>{let r=a.findIndex(a=>a.name===t);if(-1===r)throw Error("Unknown letter");e(r)},[a,e]);return{activeLetter:null!=t&&(null==a?void 0:a[t])||null,handleClick:l,handlePrevClick:r,handleNextClick:o,resetActiveLetter:i}},j=h.default.div.withConfig({componentId:"sc-63509898-0"})(["overflow:hidden;position:relative;background:url(/images/apps/road-safety-abroad/a-z-background-img.jpg) repeat 0 0;width:100%;max-width:870px;margin:0 auto;.flex{display:flex;justify-content:flex-start;align-content:center;align-items:stretch;width:auto;}.intro{padding:30px;position:relative;float:left;width:calc(100% - 118px);}.right-box{width:calc(50% - 27px);height:31px;margin:25px 0 0 0;background:url(/images/apps/road-safety-abroad/road-horizontal.png) repeat left bottom;position:relative;.car-white-horizontal{position:absolute;left:20px;top:17px;width:28px;height:18px;background:url(/images/apps/road-safety-abroad/car-white-horizontal.png) no-repeat left top;}.car-red-horizontal{position:absolute;right:50px;top:17px;width:28px;height:18px;background:url(/images/apps/road-safety-abroad/car-red-horizontal.png) no-repeat left top;}span{position:absolute;width:36px;height:36px;right:0;top:0;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;z-index:1;}}.left-box{width:50%;height:56px;margin:0 0 0 0;background:url(/images/apps/road-safety-abroad/a-z-intro-background-img.png) no-repeat right top;position:relative;}.road{&.left{width:58px;&.vertical{background:url(/images/apps/road-safety-abroad/road-vertical.png) repeat-y right top;position:relative;.zebra-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/zebra-horizontal.gif) no-repeat left top;top:75%;left:27px;width:30px;height:27px;}.car-yellow-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-yellow-vertical.png) no-repeat left top;top:60%;left:45px;width:17px;height:29px;}.car-white-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-white-vertical.png) no-repeat left top;top:25%;left:27px;width:17px;height:29px;}}}&.right{width:55px;&.vertical{background:url(/images/apps/road-safety-abroad/road-vertical.png) repeat-y left top;position:relative;}.car-blue-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-blue-vertical.png) no-repeat left top;bottom:30px;left:17px;width:17px;height:29px;}.zebra-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/zebra-horizontal.gif) no-repeat left top;bottom:50%;left:0;width:30px;height:27px;}}&.horizontal{background:url(/images/apps/road-safety-abroad/road-horizontal.png) repeat-x left top;position:relative;height:31px;margin:0 27px;.car-yellow-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/car-yellow-horizontal.png) no-repeat left top;top:0;left:75%;width:28px;height:18px;}.car-red-horizontal{position:absolute;
1left:25%;top:17px;width:28px;height:18px;background:url(/images/apps/road-safety-abroad/car-red-horizontal.png) no-repeat left top;}.traffic-lights-horizontal{position:absolute;left:50%;top:-12px;width:57px;height:56px;background:url(/images/apps/road-safety-abroad/traffic-lights-horizontal.png) no-repeat left top;transform:translateX(-50%);}span.left{position:absolute;width:36px;height:36px;left:0;top:0;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;z-index:1;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(-90deg);}span.right{position:absolute;width:36px;height:36px;right:0;bottom:0;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;z-index:1;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(90deg);z-index:1;}}}.road-2nd{&.left{width:58px;&.vertical{background:url(/images/apps/road-safety-abroad/road-vertical.png) repeat-y right top;}}&.right{width:58px;&.vertical{background:url(/images/apps/road-safety-abroad/road-vertical.png) repeat-y left top;position:relative;}}&.horizontal{background:url(/images/apps/road-safety-abroad/road-horizontal.png) repeat-x left top;position:relative;height:31px;margin:0 27px;.car-light-blue-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/car-light-blue-horizontal.png) no-repeat left top;top:0;left:30%;width:28px;height:18px;}.car-red-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/car-red-horizontal.png) no-repeat left top;top:17px;left:50%;width:28px;height:18px;}.traffic-lights-horizontal{position:absolute;left:25%;top:-12px;width:57px;height:56px;background:url(/images/apps/road-safety-abroad/traffic-lights-horizontal.png) no-repeat left top;transform:translateX(-50%);}.zebra-vertical{position:absolute;left:75%;top:0;width:57px;height:56px;background:url(/images/apps/road-safety-abroad/zebra-vertical.png) no-repeat left top;}span.left{position:absolute;width:36px;height:36px;top:-5px;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;transform:rotate(180deg);}span.right{position:absolute;width:36px;height:36px;right:0;bottom:-5px;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;z-index:1;}}}.third{&.horizontal{.car-white-horizontal{position:absolute;left:50%;top:17px;width:28px;height:18px;background:url(/images/apps/road-safety-abroad/car-white-horizontal.png) no-repeat left top;}.car-red-horizontal{position:absolute;left:80%;top:-2px;width:28px;height:18px;background:url(/images/apps/road-safety-abroad/car-red-horizontal.png) no-repeat left top;transform:rotate(180deg);}}}.image{&.first{background:url(/images/apps/road-safety-abroad/port-img.jpg) no-repeat right center;width:383px;}&.second{background:url(/images/apps/road-safety-abroad/stadium-img.jpg) no-repeat right center;width:383px;}&.third{background:url(/images/apps/road-safety-abroad/harbour-img.png) no-repeat right center;width:451px;}}.text-area{width:calc(100% - 383px - 58px);padding:50px 0;ul{list-style-type:none;margin:0 0 0 25px;padding:0 0 0 0;}}.second-elements{background:url(/images/apps/road-safety-abroad/bushes.png) no-repeat left top;.text-area{padding:50px 0 30px 0;ul{padding:0 0 0 50px;}li{margin-bottom:21px;&::before{content:'';}}}.road{&.right{&.vertical{.small-road{position:absolute;width:58px;height:31px;right:0;top:216px;background:url(/images/apps/road-safety-abroad/small-road.png) no-repeat right bottom;}.junction{position:absolute;width:67px;height:72px;right:0px;top:461px;background:url(/images/apps/road-safety-abroad/junction.png) no-repeat right bottom;}.car-blue-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-blue-vertical.png) no-repeat left top;top:10%;left:-2px;width:17px;height:29px;transform:rotate(180deg);}.car-yellow-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-yellow-vertical.png) no-repeat left top;top:40%;left:-2px;width:17px;height:29px;transform:rotate(180deg);}.car-light-blue-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-light-blue-horizontal.png) no-repeat left top;top:80%;left:10px;width:28px;height:18px;transform:rotate(90deg);}}}}}.third-elements{.text-area{width:calc(100% - 451px - 58px);}.road.right.vertical{margin-top:20px;}.road.left.vertical{.zebra-horizontal{position:absolute;background:url(/images/apps/road-safety-abroad/zebra-horizontal.gif) no-repeat left top;top:25%;left:27px;width:30px;height:27px;}.car-yellow-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-yellow-vertical.png) no-repeat left top;top:40%;right:5px;width:17px;height:29px;}.car-light-blue-vertical{position:absolute;background:url(/images/apps/road-safety-abroad/car-light-blue-horizontal.png) no-repeat left top;top:50%;right:8px;width:28px;height:18px;transform:rotate(-90deg);}
1.traffic-lights-vertical{position:absolute;right:-14px;top:80%;width:57px;height:56px;background:url(/images/apps/road-safety-abroad/traffic-lights-vertical.png) no-repeat left top;}}}.signoff{height:56px;.left-box{width:calc(50% - 27px);height:31px;margin:0 0 0 27px;background:url(/images/apps/road-safety-abroad/road-horizontal.png) repeat left bottom;position:relative;span.left{position:absolute;width:36px;height:36px;top:-5px;left:0;background:url(/images/apps/road-safety-abroad/road-corner.png) no-repeat right bottom;transform:rotate(180deg);}span{position:absolute;width:52px;height:63px;right:0;top:0;background:url(/images/apps/road-safety-abroad/a-z-footer-background-img.jpg) no-repeat right bottom;z-index:1;}}.right-box{width:50%;height:56px;margin:0 0 0 0;background:none;position:relative;}}.footer{background:#003b5e;color:#fff;padding:37px;margin-top:7px;}@media (max-width:700px){.intro{padding:30px 30px 30px 30px;}.image.first{display:none;}.first-elements{.text-area{width:calc(100% - 58px);}}.second-elements{.text-area{width:calc(100% - 58px);}.image.second,.small-road,.junction{display:none;}}.third-elements{.image.third{display:none;}.text-area{width:calc(100% - 58px);}}}"]),y=a=>{let{intro:t,letters:e}=a,{activeLetter:d,handleClick:c,handlePrevClick:h,handleNextClick:g,resetActiveLetter:u}=w(e),f=e.slice(0,8).map(a=>{let{name:t}=a;return(0,r.jsx)(x,{name:t,handleClick:c},t)}),b=e.slice(8,16).map(a=>{let{name:t}=a;return(0,r.jsx)(x,{name:t,handleClick:c},t)}),v=e.slice(16,26).map(a=>{let{name:t}=a;return(0,r.jsx)(x,{name:t,handleClick:c},t)}),y=null!=d&&(0,r.jsx)(i.m,{modal:!0,onEsc:u,onClickOutside:u,children:(0,r.jsx)(m,{name:d.name,info:d.info,onPrevClick:h,onNextClick:g,onCloseClick:u})});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Page,{as:"section",children:(0,r.jsxs)(j,{children:[(0,r.jsx)(o.E,{src:"/images/apps/road-safety-abroad/a-z-header-img.jpg",height:"428",width:"870"}),(0,r.jsxs)("div",{className:"row flex",children:[(0,r.jsx)("div",{className:"left-box"}),(0,r.jsxs)("div",{className:"right-box",children:[(0,r.jsx)("span",{}),(0,r.jsx)("div",{className:"car-white-horizontal"}),(0,r.jsx)("div",{className:"car-red-horizontal"})]})]}),(0,r.jsxs)("div",{className:"row flex",children:[(0,r.jsx)("div",{className:"intro",children:(0,r.jsx)(s.RichText,{field:t})}),(0,r.jsxs)("div",{className:"road right vertical",children:[(0,r.jsx)("div",{className:"car-blue-vertical"}),(0,r.jsx)("div",{className:"zebra-horizontal"})]})]}),(0,r.jsx)("div",{className:"row",children:(0,r.jsxs)("div",{className:"road horizontal",children:[(0,r.jsx)("div",{className:"car-yellow-horizontal"}),(0,r.jsx)("div",{className:"car-red-horizontal"}),(0,r.jsx)("div",{className:"traffic-lights-horizontal"}),(0,r.jsx)("span",{className:"left"}),(0,r.jsx)("span",{className:"right"})]})}),(0,r.jsxs)("div",{className:"row flex first-elements",children:[(0,r.jsxs)("div",{className:"road left vertical",children:[(0,r.jsx)("div",{className:"zebra-horizontal"}),(0,r.jsx)("div",{className:"car-white-vertical"}),(0,r.jsx)("div",{className:"car-yellow-vertical"})]}),(0,r.jsx)("div",{className:"text-area",children:(0,r.jsx)("ul",{children:f})}),(0,r.jsx)("div",{className:"image first"})]}),(0,r.jsx)("div",{className:"row",children:(0,r.jsxs)("div",{className:"road-2nd horizontal",children:[(0,r.jsx)("div",{className:"car-light-blue-horizontal"}),(0,r.jsx)("div",{className:"car-red-horizontal"}),(0,r.jsx)("div",{className:"traffic-lights-horizontal"}),(0,r.jsx)("div",{className:"zebra-vertical"}),(0,r.jsx)("span",{className:"left"}),(0,r.jsx)("span",{className:"right"})]})}),(0,r.jsxs)("div",{className:"row flex second-elements",children:[(0,r.jsx)("div",{className:"text-area",children:(0,r.jsx)("ul",{children:b})}),(0,r.jsx)("div",{className:"image second"}),(0,r.jsxs)("div",{className:"road right vertical",children:[(0,r.jsx)("div",{className:"small-road"}),(0,r.jsx)("div",{className:"junction"}),(0,r.jsx)("div",{className:"car-blue-vertical"}),(0,r.jsx)("div",{className:"car-yellow-vertical"}),(0,r.jsx)("div",{className:"car-light-blue-vertical"})]})]}),(0,r.jsx)("div",{className:"row",children:(0,r.jsxs)("div",{className:"road third horizontal",children:[(0,r.jsx)("span",{className:"left"}),(0,r.jsx)("span",{className:"right"}),(0,r.jsx)("div",{className:"car-white-horizontal"}),(0,r.jsx)("div",{className:"car-red-horizontal"})]})}),(0,r.jsxs)("div",{className:"row flex third-elements",children:[(0,r.jsxs)("div",{className:"road left vertical",children:[(0,r.jsx)("div",{className:"zebra-horizontal"}),(0,r.jsx)("div",{className:"car-yellow-vertical"}),(0,r.jsx)("div",{className:"car-light-blue-vertical"}
1),(0,r.jsx)("div",{className:"traffic-lights-vertical"})]}),(0,r.jsx)("div",{className:"text-area",children:(0,r.jsx)("ul",{children:v})}),(0,r.jsx)("div",{className:"image third"})]}),(0,r.jsxs)("div",{className:"row flex signoff",children:[(0,r.jsxs)("div",{className:"left-box",children:[(0,r.jsx)("span",{className:"left"}),(0,r.jsx)("span",{})]}),(0,r.jsx)("div",{className:"right-box"})]}),(0,r.jsx)(p.x,{as:"footer",margin:{top:"7px"},pad:{horizontal:"medium"},background:"accent-5",children:(0,r.jsx)(l.T,{size:"140px",color:"white"})})]})}),y]})}},59639:function(a,t,e){e.d(t,{d:function(){return o},t:function(){return i}});var r=e(2265);let o=()=>{let[a,t]=(0,r.useState)(!1),e=(0,r.useCallback)(()=>t(!0),[t]),o=(0,r.useCallback)(()=>t(!1),[t]),i=(0,r.useCallback)(()=>t(a=>!a),[t]);return{isOpen:a,setIsOpen:t,openModal:e,closeModal:o,toggleIsOpen:i}},i=a=>{let[t,e]=(0,r.useState)(null),o=(0,r.useCallback)(()=>e(t=>null==t?null:t<=0?a:t-1),[a]),i=(0,r.useCallback)(()=>e(t=>null==t?null:t>=a?0:t+1),[a]),l=(0,r.useCallback)(()=>e(null),[]);return{activeIndex:t,setActiveIndex:e,handlePrevClick:o,handleNextClick:i,resetActiveIndex:l}}},38438:function(a,t,e){e.d(t,{m:function(){return i}});var r=e(57437),o=e(51676);let i=a=>{let{...t}=a;return(0,r.jsx)(o.m,{...t})}}}]);
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.