npm - @assaabloy/amarr-wc-header - Versions diffs - 3.0.2 → 3.0.3 - Mend

@assaabloy/amarr-wc-header 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/header.js +1 -1
package/package.json +2 -2

package/header.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(n){function e(e){for(var a,i,l=e[0],d=e[1],c=e[2],m=0,p=[];m<l.length;m++)i=l[m],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&p.push(o[i][0]),o[i]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(n[a]=d[a]);for(s&&s(e);p.length;)p.shift()();return r.push.apply(r,c\|\|[]),t()}function t(){for(var n,e=0;e<r.length;e++){for(var t=r[e],a=!0,l=1;l<t.length;l++){var d=t[l];0!==o[d]&&(a=!1)}a&&(r.splice(e--,1),n=i(i.s=t[0]))}return n}var a={},o={49:0},r=[];function i(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=n,i.c=a,i.d=function(n,e,t){i.o(n,e)\|\|Object.defineProperty(n,e,{enumerable:!0,get:t})},i.r=function(n){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,e){if(1&e&&(n=i(n)),8&e)return n;if(4&e&&"object"===typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)i.d(t,a,function(e){return n[e]}.bind(null,a));return t},i.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(e,"a",e),e},i.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},i.p="/";var l=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],d=l.push.bind(l);l.push=e,l=l.slice();for(var c=0;c<l.length;c++)e(l[c]);var s=d;r.push([843,0]),t()}({0:function(n,e){n.exports=React},1:function(n,e,t){"use strict";t.d(e,"a",(function(){return a})),t.d(e,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)")}},14:function(n,e,t){"use strict";t.d(e,"c",(function(){return i})),t.d(e,"b",(function(){return l})),t.d(e,"d",(function(){return d})),t.d(e,"e",(function(){return c})),t.d(e,"a",(function(){return s}));var a=t(38),o=t(10),r=t.n(o);function i(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"GET",headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function l(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"DELETE",headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function d(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"POST",data:n.data,headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function c(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"PUT",data:n.data,headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function s(n){return r()({url:n,method:"GET"})}r.a.interceptors.request.use((function(n){return!(window.location.pathname.indexOf(".html")>-1)&&Object(a.a)({},n)})),r.a.interceptors.response.use((function(n){return 201===n.status&&console.log("Posted Successfully"),401===n.status&&console.log("not found"),400===n.status&&console.log("unauthorized"),n}),(function(n){return window.location.pathname.indexOf("/dealer/")>-1&&401===n.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),window.location.href=window.location.origin),Promise.reject(n)}))},15:function(n,e,t){"use strict";t.d(e,"a",(function(){return s}));var a=t(23),o=t(0),r=t.n(o),i=t(5),l=(t(42),i.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),d=t(33),c=t.n(d),s=function(n){return Object(a.a)(n),r.a.createElement(l,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(c.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}},2:function(n,e,t){"use strict";t.d(e,"g",(function(){return o})),t.d(e,"U",(function(){return r})),t.d(e,"i",(function(){return i})),t.d(e,"D",(function(){return l})),t.d(e,"G",(function(){return d})),t.d(e,"v",(function(){return c})),t.d(e,"B",(function(){return s})),t.d(e,"o",(function(){return m})),t.d(e,"r",(function(){return p})),t.d(e,"I",(function(){return u})),t.d(e,"H",(function(){return b})),t.d(e,"P",(function(){return g})),t.d(e,"E",(function(){return v})),t.d(e,"u",(function(){return h})),t.d(e,"h",(function(){return x})),t.d(e,"t",(function(){return f})),t.d(e,"y",(function(){return w})),t.d(e,"w",(function(){return k})),t.d(e,"C",(function(){return y})),t.d(e,"s",(function(){return A})),t.d(e,"Q",(function(){return U})),t.d(e,"q",(function(){return E})),t.d(e,"J",(function(){return N})),t.d(e,"F",(function(){return S})),t.d(e,"R",(function(){return I})),t.d(e,"m",(function(){return O})),t.d(e,"j",(function(){return j})),t.d(e,"n",(function(){return z})),t.d(e,"k",(function(){return L})),t.d(e,"l",(function(){return P})),t.d(e,"z",(function(){return C})),t.d(e,"L",(function(){return T})),t.d(e,"x",(function(){return B})),t.d(e,"S",(function(){return R})),t.d(e,"T",(function(){return _})),t.d(e,"b",(function(){return W})),t.d(e,"O",(function(){return q})),t.d(e,"A",(function(){return J})),t.d(e,"a",(function(){return $})),t.d(e,"d",(function(){return F})),t.d(e,"f",(function(){return Z})),t.d(e,"e",(function(){return H})),t.d(e,"W",(function(){return X})),t.d(e,"c",(function(){return Y})),t.d(e,"V",(function(){return G})),t.d(e,"K",(function(){return K})),t.d(e,"M",(function(){return V})),t.d(e,"N",(function(){return Q})),t.d(e,"p",(function(){return nn}));var a=t(4),o=function(n){return JSON.parse(decodeURIComponent(escape(atob(n))))},r=function(n){return btoa(unescape(encodeURIComponent(n)))},i=function(n){return n.toUpperCase()},l=function(n){return n.replaceAll(" ","-").toLowerCase()},d=new a.a(!1),c=new a.a(!1),s=new a.a(!1),m=new a.a(!1),p=new a.a(""),u=new a.a(!1),b=new a.a(!1),g=new a.a(!1),v=new a.a(!1),h=new a.a(!1),x=new a.a(!1),f=new a.a(""),w=new a.a(!0),k=new a.a(!0),y=new a.a(!0),A=new a.a(!0),U=new a.a(!0),E=new a.a(!0),N=new a.a({}),M=new a.a(!1),D=0,S=new a.a(!1),I=new a.a(""),O=new a.a(""),j=new a.a(""),z=new a.a(""),L=new a.a(""),P=new a.a(""),C=new a.a(""),T=new a.a(""),B=new a.a(!1),R=new a.a(!1),_=new a.a(!1),W=function(){setTimeout((function(){D++,M.next(!0)}),0)},q=function(){setTimeout((function(){D>0&&D--,0==D&&M.next(!1)}),0)},J=function(){return M.asObservable()},$=function(n){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+))\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(n)},F=function(n){return n.match(/^[a-zA-Z\xc0-\xff-. ]$/)},Z=function(n){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(n)},H=function(n){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(n)},X=function(n){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+\|(?:www.\|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_])?\??(?:[-\+=&;%@.\w_])#?(?:[\w]))?)/.test(n)},Y=function(n){return/^[0-9]$/.test(n)},G=function(n){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(n)},K=function(n){if(n&&""!==n&&-1===n.indexOf("(")&&-1===n.indexOf(") ")&&-1===n.indexOf("-")){return"("+n.substring(0,3)+") "+n.substring(3,6)+"-"+n.substring(6,n.length)}return n},V=function(n){return n&&(n=n.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==n&&"0"!==n\|\|(n=n.toFixed(2)),n},Q=function(n,e){return n=n?Number(n):0,(0===(e=e?Number(e):0)\|\|"0"===e?0:(n-e)/e100).toFixed(2)},nn=function(n){var e={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:n.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:n.selectedHeight,glass:n.selectedGlass,collection:n.selectedCollection,print:!0,baseUrl:"",gplacement:n.selectedWindowPlacement,width:n.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return n.selectedColor&&(e.color=n.selectedColor),n.colorHex&&(e.colorHex=n.colorHex),n.colorZone&&(e.colorZone=n.colorZone),n.selectedConstruction&&(e.model=n.selectedConstruction),n.selectedWindowDesign&&(e.top=n.selectedWindowDesign),n.glazepattern&&(e.glazepattern=n.glazepattern),n.selectedHardware&&(e.hardware=n.selectedHardware),e}},26:function(n,e){n.exports=ReactDOM},6:function(n,e,t){"use strict";t.d(e,"a",(function(){return p}));var a=t(29),o=t(0),r=t.n(o),i=t(5),l=t(1),d=i.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),c=i.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],l.b.smallDesktop2Min),s=t(25),m=t(24),p=function(n){var e=n.label,t=void 0===e?"label":e,o=n.classStyle,i=void 0===o?"default":o,l=n.link,p=void 0!==l&&l,u=n.disabled,b=void 0!==u&&u,g=n.datatoggle,v=void 0===g?"":g,h=n.datatarget,x=void 0===h?"":h,f=n.linkHref,w=n.target,k=void 0===w?"_self":w,y=n.downloadLink,A=void 0!==y&&y,U=n.inverse,E=void 0!==U&&U,N=n.icon,M=void 0===N?"":N,D=n.iconAlt,S=void 0===D?"":D,I=n.dataItemName,O=void 0===I?"":I,j=n.id,z=void 0===j?"":j,L=n.type,P=void 0===L?"button":L,C=n.showDisabledMessage,T=void 0===C?"":C,B=Object(a.a)(n,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return r.a.createElement(d,null,r.a.createElement("div",{className:"".concat(b&&T&&"disabled-button-parent")},p?r.a.createElement("a",{href:f,download:A,target:k,"data-item-name":O,id:z},r.a.createElement(c,Object.assign({disabled:b,classStyle:"".concat(i)},B,{type:P,className:E?"btn-inverse btn btn-success":"btn btn-success"}),""!=M?r.a.createElement("div",{"data-toggle":v,"data-target":x},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:M,alt:S}),r.a.createElement("span",null,t)):r.a.createElement("span",null,t))):r.a.createElement(c,Object.assign({disabled:b,classStyle:i,className:E?"btn-inverse btn btn-success":"btn btn-success",id:z,"data-item-name":O,type:P},B),r.a.createElement("span",null,t)),b&&T&&r.a.createElement(s.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(m.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},T))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},7:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t(5),o=t(0),r=t.n(o),i=function(n){var e=n.setter,t=e.componentThemes,o=e.selectedTheme;return r.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return t.theme1;var n=o.match(/\d+/g).map(Number),e=Object.keys(t).find((function(e){return!(!Array.isArray(n)\|\|1!==n.length)&&(e.includes(n[0])&&t[e])}));return e?t["".concat(e)]:t.theme1}},n.children)}},751:function(n,e,t){"use strict";t.r(e);var a=t(21),o=t(79);e.default=a.a.create({component:o.a,configuration:{tagname:"amarr-header",useShadow:!1},plugins:[]})},79:function(n,e,t){"use strict";var a=t(0),o=t.n(a),r=t(48),i=t(30),l=t(32),d=t.n(l),c=t(39),s=t(3),m=t(2),p=t(15),u=t(71),b=t(14),g=t(11),v=t(5),h=t(1);function x(){var n=Object(g.a)(['\n .login-popup {\n ul {\n li {\n min-width: 250px;\n padding: 6px 24px;\n position: relative;\n background: var(--bg-header);\n\n &.active {\n a {\n background: var(--bg-header) !important;\n color: var(--bg-main) !important;\n }\n }\n\n a {\n display: flex !important;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n\n &:hover {\n background: var(--bg-header) !important;\n color: var(--bg-main) !important;\n }\n }\n\n h6 {\n margin: 0;\n }\n\n .logout-btn {\n cursor: pointer;\n }\n\n .arrow {\n &-open {\n display: block;\n }\n\n &-close {\n display: none;\n }\n\n &-open,\n &-close {\n height: 16px;\n }\n }\n\n [aria-expanded="true"] {\n .arrow {\n &-open {\n display: none;\n }\n\n &-close {\n display: block;\n }\n }\n }\n\n .popup-container {\n z-index: 999;\n position: absolute;\n top: 98%;\n left: 0;\n right: 0;\n line-height: normal;\n background: var(--bg-header);\n color: var(--bg-main);\n padding: 0 20px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-top: 1px solid var(--border-header);\n\n .item {\n padding: 14px 0;\n }\n\n .body-text3 {\n color: var(--bg-main);\n opacity: 0.7;\n }\n\n .boder-bottom {\n border-bottom: 1px solid var(--border-header);\n }\n }\n }\n }\n\n &-mobile {\n display: none;\n }\n }\n\n .welcome-text {\n color: var(--bg-main) !important;\n }\n\n .custom-navbar {\n background-color: var(--accent);\n width: 100%;\n margin: auto;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .custom-navbar nav.navbar {\n position: static;\n }\n .dropdown.wide-menu {\n position: static;\n }\n .navbar-nav {\n margin-left: 1.7rem !important;\n @media screen and '," {\n margin-left: 0.6rem !important;\n }\n }\n .navbar-nav .wide-menu .dropdown-menu {\n left: 0;\n right: 0;\n width: 100%;\n }\n .menu-block.has-secondary-navbar {\n padding-bottom: 0px;\n position: relative;\n z-index: 10;\n }\n .hover-ul > li {\n @media screen and "," {\n width: 100%;\n }\n }\n #header-nav ul li a {\n padding: 41px 0;\n // line-height: 2rem !important;\n display: block;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n\n color: var(--bg-main);\n margin: 0px 1.1rem;\n @media screen and "," {\n // line-height: 5rem !important;\n }\n @media screen and "," {\n margin: 0px 0.75rem;\n\n padding-top: 30px;\n padding-bottom: 30px;\n }\n @media screen and "," {\n padding-top: 26px;\n padding-bottom: 26px;\n margin: 0px 0.3rem;\n }\n }\n .sub-menu ul li a {\n padding: 0px 0 !important;\n / line-height: 24px !important; /\n }\n .search-form {\n position: relative;\n padding: 0;\n\n input {\n color: #000 !important;\n &::placeholder {\n color: #000 !important;\n }\n }\n .search-icon {\n height: 15px;\n width: 15px;\n position: absolute;\n left: 10px;\n top: 5px;\n @media screen and "," {\n height: 24px;\n width: 24px;\n top: 10px;\n left: 14px;\n }\n @media screen and "," {\n height: 13px;\n width: 13px;\n top: 2px;\n }\n }\n }\n .search-form input {\n padding-left: 48px;\n height: 48px;\n font-size: var(--font-size-m1);\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #8d8d8d;\n @media screen and "," {\n max-width: 180px;\n min-height: 0;\n height: 36px;\n font-size: var(--font-size-s1);\n padding-left: 34px;\n padding-right: 30px;\n }\n @media screen and "," {\n max-width: 160px;\n min-height: 0;\n height: 32px;\n padding-left: 25px;\n padding-right: 30px;\n }\n @media screen and "," and "," {\n max-width: 140px;\n }\n }\n .topbar {\n background: var(--bg-header-2);\n }\n .topbar ul {\n display: flex;\n width: 100%;\n margin: 0;\n list-style: none;\n justify-content: flex-end;\n }\n .topbar ul li {\n padding: 0;\n line-height: 0;\n font-weight: 600;\n }\n .topbar ul li a {\n // line-height: 40px;\n padding: 8px 20px;\n display: block;\n text-decoration: none;\n font-weight: 600;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n text-align: center;\n color: var(--bg-main);\n\n @media screen and "," {\n font-size: var(--font-size-s1);\n padding-top: 6px;\n padding-bottom: 6px;\n }\n @media screen and "," {\n font-size: var(--font-size-xs2);\n padding-top: 4px;\n padding-bottom: 4px;\n }\n }\n .topbar ul li.active a,\n .topbar ul li a:hover {\n background: var(--accent-inverse);\n color: #333;\n }\n .sub-menu-box {\n position: absolute;\n background: var(--grey);\n left: 0;\n right: 0;\n z-index: 1;\n width: auto;\n / padding: 0 330px; /\n padding: 0 120px 0 332px;\n display: none;\n max-width: 1920px;\n margin: auto;\n @media screen and "," {\n overflow: auto;\n }\n @media screen and ",' {\n &:before {\n content: "";\n width: 100vw;\n height: 100%;\n background: var(--grey);\n display: block;\n top: 0;\n left: 50%;\n position: absolute;\n margin-left: -50vw;\n margin-right: -50vw;\n z-index: -1;\n }\n }\n @media screen and '," and (max-width: ","px) {\n padding: 0 118px 0 332px;\n }\n\n @media screen and "," and "," {\n / padding: 0 240px; /\n padding: 0 80px 0 243px;\n }\n @media screen and "," and "," {\n padding: 0 60px 0 171px;\n }\n\n @media screen and "," and "," {\n / padding: 0px 50px 0px 160px; /\n padding: 0px 40px 0px 152px;\n }\n @media screen and "," {\n // margin-bottom: 3rem;\n overflow-y: auto;\n padding-bottom: 3rem !important;\n }\n }\n\n .sub-menu-box ul {\n padding: 0;\n list-style: none;\n display: flex;\n width: 100%;\n margin: auto;\n justify-content: normal !important;\n }\n #header-nav .sub-menu-box ul li a {\n color: #333;\n margin-left: 0;\n margin-right: 0;\n }\n #header-nav li.active a {\n position: relative;\n }\n #header-nav .sub-menu-box li a:before {\n display: none;\n }\n #header-nav .sub-menu-box ul li a {\n text-decoration: none;\n }\n .dropdown-menu-list {\n position: absolute;\n left: 0;\n top: 38px;\n background: var(--grey);\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 30px 15px;\n opacity: 0;\n visibility: hidden;\n z-index: 1000;\n }\n .dropdown-menu-list ul {\n padding: 0;\n list-style: none;\n }\n #header-nav .dropdown-menu-list ul li a {\n color: var(--bg-main) !important;\n }\n #header-nav ul li a:hover {\n cursor: pointer;\n }\n .sub-menu ul {\n display: flex;\n flex-direction: column;\n }\n .sub-menu ul li a {\n border: none !important;\n }\n .sub-menu-box ul li:hover .dropdown-menu-list {\n opacity: 1;\n visibility: visible;\n }\n .sub-menu-box ul li a:hover {\n color: var(--header-border) !important;\n }\n\n #header-nav .dropdown-menu-list ul li a:hover {\n color: var(--header-border) !important;\n }\n .sub-menu-box ul li a {\n position: relative;\n }\n .sub-menu ul li a:after {\n display: none;\n }\n .sub-menu-box ul li:hover a:after {\n opacity: 1;\n visibility: visible;\n }\n .topbar ul li {\n padding: 0;\n line-height: 0;\n font-weight: 600;\n }\n .navbar-dark .navbar-brand {\n color: var(--bg-main);\n }\n .navbar-brand {\n display: inline-block;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 1rem;\n font-size: var(--font-size-m6);\n line-height: inherit;\n white-space: nowrap;\n @media screen and "," {\n padding-top: 5px;\n padding-bottom: 5px;\n }\n @media screen and "," {\n padding-top: 7px;\n padding-bottom: 7px;\n }\n }\n .custom-navbar .navbar-brand img {\n max-width: 136px;\n @media screen and "," {\n max-width: 183px;\n }\n @media screen and "," {\n max-width: 122px;\n }\n @media screen and "," {\n max-width: 100px;\n margin-left: 20px;\n }\n @media screen and "," {\n max-width: 92px;\n }\n }\n .navbar-dark .navbar-toggler {\n color: var(--header-border-color);\n border-color: var(--border-header);\n }\n .dropdown-menu-list {\n position: absolute;\n left: 0;\n top: 38px;\n background: var(--menu-background);\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 30px 15px;\n opacity: 0;\n visibility: hidden;\n z-index: 1000;\n }\n .sub-menu-box ul li.active .second-level-nav-item {\n border-bottom: 2px solid var(--header-border);\n }\n #header-nav .sub-menu-box ul li .second-level-nav-item {\n padding: 0;\n }\n #header-nav .sub-menu-box ul li.active > .second-level-nav-item {\n border-bottom: 2px solid var(--accent);\n }\n #header-nav .sub-menu-box ul li .sub-menu {\n display: none;\n }\n #header-nav .sub-menu-box ul li .sub-menu ul:not(:empty) {\n margin-bottom: 5px;\n }\n #header-nav .sub-menu-box ul li .sub-menu a {\n padding: 4px 0 !important;\n }\n #header-nav ul li a:hover {\n cursor: pointer;\n }\n .navbar-nav .nav-item.active .sub-menu-box {\n display: block;\n }\n .header-wrapper {\n position: relative;\n z-index: 999;\n padding-top: 0px;\n }\n .extra-nav {\n margin: 0;\n padding: 0;\n list-style: none;\n\n @media "," {\n margin-bottom: 5rem;\n }\n }\n #header-nav ul.extra-nav li {\n a {\n display: block;\n background-color: var(--bg-header-2);\n color: var(--bg-main);\n padding: 10px 30px;\n margin: 0 -20px 0;\n border-bottom: 1px solid var(--border-header-2);\n }\n &:last-child {\n a {\n border-bottom: 0;\n }\n }\n a.active {\n background: var(--accent-inverse);\n color: #333;\n }\n }\n #header-nav .navbar-nav .nav-item.has-dropdown {\n .sub-menu-box ul li {\n .second-level-nav-item {\n margin-top: 8px;\n border: none;\n @media screen and "," {\n margin-top: 10px;\n }\n @media screen and "," {\n / line-height: normal!important; /\n / margin-bottom: 8px; /\n white-space: nowrap;\n }\n }\n }\n }\n #header-nav .navbar-nav .nav-item.has-dropdown:hover {\n @media ",' {\n z-index: 9999;\n }\n .sub-menu {\n display: block;\n }\n }\n .navbar-nav .nav-item.has-dropdown.active,\n .navbar-nav .nav-item.has-dropdown:hover {\n .nav-link {\n position: relative;\n\n &:after {\n content: "";\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid var(--grey);\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n margin: auto;\n }\n }\n .sub-menu-box {\n display: block;\n }\n }\n .mobile-search {\n display: block !important;\n }\n .search-icon-mobile {\n display: block !important;\n @media '," {\n display: none !important;\n }\n }\n .search-icon-mobile {\n position: fixed;\n right: 1.4rem;\n @media "," {\n right: 2rem;\n }\n }\n .mobile-no-search {\n display: none !important;\n }\n .search-form-mobile {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: var(--accent);\n z-index: 9999;\n height: 100%;\n padding-top: 1rem;\n .col-2,\n .col-8 {\n float: left;\n }\n .search-icon {\n left: 23px;\n }\n }\n .button-mobile-back {\n background: transparent;\n border: none;\n margin-left: 1rem;\n margin-top: 5px;\n }\n @media screen and ",' {\n .header-wrapper .menu-block {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n }\n .search-form input {\n line-height: 1.2;\n height: 32px;\n font-size: var(--font-size-s2);\n }\n .custom-navbar .navbar-toggler {\n padding: 0;\n border: none;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon {\n background: none;\n position: relative;\n width: 24px;\n height: 24px;\n }\n\n .custom-navbar\n .navbar-toggler[aria-expanded="false"]\n .navbar-toggler-icon {\n background: url("/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/menu-icon-copy.svg")\n no-repeat center;\n width: 24px;\n height: 24px;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:before,\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:after {\n content: "";\n height: 20px;\n width: 1px;\n display: block;\n background: var(--bg-main);\n position: absolute;\n left: 50%;\n top: 5px;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:before {\n transform: rotate(45deg);\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:after {\n transform: rotate(-45deg);\n }\n .navbar .navbar-collapse {\n display: block !important;\n background-color: var(--accent);\n position: fixed;\n height: 100% !important;\n left: 0;\n right: 0;\n width: 100%;\n z-index: -1;\n overflow-y: auto;\n padding: 20px;\n transition: transform 0.5s ease-out;\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .navbar .navbar-collapse.show {\n top: 60px;\n bottom: 0;\n -webkit-transform: translateY(0%);\n -moz-transform: translateY(0%);\n -ms-transform: translateY(0%);\n -o-transform: translateY(0%);\n transform: translateY(0%);\n }\n #header-nav ul li {\n a.nav-link {\n padding: 10px 40px 10px 0;\n border-bottom: 1px solid var(--border-header-2);\n position: relative;\n margin-left: 0;\n }\n &:last-child {\n margin-bottom: 50px;\n a {\n border-bottom: 0;\n }\n }\n }\n\n #header-nav .navbar-nav .nav-item.has-dropdown {\n position: relative;\n &.active,\n &:hover {\n .nav-link:after {\n display: none;\n }\n }\n .sub-menu-box {\n position: fixed;\n top: 0px;\n bottom: 0;\n left: 0;\n width: 100%;\n background: var(--accent);\n z-index: 999999;\n display: block;\n transition: transform 0.5s linear;\n -webkit-transform: translateX(100%);\n -moz-transform: translateX(100%);\n -o-transform: translateX(100%);\n transform: translateX(100%);\n padding: 40px 30px 20px;\n ul > li.col-auto {\n padding: 0;\n .second-level-nav-item {\n margin-top: 0;\n border-bottom: 1px solid var(--border-header-2);\n padding: 10px 0;\n padding-right: 40px;\n position: relative;\n / line-height: 40px!important; /\n &:after {\n content: "";\n height: 10px;\n width: 10px;\n border-right: 2px solid var(--bg-main);\n border-bottom: 2px solid var(--bg-main);\n display: none;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n position: absolute;\n top: 0;\n bottom: 0;\n right: 10px;\n margin: auto;\n }\n &[aria-expanded="true"]:after {\n -webkit-transform: rotate(225deg);\n -moz-transform: rotate(225deg);\n -ms-transform: rotate(225deg);\n -o-transform: rotate(225deg);\n transform: rotate(225deg);\n }\n }\n a {\n color: var(--bg-main);\n &:hover {\n color: var(--bg-main) !important;\n }\n }\n .sub-menu {\n margin-bottom: 0;\n border-bottom: 1px solid var(--border-header-2);\n &.collapse {\n display: none;\n &.show {\n display: block;\n }\n }\n li {\n &:first-child {\n a {\n padding-top: 0 !important;\n margin-top: -5px;\n }\n }\n &:last-child {\n margin-bottom: 10px;\n }\n }\n a {\n padding: 6px 0 !important;\n }\n }\n &.show-icon {\n .second-level-nav-item {\n border-bottom-color: transparent;\n }\n }\n }\n .hide-submenu-btn {\n width: 42px;\n height: 42px;\n font-size: 0;\n background: transparent;\n border: none;\n margin-bottom: 30px;\n background: url("/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/nav-back-arrow.svg")\n no-repeat center;\n }\n }\n &.li-active {\n .sub-menu-box {\n -webkit-transform: translateX(0%);\n -moz-transform: translateX(0%);\n -o-transform: translateX(0%);\n transform: translateX(0%);\n }\n @media screen and '," and ",' {\n .sub-menu-horizontal-scroll {\n padding-bottom: 85px;\n }\n }\n }\n .show-submenu-btn {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 40px;\n text-align: center;\n background: transparent;\n border: none;\n text-indent: -99999px;\n :after {\n content: "";\n height: 10px;\n width: 10px;\n border-right: 2px solid var(--bg-main);\n border-bottom: 2px solid var(--bg-main);\n display: block;\n margin: 0 auto;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -ms-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n }\n }\n }\n }\n .hide {\n visibility: hidden;\n }\n\n .submenu-listitem {\n / padding: 0 30px; /\n @media screen and '," {\n width: 100% !important;\n }\n / @media screen and ","{\n padding: 0 18px;\n } /\n @media screen and "," {\n / width: 20%; /\n flex-grow: 1;\n flex-basis: 0;\n }\n }\n .mobile-search-new {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 10000;\n background-color: var(--accent);\n transform: translateX(100%);\n transition: transform 0.3s ease-out 0s;\n }\n\n .mobile-search-inactive {\n transform: translateX(0%);\n height: 65px;\n }\n\n .mobile-search-new > div {\n display: grid;\n height: 100%;\n grid-template-rows: 65px auto;\n }\n\n .search-header {\n display: grid;\n grid-template-columns: 60px auto;\n }\n\n .root-search-mobile-container {\n background: white;\n border-radius: 4px;\n padding-left: 10px;\n @media screen and "," {\n padding-right: 40px;\n }\n }\n\n .root-search-mobile-container input {\n border: none;\n }\n .root-search-mobile-container input:focus {\n box-shadow: none;\n }\n\n // Fix for breadcrumbs without submenu-box\n // @media screen and ","{\n // .header-gap-default{\n // margin-bottom: 1.2rem;\n // }\n // .header-gap{\n // margin-bottom: calc(38px + 1.2rem);\n // }\n // }\n\n .parent-div {\n .accordion-expand {\n display: inline;\n }\n .accordion-collapsed {\n display: none;\n }\n &.show-icon {\n .accordion-expand {\n display: none;\n }\n .accordion-collapsed {\n display: inline;\n }\n }\n }\n\n @media screen and "," {\n ul.navbar-nav {\n margin-left: 42px !important;\n }\n\n .navbar-brand {\n margin-right: 0;\n }\n\n #header-nav ul li a {\n margin: 0 12px;\n padding: 29px 0;\n / font-weight: 400; /\n }\n\n .search-form .search-icon {\n height: 18px;\n width: 18px;\n top: 5px;\n left: 8px;\n }\n\n .search-form input {\n padding-left: 32px;\n height: 36px;\n font-size: var(--font-size-s1);\n width: 180px;\n border-radius: 4px;\n }\n }\n\n @media screen and "," {\n ul.navbar-nav {\n margin-left: 0.6rem !important;\n }\n\n .navbar-brand {\n margin-right: 0;\n }\n\n #header-nav ul li a {\n margin: 0 9px;\n padding: 26px 0;\n }\n\n .search-form .search-icon {\n height: 16px;\n width: 16px;\n top: 3px;\n left: 8px;\n }\n\n .search-form input {\n padding-left: 32px;\n height: 32px;\n font-size: var(--font-size-xs2);\n width: 160px;\n border-radius: 2px;\n }\n }\n\n @media screen and "," {\n a.d-block.d-lg-none.second-level-nav-item {\n width: calc(100% - 24px);\n display: inline-block !important;\n }\n\n span.toggle-list-item.d-lg-none.second-level-nav-item {\n display: inline-block !important;\n padding-right: 0 !important;\n vertical-align: bottom;\n }\n }\n\n .hover-state-class {\n z-index: 50;\n }\n\n .remove-tip .nav-link::after {\n display: none;\n }\n\n .favorite-count {\n background-color: var(--header-bg-2);\n border-radius: 4px;\n padding: 3px 8px;\n font-size: var(--font-size-s2);\n }\n\n .close-icon {\n right: 4%;\n position: absolute;\n @media screen and "," {\n right: 6%;\n }\n }\n\n .navbar-nav {\n .nav-item {\n &.active {\n a.nav-link {\n color: #f8f9faa6 !important;\n }\n }\n }\n }\n\n / dealer child accounts header /\n .dealer-child-accounts-header {\n background-color: rgba(0, 97, 102, 0.18);\n color: #333;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 20px;\n padding-bottom: 20px;\n / margin-top: 44px; /\n\n a {\n cursor: pointer;\n }\n\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n &-right,\n .select-dropdown {\n display: flex;\n align-items: center;\n }\n\n &-right {\n &-title {\n color: var(--accent) !important;\n @media screen and "," {\n border-right: 1px solid rgb(141, 141, 141);\n }\n }\n\n label {\n display: none;\n }\n\n select {\n width: 240px;\n @media screen and "," {\n width: 200px;\n }\n @media screen and "," {\n width: 162px;\n }\n @media screen and "," {\n width: 100%;\n }\n }\n }\n\n @media screen and "," {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n / // dealer child accounts /\n\n @media "," {\n header {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n }\n\n .header-wrapper {\n padding-top: 142px;\n }\n }\n @media screen and "," {\n .favorite-count {\n padding: 4px 9px;\n }\n }\n @media "," and "," {\n .header-wrapper {\n / padding-top: 131px; /\n padding-top: 105px;\n }\n .favorite-count {\n font-size: var(--font-size-xs2);\n }\n }\n @media screen and "," and "," {\n .favorite-count {\n font-size: var(--font-size-xs1);\n }\n }\n @media "," and "," {\n .header-wrapper {\n padding-top: 97px;\n }\n }\n @media screen and "," {\n .header-wrapper {\n padding-top: 65px;\n }\n }\n @media screen and "," {\n .favorite-count {\n font-size: var(--font-size-m1);\n }\n }\n\n .sub-menu-horizontal-scroll {\n .sub-menu-arrows {\n display: none;\n }\n }\n\n @media screen and "," and "," {\n .second-level-nav-item {\n font-size: var(--font-size-s1) !important;\n }\n }\n\n @media "," {\n .navbar-nav {\n .nav-item {\n margin-top: 26px !important;\n\n &.has-dropdown.active {\n .sub-menu-box {\n display: block;\n }\n }\n\n &.has-dropdown:hover {\n .sub-menu-box {\n / display: block; /\n / max-height: 500px; /\n / opacity: 1;\n visibility: visible; /\n animation: sub-menu-animate 1s;\n\n .submenu-listitem {\n max-width: 25%;\n }\n }\n }\n }\n\n .nav-link {\n padding: 0 0 26px 0 !important;\n\n &:hover {\n color: #f8f9faa6 !important;\n }\n }\n\n .sub-menu-box {\n animation: sub-menu-animate 1.4s;\n box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25),\n 0 30px 60px -30px rgba(0, 0, 0, 0.3);\n\n .second-level-nav-item {\n margin-top: 0 !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n }\n\n .submenu-listitem {\n &.active {\n .second-level-nav-item {\n border-bottom: 2px solid var(--accent) !important;\n }\n }\n\n .sub-menu {\n padding: 5px 0;\n animation: sub-menu-animate 1.4s;\n }\n }\n }\n }\n\n .sub-menu-horizontal-scroll {\n position: relative;\n padding: 0 13px;\n\n &-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n overflow: auto;\n scroll-behavior: smooth;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .sub-menu-arrows {\n display: block;\n position: absolute;\n top: 10px;\n background: var(--grey);\n cursor: pointer;\n height: 20px;\n\n &-left {\n left: -5px;\n }\n\n &-right {\n right: -5px;\n }\n }\n\n .submenu-listitem {\n flex: 0 1 auto;\n / flex: 0 1 20%; /\n / flex-grow: 1; /\n / width: 20%; /\n }\n }\n\n .dealer-child-accounts-header {\n margin-top: 40px;\n }\n }\n .dealer-child-accounts-header-left {\n @media screen and "," {\n text-align: center;\n }\n }\n @media "," {\n .navbar-nav {\n .nav-item {\n margin-top: 38px !important;\n\n &.has-dropdown.active,\n &.has-dropdown:hover {\n .nav-link {\n &:after {\n bottom: -2px;\n }\n }\n }\n }\n\n .nav-link {\n padding: 0 0 38px 0 !important;\n }\n }\n .dealer-child-accounts-header {\n margin-top: 52px;\n }\n }\n\n @media "," {\n .sub-menu-horizontal-scroll {\n .sub-menu-arrows {\n top: 13px;\n }\n }\n }\n\n @media "," {\n .login-popup-mobile {\n background: var(--bg-header-2) !important;\n padding: 10px 24px;\n margin: 0 -20px 0;\n border-top: 1px solid #25787c;\n display: block;\n\n li {\n margin-bottom: 0 !important;\n list-style: none;\n }\n\n &.active {\n a {\n background: var(--bg-header-2) !important;\n color: var(--bg-main) !important;\n }\n }\n\n a {\n display: flex !important;\n align-items: center;\n justify-content: end;\n cursor: pointer;\n padding: 6px !important;\n\n &:hover {\n background: var(--bg-header-2) !important;\n color: var(--bg-main) !important;\n }\n }\n\n h6 {\n margin: 0;\n color: var(--bg-main);\n }\n\n .arrow {\n &-open,\n &-close {\n display: none;\n }\n }\n\n .popup-container {\n color: var(--bg-main);\n padding: 0;\n border-top: 0;\n display: block;\n\n .logout-btn {\n display: none !important;\n }\n\n .item {\n padding: 6px;\n }\n\n .body-text3 {\n color: var(--bg-main);\n opacity: 0.7;\n }\n\n .boder-bottom {\n border-bottom: 0;\n }\n }\n }\n\n .dealer-child-accounts-header {\n flex-direction: column;\n\n &-right {\n margin-top: 10px;\n flex-wrap: wrap;\n }\n }\n }\n @media screen and "," {\n .dealer-child-accounts-header {\n padding-top: 16px;\n padding-bottom: 20px;\n }\n .mobile-font-weight {\n font-weight: 600;\n padding-top: 10px;\n }\n .dealer-child-accounts-header {\n &-right {\n flex-direction: column;\n width: 100%;\n align-items: flex-start;\n row-gap: 8px;\n .select-dropdown {\n padding-left: 0px;\n flex-direction: row;\n align-items: baseline;\n gap: 20px;\n justify-content: space-between;\n width: 100%;\n .border-l {\n border-left: 1px solid #8d8d8d;\n padding: 9px 0px 9px 16px;\n }\n .select-box {\n flex-grow: 2;\n }\n }\n }\n }\n }\n .select-box {\n position: relative;\n }\n select {\n appearance: none;\n }\n .select-dropdown {\n &-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n right: 12px;\n top: 34%;\n transform: rotate(87deg);\n pointer-events: none;\n }\n }\n #dealer-select-popup,\n #logout-message-popup {\n .modal {\n padding: 0 !important;\n\n &-dialog {\n max-width: 540px !important;\n @media screen and "," {\n max-width: 100% !important;\n }\n @media screen and "," and "," {\n max-width: 430px !important;\n }\n\n &-centered {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n margin: 0 auto;\n }\n }\n\n &-content {\n padding: 30px;\n width: 100%;\n @media "," {\n margin-left: 17px;\n }\n }\n\n &-header,\n &-body,\n &-footer {\n padding: 0;\n }\n\n &-header {\n border-bottom: none;\n .close {\n padding: 0;\n margin: 0;\n position: absolute;\n right: 15px;\n top: 15px;\n }\n }\n\n &-footer {\n justify-content: center;\n border-top: none;\n button {\n min-width: 100px;\n }\n }\n }\n }\n @keyframes sub-menu-animate {\n from {\n max-height: 0px;\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n max-height: 500px;\n opacity: 1;\n visibility: visible;\n }\n }\n #link1,\n #link2 {\n visibility: hidden;\n position: fixed;\n }\n "]);return x=function(){return n},n}var f=v.default.div.withConfig({displayName:"styles__Content",componentId:"sc-1bivsnr-0"})(["",""],(function(n){var e;(null===(e=n.gradients)\|\|void 0===e?void 0:e.visible)?n.theme.gradient:n.theme;return Object(v.css)(x(),h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMax,h.b.tabletPortraitUp2,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopAndUpMax,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.largeDesktopMin,h.a.wrapperMaxWidth,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.desktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopMax2,h.b.mobileMax,h.b.tabletPortraitMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletLandscapeAndUpMax,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.largeMobileAndUp2,h.b.tabletPortraitMax2,h.b.largeMobileAndUp2Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.tabletPortraitAndUpMax2,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.largeMobileMin,h.b.largeDesktopMin,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletPortraitMin,h.b.desktopAndUpMax,h.b.tabletLandscapeAndUp,h.b.mobileMax,h.b.largeDesktopMin,h.b.wrapperMaxWidth,h.b.tabletPortraitMax,h.b.mobileMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.desktopAndUpMax,h.b.tabletPortraitAndUpMax)})),w=function(n){var e,t,r,i=n.content,l=n.isDealerAcc,d=Object(a.useState)([]),c=Object(s.a)(d,2),u=c[0],g=c[1],v=Object(a.useState)(!1),h=Object(s.a)(v,2),x=h[0],w=h[1],k=Object(a.useState)(!0),y=Object(s.a)(k,2),A=y[0],U=y[1],E=Object(a.useState)({accountNumber:"",companyName:"",parent:{accountNumber:""}}),N=Object(s.a)(E,2),M=N[0],D=N[1];Object(a.useEffect)((function(){var n=[],e=localStorage.getItem("dealer");if(l?e.isParentAccount?U(!1):U(!0):U(!1),D(JSON.parse(e)),localStorage.getItem("dealer")){var t=JSON.parse(e);if(t&&t.children&&t.children.length>0)t.children.sort((function(n,e){return n.accountNumber-e.accountNumber})),t.children.forEach((function(e){t.isParentAccount&&e.accountNumber!==t.accountNumber&&n.push({text:e.accountNumber,value:e.accountNumber})}))}g(n),Object(m.A)().subscribe((function(n){w(n)}))}),[]);return o.a.createElement(f,{isReversed:!1},x&&o.a.createElement(p.a,null),!(null===i\|\|void 0===i?void 0:i.dealerBanner.hideDealerBanner)&&o.a.createElement("section",{className:"container dealer-child-accounts-header"},o.a.createElement("div",{className:"dealer-child-accounts-header-left"},o.a.createElement("h5",null,null===i\|\|void 0===i\|\|null===(e=i.dealerBanner)\|\|void 0===e?void 0:e.userDetailsFormat.replace("{accountNumber}",null===M\|\|void 0===M?void 0:M.accountNumber).replace("{companyName}",null===M\|\|void 0===M?void 0:M.companyName))),!A&&o.a.createElement("div",{className:"dealer-child-accounts-header-right"},(null===M\|\|void 0===M\|\|null===(t=M.parent)\|\|void 0===t?void 0:t.accountNumber)!==(null===M\|\|void 0===M?void 0:M.accountNumber)&&o.a.createElement("a",{onClick:function(){var n;return function(n){var e;Object(m.b)(),null===(e=Object(b.c)({url:i.apiURLDealerInfo.replace("{accountNumber}",n)}))\|\|void 0===e\|\|e.then((function(n){var e=n.data;e.children=e.children.filter((function(n){return e.isParentAccount&&n.accountNumber!==e.accountNumber})),localStorage.setItem("dealer",JSON.stringify(e)),Object(m.O)(),window.location.reload()}),(function(n){Object(m.O)()})).catch((function(n){Object(m.O)()}))}(null===M\|\|void 0===M\|\|null===(n=M.parent)\|\|void 0===n?void 0:n.accountNumber)},className:"dealer-child-accounts-header-right-title mr-3 pr-3 amarr-h6"},null===(r=i.dealerBanner)\|\|void 0===r?void 0:r.parentAccountLabel),o.a.createElement("div",{className:"mr-3 body-text2 mobile-font-weight"},i.dealerBanner.childAccountLabel),o.a.createElement("div",{className:"select-dropdown "},o.a.createElement("div",{className:"select-box"},o.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),o.a.createElement("select",{id:"childAccounts-id",onChange:function(n){!function(n){var e;Object(m.b)();var t=n.target.value;null===(e=Object(b.c)({url:i.apiURLDealerInfo.replace("{accountNumber}",t)}))\|\|void 0===e\|\|e.then((function(n){localStorage.setItem("dealer",JSON.stringify(n.data)),Object(m.O)(),window.location.reload()}),(function(n){Object(m.O)()})).catch((function(n){Object(m.O)()}))}(n)},name:"childAccounts"},o.a.createElement("option",{value:""},i.dealerBanner.dropdownPlaceholder),u&&u.length>0&&u.map((function(n,e){return o.a.createElement("option",{key:e,value:n.value},n.text)})))),o.a.createElement("span",{className:"body-text2 ml-md-3 mr-md-3 ml-0 border-l"},o.a.createElement("a",{className:"amarrHighlight",href:i.dealerBanner.viewAllUrl},i.dealerBanner.viewAllLabel))))))},k=t(6),y=function(n){var e,t,l,g,v,h,x,y,A,U,E,N,M,D,S,I,O,j,z,L,P,C,T,B,R,_,W,q=n.headerData,J=Object(r.b)(),F=(J.isLoading,J.isAuthenticated),Z=(J.error,J.user,J.loginWithRedirect),H=J.getAccessTokenSilently,X=J.getIdTokenClaims,Y=J.logout,G=Object(a.useState)({name:"",email:"",primaryCompanyNumber:"",companyName:"",given_name:"",family_name:""}),K=Object(s.a)(G,2),V=K[0],Q=K[1],nn=Object(a.useState)({accountNumber:"",companyName:""}),en=Object(s.a)(nn,2),tn=en[0],an=en[1],on=Object(a.useState)(!1),rn=Object(s.a)(on,2),ln=rn[0],dn=rn[1],cn=Object(a.useState)({value:!1,newindex:1}),sn=Object(s.a)(cn,2),mn=sn[0],pn=sn[1],un=Object(a.useState)(!1),bn=Object(s.a)(un,2),gn=bn[0],vn=bn[1],hn=Object(a.useState)(!1),xn=Object(s.a)(hn,2),fn=xn[0],wn=xn[1],kn=Object(a.useState)(!1),yn=Object(s.a)(kn,2),An=yn[0],Un=yn[1],En=Object(a.useState)({value:!1,newindex:0}),Nn=Object(s.a)(En,2),Mn=Nn[0],Dn=(Nn[1],Object(a.useState)(0)),Sn=Object(s.a)(Dn,2),In=Sn[0],On=Sn[1],jn=Object(a.useState)(0),zn=Object(s.a)(jn,2),Ln=zn[0],Pn=zn[1],Cn=Object(a.useState)(!1),Tn=Object(s.a)(Cn,2),Bn=Tn[0],Rn=Tn[1],_n=Object(a.useState)(!1),Wn=Object(s.a)(_n,2),qn=Wn[0],Jn=Wn[1],$n=Object(a.useState)(!1),Fn=Object(s.a)($n,2),Zn=Fn[0],Hn=Fn[1],Xn=Object(a.useState)(!1),Yn=Object(s.a)(Xn,2),Gn=Yn[0],Kn=Yn[1],Vn=Object(a.useState)(""),Qn=Object(s.a)(Vn,2),ne=Qn[0],ee=Qn[1],te=function(n){var e=n.target;e.parentElement.classList.contains("parent-div")&&(e.parentElement.classList.contains("show-icon")?e.parentElement.classList.remove("show-icon"):e.parentElement.classList.add("show-icon")),e.parentElement.parentElement.classList.contains("parent-div")&&(e.parentElement.parentElement.classList.contains("show-icon")?e.parentElement.parentElement.classList.remove("show-icon"):e.parentElement.parentElement.classList.add("show-icon"))};Object(a.useEffect)((function(){q.menuItems.forEach((function(n){!0===n.isActive&&n.menuItems&&n.menuItems.length>0&&Hn(!0)}));var n=document.createElement("script");n.setAttribute("src",q.addSearchScriptURL),document.body.appendChild(n),window.addEventListener("click",re),ie(),Object(m.A)().subscribe((function(n){dn(n)})),m.G.subscribe((function(n){var e;!0===n&&!0===q.enableLogoutRedirection&&Y({returnTo:null===q\|\|void 0===q\|\|null===(e=q.configs)\|\|void 0===e?void 0:e.logoutURI})})),setTimeout((function(){var n=document.querySelectorAll(".pr-snippet-rating-decimal");n&&n.length>0&&n.forEach((function(n){var e=Number(n.textContent).toFixed(1);n.innerText=e}))}),3e3)}),[]),Object(a.useEffect)((function(){if(localStorage.getItem("user")){var n=localStorage.getItem("user");Q(JSON.parse(n))}if(localStorage.getItem("dealer")){var e=localStorage.getItem("dealer");an(JSON.parse(e))}oe(),ae()}),[H]);var ae=function(){var n=localStorage.getItem("expiry");F?Rn(!0):!0===q.showWelcomeBanner?(new Date).getTime()<1e3Number(n)&&localStorage.getItem("user")&&localStorage.getItem("token")?Rn(!0):(Rn(!1),document.getElementById("link1").click(),setTimeout((function(){document.getElementById("close-logout-popup").click(),ce()}),5e3)):Rn(!1)},oe=function(){Object(c.a)(d.a.mark((function n(){var e,t,a,o,r,i,l,c,s;return d.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,H();case 3:return t=n.sent,null!==localStorage.getItem("user")&&void 0!==localStorage.getItem("user")\|\|localStorage.setItem("token",t),localStorage.getItem("expiry")&&(a=localStorage.getItem("expiry"),(new Date).getTime()>1e3Number(a)&&localStorage.setItem("token",t)),n.next=8,X();case 8:o=n.sent,Rn(!0),r=Object(u.a)(t),r.permissions,o.roles=r.permissions,localStorage.setItem("expiry",r.exp),localStorage.setItem("user",JSON.stringify(o)),ae(),i=!1,q.dealerRolesValues.filter((function(n){return o.roles.indexOf(n)>-1})).length>0&&(i=!0),l=0,r[q.accountNumberKeyForLogin]&&(null===(e=r[q.accountNumberKeyForLogin])\|\|void 0===e?void 0:e.primaryCompanyNumber)&&(l=null===(c=r[q.accountNumberKeyForLogin])\|\|void 0===c?void 0:c.primaryCompanyNumber),i&&(Jn(i),null===(s=Object(b.c)({url:q.apiURLDealerInfo.replace("{accountNumber}",l)}))\|\|void 0===s\|\|s.then((function(n){an(n.data),localStorage.setItem("dealer",JSON.stringify(n.data))}),(function(n){})).catch((function(n){}))),m.T.next(!0),n.next=27;break;case 25:n.prev=25,n.t0=n.catch(0);case 27:case"end":return n.stop()}}),n,null,[[0,25]])})))()},re=function(){ie()},ie=function(){if(localStorage.getItem("designer-fav")){var n=localStorage.getItem("designer-fav"),e=JSON.parse(n),t=new Date(e.time).getTime();((o=(new Date).getTime())-t)/6e4>60?localStorage.removeItem("designer-fav"):On(e.data.length)}else On(0);if(localStorage.getItem("product-fav")){n=localStorage.getItem("product-fav");var a=JSON.parse(n),o=(new Date).getTime();a.forEach((function(n,e){var t=new Date(n.time).getTime();(o-t)/6e4>60&&a.splice(e,1)})),Pn(a.length),localStorage.setItem("product-fav",JSON.stringify(a))}else Pn(0)},le=function(n){""!==ne&&($("#addsearch-results").hide(),ee(""),Kn(!1))},de=function(n){ee(n.target.value),""!==n.target.value?Kn(!0):($("#addsearch-results").hide(),Kn(!1))},ce=function(){var n;localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),Y({returnTo:null===q\|\|void 0===q\|\|null===(n=q.configs)\|\|void 0===n?void 0:n.logoutURI})},se=function(){var n=localStorage.getItem("expiry");localStorage.getItem("expiry")&&(new Date).getTime()<1e3Number(n)&&localStorage.getItem("user")&&localStorage.getItem("token")\|\|(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles")),Z()};document.body.addEventListener("click",(function(n){var e,t,a,o,r;!(null===(e=document.querySelector(".popup-container"))\|\|void 0===e?void 0:e.classList.contains("show"))\|\|n.target.classList.contains("popup-container")\|\|n.target.classList.contains("item")\|\|n.target.classList.contains("body-text3")\|\|n.target.classList.contains("logout-btn")\|\|n.target.classList.contains("login-toggle")\|\|n.target.classList.contains("arrow-open")\|\|n.target.classList.contains("arrow-close")\|\|(null===(t=document.querySelector(".popup-container"))\|\|void 0===t\|\|t.classList.remove("show"),null===(a=document.querySelector(".login-toggle"))\|\|void 0===a\|\|a.classList.add("collapsed"),null===(o=document.querySelector(".login-toggle"))\|\|void 0===o\|\|o.setAttribute("aria-expanded","false"),null===(r=document.querySelector("#collapse-logout"))\|\|void 0===r\|\|r.classList.remove("show"))}));var me=function(n){var e,t,a,r,i;return o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(e=q.dealer)\|\|void 0===e?void 0:e.isActive)?"active":""},o.a.createElement("a",{"data-toggle":"collapse","data-target":"#collapse-logout",role:"button","aria-expanded":"false","aria-label":"logout-element-".concat(n),className:"login-toggle"},o.a.createElement("span",{className:"m-0 body-text3 welcome-text"},null===q\|\|void 0===q\|\|null===(t=q.dealerBanner)\|\|void 0===t?void 0:t.welcomeText,"\xa0",(null===V\|\|void 0===V?void 0:V.given_name)&&(null===V\|\|void 0===V?void 0:V.family_name)?(null===V\|\|void 0===V?void 0:V.family_name)+", "+(null===V\|\|void 0===V?void 0:V.given_name):null===V\|\|void 0===V?void 0:V.name),o.a.createElement("img",{loading:"lazy",className:"arrow-open ml-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowDown.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"arrow-close ml-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowUp.svg",alt:"collapsed icon"})),o.a.createElement("div",{className:"collapse popup-container",id:"collapse-logout"},o.a.createElement("div",{className:"item boder-bottom pt-2"},(null===tn\|\|void 0===tn?void 0:tn.companyName)&&o.a.createElement("h6",null,null===tn\|\|void 0===tn?void 0:tn.companyName)),o.a.createElement("div",{className:"item d-flex justify-content-between boder-bottom"},o.a.createElement("div",null,o.a.createElement("span",{className:"body-text3"},null===q\|\|void 0===q\|\|null===(a=q.dealerBanner)\|\|void 0===a?void 0:a.accNumLabel),(null===tn\|\|void 0===tn?void 0:tn.accountNumber)&&o.a.createElement("h6",null,null===tn\|\|void 0===tn?void 0:tn.accountNumber))),o.a.createElement("div",{className:"item d-flex align-items-center"},o.a.createElement("div",{className:"d-flex align-iems-center logout-btn",onClick:ce},(null===q\|\|void 0===q\|\|null===(r=q.dealerBanner)\|\|void 0===r?void 0:r.logoutText)&&o.a.createElement("h6",{className:"m-0 mr-2"},null===q\|\|void 0===q\|\|null===(i=q.dealerBanner)\|\|void 0===i?void 0:i.logoutText),o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/right_lo_arrow.svg",alt:"right-arrow"})))))};Object(a.useEffect)((function(){matchMedia("(min-width: 992px)").matches&&ue()}),[]);var pe=function(n){return function(e){var t=e.target.parentElement.children;"right"==n&&(t[0].scrollLeft+=200,t[1].scrollLeft<200&&setTimeout((function(){t[1].style.display="block"}),0,t)),"left"==n&&(t[0].scrollLeft-=200,t[0].scrollLeft>0&&setTimeout((function(){t[2].style.display="block"}),0,t))}},ue=function(){var n,e=document.querySelectorAll(".sub-menu-horizontal-scroll"),t=Object(i.a)(e);try{for(t.s();!(n=t.n()).done;){var a=n.value,o=a.childNodes;o&&a.scrollWidth>=o[0].scrollWidth&&(o[1].style.display="none",o[2].style.display="none")}}catch(r){t.e(r)}finally{t.f()}};$(".navbar-nav .nav-item").hover((function(){$(".nav-item.active").addClass("inactive").removeClass("active")}),(function(){$(".nav-item.inactive").addClass("active").removeClass("inactive")}));var be=function(n){var e=document.querySelector("#sub-menu-horizontal-scroll-".concat(n));e&&e.childNodes&&(e.childNodes[1].style.display=e.scrollWidth>=e.childNodes[0].scrollWidth?"none":"block",e.childNodes[2].style.display=e.scrollWidth>=e.childNodes[0].scrollWidth?"none":"block")},ge=function(){var n,e;(null===q\|\|void 0===q\|\|null===(n=q.searchDealerBanner)\|\|void 0===n?void 0:n.searchDealerURL)&&(window.location.href=null===q\|\|void 0===q\|\|null===(e=q.searchDealerBanner)\|\|void 0===e?void 0:e.searchDealerURL)},ve=function(n,e){e.isDealerDataRequired&&!0===e.isDealerDataRequired&&(n.preventDefault(),localStorage.getItem("dealer")?window.location.href=e.link:document.getElementById("link2").click())};return o.a.createElement(f,{isReversed:!1},o.a.createElement("div",{className:"header-wrapper hide-print-media"},ln&&o.a.createElement(p.a,null),o.a.createElement("header",null,!0===Bn?o.a.createElement("div",{className:"topbar d-none d-lg-block login-popup"},o.a.createElement("div",{className:"container inner-container"},o.a.createElement("ul",null,o.a.createElement(me,{index:"1"})))):o.a.createElement("div",{className:"topbar d-none d-lg-block"},o.a.createElement("nav",{className:"container inner-container"},o.a.createElement("ul",null,o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(e=q.favourites)\|\|void 0===e?void 0:e.isActive)?"active":""},o.a.createElement("a",{className:"body-text3",href:null===q\|\|void 0===q\|\|null===(t=q.favourites)\|\|void 0===t?void 0:t.link,target:null===q\|\|void 0===q\|\|null===(l=q.favourites)\|\|void 0===l?void 0:l.linkAction,"aria-label":null===q\|\|void 0===q\|\|null===(g=q.favourites)\|\|void 0===g?void 0:g.title},null===q\|\|void 0===q\|\|null===(v=q.favourites)\|\|void 0===v?void 0:v.title,In+Ln>0&&o.a.createElement("span",{className:"ml-2 favorite-count"},In+Ln))),o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(h=q.dealer)\|\|void 0===h?void 0:h.isActive)?"active":""},o.a.createElement("a",{className:"body-text3",onClick:se,href:"#","aria-label":null===q\|\|void 0===q\|\|null===(x=q.dealer)\|\|void 0===x?void 0:x.title,role:"button"},null===q\|\|void 0===q\|\|null===(y=q.dealer)\|\|void 0===y?void 0:y.title))))),o.a.createElement("section",{className:"menu-block has-secondary-navbar"},o.a.createElement("div",{className:"custom-navbar py-1 pb-md-0 ".concat(Zn?"header-gap":"header-gap-default")},o.a.createElement("div",{className:"container inner-container"},o.a.createElement("nav",{className:"navbar navbar-expand-lg navbar-dark p-0 justify-content-between justify-content-md-between"},o.a.createElement("div",null,o.a.createElement("button",{className:"navbar-toggler",type:"button","data-toggle":"collapse","data-target":"#header-nav","aria-controls":"header-nav","aria-expanded":"false","aria-label":"Toggle navigation",onClick:function(){An&&Un(!An),pn({value:!1,newindex:1}),wn(!fn)}},o.a.createElement("span",{className:"navbar-toggler-icon"})),o.a.createElement("a",{className:"navbar-brand",href:null===q\|\|void 0===q\|\|null===(A=q.logo)\|\|void 0===A?void 0:A.logoUrl,target:null===q\|\|void 0===q\|\|null===(U=q.logo)\|\|void 0===U?void 0:U.logoUrlAction,"aria-label":null===q\|\|void 0===q\|\|null===(E=q.logo)\|\|void 0===E?void 0:E.logoAltText},o.a.createElement("img",{loading:"lazy",src:null===q\|\|void 0===q\|\|null===(N=q.logo)\|\|void 0===N?void 0:N.image,alt:null===q\|\|void 0===q\|\|null===(M=q.logo)\|\|void 0===M?void 0:M.logoAltText}))),Bn&&fn&&o.a.createElement("div",{className:"item d-flex justify-content-end align-items-center"},o.a.createElement("div",{className:"d-flex align-items-center",onClick:function(){var n;return Y({returnTo:null===q\|\|void 0===q\|\|null===(n=q.configs)\|\|void 0===n?void 0:n.logoutURI})}},o.a.createElement("h6",{className:"m-0 mr-2 text-white"},q.dealerBanner.logoutText),o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/right_lo_arrow.svg",alt:"right-arrow"}))),o.a.createElement("div",{className:"collapse navbar-collapse",id:"header-nav"},Bn&&o.a.createElement("div",{className:"login-popup-mobile"},o.a.createElement(me,{index:"2"})),o.a.createElement("ul",{className:"navbar-nav mr-auto ml-0 ml-lg-5"},q.menuItems&&q.menuItems.length>0&&q.menuItems.map((function(n,e,t){return o.a.createElement("li",{onMouseEnter:function(){return be(e)},onMouseLeave:function(){return be(e)},className:"".concat(n.isActive?"nav-item active":"nav-item","\n ").concat(0==e?"li-item-hover-state":"").concat(n.menuItems.length>0?" has-dropdown":"").concat(mn.value&&mn.newindex===e?" li-active":"","\n ").concat(Mn.value&&Mn.newindex==e?"hover-state-class":""),key:e},n.isInternal&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,"aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),!n.isInternal&&"_self"===n.linkAction&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,"aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),!n.isInternal&&"_blank"===n.linkAction&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,rel:"noopener","aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),n.menuItems.length>0&&o.a.createElement("button",{className:"d-lg-none show-submenu-btn",type:"button",onClick:function(){return function(n){Un(!An),pn({value:!0,newindex:n})}(e)}},"next"),n.menuItems.length>0&&o.a.createElement("div",{className:"sub-menu-box"},o.a.createElement("button",{className:"d-lg-none hide-submenu-btn",type:"button",onClick:function(){return function(n){Un(!An),pn({value:!1,newindex:n})}(e)}},"Back"),o.a.createElement("div",{id:"sub-menu-horizontal-scroll-".concat(e),className:"sub-menu-horizontal-scroll"},o.a.createElement("ul",{id:"sub-menu-horizontal-scroll-container-".concat(e),className:"sub-menu-horizontal-scroll-container hover-ul row justify-content-around flex-column flex-md-row"},n.menuItems.map((function(n,t){return o.a.createElement("li",{className:"parent-div ".concat(n.isActive?"col-auto active submenu-listitem":"col-auto submenu-listitem"),key:t},o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,onClick:function(e){ve(e,n)},className:"d-none d-lg-inline-block second-level-nav-item amarr-h6"},n.title),o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,onClick:function(e){ve(e,n)},className:"d-block d-lg-none second-level-nav-item amarr-h6"},n.title),n.menuItems&&n.menuItems.length>0&&o.a.createElement("span",{"data-toggle":"collapse","data-target":"#subMenu_".concat(e).concat(t),"aria-expanded":"true","aria-controls":"subMenu_".concat(e).concat(t),id:"toggle-list".concat(e).concat(t),className:"d-lg-none second-level-nav-item toggle-list-item amarr-h6",onClick:te},o.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowDown.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowUp.svg",alt:"collapsed icon"})),n.menuItems&&n.menuItems.length>0&&o.a.createElement("div",{key:e,id:"subMenu_".concat(e).concat(t),className:"sub-menu collapse"},o.a.createElement("ul",null,n.menuItems.map((function(n,e){return o.a.createElement("li",{key:e},o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,className:"body-text3",onClick:function(e){ve(e,n)}},n.title))})))))}))),o.a.createElement("img",{loading:"lazy",onClick:pe("left"),onScroll:pe("left"),className:"sub-menu-arrows sub-menu-arrows-left",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-left-dark.svg",alt:"menu arrow left"}),o.a.createElement("img",{loading:"lazy",onClick:pe("right"),onScroll:pe("right"),className:"sub-menu-arrows sub-menu-arrows-right",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg",alt:"menu arrow right"}))))}))),!Bn&&o.a.createElement("ul",{className:"d-block d-lg-none extra-nav ".concat(An?"hide":"")},o.a.createElement("li",null,o.a.createElement("a",{className:"amarr-h6 ".concat((null===q\|\|void 0===q\|\|null===(D=q.favourites)\|\|void 0===D?void 0:D.isActive)?"active":""),href:null===q\|\|void 0===q\|\|null===(S=q.favourites)\|\|void 0===S?void 0:S.link,target:null===q\|\|void 0===q\|\|null===(I=q.favourites)\|\|void 0===I?void 0:I.linkAction,"aria-label":null===q\|\|void 0===q\|\|null===(O=q.favourites)\|\|void 0===O?void 0:O.title},null===q\|\|void 0===q\|\|null===(j=q.favourites)\|\|void 0===j?void 0:j.title,In+Ln>0&&o.a.createElement("span",{className:"ml-2 favorite-count"},In+Ln))),o.a.createElement("li",null,o.a.createElement("a",{className:"amarr-h6 ".concat((null===q\|\|void 0===q\|\|null===(z=q.dealer)\|\|void 0===z?void 0:z.isActive)?"active":""),onClick:se,href:"#","aria-label":null===q\|\|void 0===q\|\|null===(L=q.dealer)\|\|void 0===L?void 0:L.title,role:"button"},null===q\|\|void 0===q\|\|null===(P=q.dealer)\|\|void 0===P?void 0:P.title)))),o.a.createElement("div",{className:"".concat(gn?"mobile-search-new mobile-search-inactive":"mobile-search-new")},o.a.createElement("div",{className:"search-header pr-4"},o.a.createElement("div",{className:"d-flex"},o.a.createElement("button",{className:"w-100 m-0 button-mobile-back hide-submenu-btn",type:"button",onClick:function(){vn(!1)}},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsBack.svg",alt:"Back icon"}))),o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-100 d-flex justify-between align-items-center root-search-mobile-container"},o.a.createElement("div",{className:"search-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Search Icon"})),o.a.createElement("input",{className:"form-control addsearch",type:"text",placeholder:q.searchLabel,"aria-label":q.searchLabel,value:ne,onChange:de}),Gn&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:le}))))),o.a.createElement("div",null)),o.a.createElement("div",{className:"form-inline search-form ".concat(fn?"d-none":"d-flex")},o.a.createElement("div",{className:"search-icon d-none d-lg-block"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Seacrh Icon"})),!fn&&o.a.createElement("div",{className:"search-icon-mobile d-lg-none"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_search-white.svg",alt:"Search Icon",onClick:function(){vn(!0)}})),o.a.createElement("input",{className:"form-control d-none d-lg-block addsearch",type:"text",placeholder:q.searchLabel,"aria-label":q.searchLabel,value:ne,onChange:de}),Gn&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:le}))))))))),!0===q.showWelcomeBanner&&!1===(null===q\|\|void 0===q\|\|null===(C=q.dealerBanner)\|\|void 0===C?void 0:C.hideDealerBanner)&&o.a.createElement(w,{content:q,isDealerAcc:qn}),o.a.createElement("a",{id:"link1","data-toggle":"modal","data-target":"#logout-message-popup","aria-label":"modal popup"},null===q\|\|void 0===q\|\|null===(T=q.searchDealerBanner)\|\|void 0===T?void 0:T.okButtonLabel),o.a.createElement("a",{id:"link2","data-toggle":"modal","data-target":"#dealer-select-popup","aria-label":"modal popup"},null===q\|\|void 0===q\|\|null===(B=q.searchDealerBanner)\|\|void 0===B?void 0:B.okButtonLabel),!0===q.enableLogoutRedirection&&o.a.createElement("div",{className:"modal fade",id:"logout-message-popup",role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{id:"close-logout-popup",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close",onClick:ce},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},o.a.createElement("div",{className:"body-text1"},null===q\|\|void 0===q\|\|null===(R=q.dealerBanner)\|\|void 0===R?void 0:R.loggedoutMessage))))),o.a.createElement("div",{className:"modal fade",id:"dealer-select-popup",role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close",onClick:ge},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},o.a.createElement("div",{className:"body-text1 my-4"},null===q\|\|void 0===q\|\|null===(_=q.searchDealerBanner)\|\|void 0===_?void 0:_.selectDealerMessage)),o.a.createElement("div",{className:"modal-footer"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(k.a,{label:null===q\|\|void 0===q\|\|null===(W=q.searchDealerBanner)\|\|void 0===W?void 0:W.okButtonLabel,onClick:ge})))))))};y.defaultProps={config:"",theme:""};var A=y,U=t(12),E=t.n(U),N={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},M=t(7),D=t(8),S=t(9),I={logo:{image:"",logoAltText:"",logoUrl:"",logoUrlAction:""},searchLabel:"",favourites:{title:"",link:"",linkAction:"",isActive:!1,isInternal:!1},dealer:{title:"",link:"",linkAction:"",isActive:!1,isInternal:!1},menuItems:[{menuItems:[{menuItems:[{title:"",isActive:!1,link:"",linkAction:"",isInternal:!1,isDealerDataRequired:!1}],title:"",isActive:!1,link:"",linkAction:"",isInternal:!1,isDealerDataRequired:!1}],title:"",isActive:!1,link:"",isInternal:!1,linkAction:"",isDealerDataRequired:!1}],addSearchScriptURL:"",dealerBanner:{hideDealerBanner:!1,welcomeText:"",accNumLabel:"",logoutText:"",userDetailsFormat:"",parentAccountLabel:"",childAccountLabel:"",dropdownPlaceholder:"",viewAllLabel:"",viewAllUrl:"",loggedoutMessage:"",selectDealerMessage:"",okButtonLabel:"",searchDealerURL:""},dealerRolesValues:[""],showWelcomeBanner:!1,apiURLDealerInfo:"",configs:{dealerLoginDomainName:"",dealerLoginClientId:"",dealerLoginAudience:"",postLoginRedirectURI:"",logoutURI:""},enableLogoutRedirection:!1,accountNumberKeyForLogin:""},O=function(n){var e,t,a,i,l=E()({},I,Object(m.g)(n.content));return o.a.createElement(M.a,{setter:{componentThemes:N,selectedTheme:n.theme}},o.a.createElement(D.a,null,o.a.createElement(S.a,{padding:!1},o.a.createElement(f,{isReversed:!1},o.a.createElement(r.a,{audience:null===l\|\|void 0===l\|\|null===(e=l.configs)\|\|void 0===e?void 0:e.dealerLoginAudience,domain:null===l\|\|void 0===l\|\|null===(t=l.configs)\|\|void 0===t?void 0:t.dealerLoginDomainName,clientId:null===l\|\|void 0===l\|\|null===(a=l.configs)\|\|void 0===a?void 0:a.dealerLoginClientId,redirectUri:null===l\|\|void 0===l\|\|null===(i=l.configs)\|\|void 0===i?void 0:i.postLoginRedirectURI},o.a.createElement(A,{headerData:l}))))))};O.defaultProps={theme:"",content:""};e.a=O},8:function(n,e,t){"use strict";var a=t(0),o=t.n(a),r=t(5),i=t(20),l=t.n(i),d=Object(a.createContext)({});e.a=function(n){var e=!1;try{var t;e=(null===(t=document)\|\|void 0===t?void 0:t.dir)&&"rtl"===document.dir.toLowerCase()\|\|!1}catch(i){console.log(i)}var a=e?[l.a]:[];return o.a.createElement(r.StyleSheetManager,{stylisPlugins:a},o.a.createElement(d.Provider,{value:{rtl:e}},n.children))}},9:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t(0),o=t.n(a),r=t(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(n){return n.padding?"0 var(--grid-margin);":0}),(function(n){n.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),i=function(n){var e=n.className,t=n.children,a=n.maxWidth,i=void 0===a?1520:a,l=n.padding,d=void 0===l\|\|l;return o.a.createElement(r,{className:e,maxWidth:i,padding:d},t)}}});
1	+ !function(n){function e(e){for(var a,i,l=e[0],d=e[1],c=e[2],m=0,p=[];m<l.length;m++)i=l[m],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&p.push(o[i][0]),o[i]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(n[a]=d[a]);for(s&&s(e);p.length;)p.shift()();return r.push.apply(r,c\|\|[]),t()}function t(){for(var n,e=0;e<r.length;e++){for(var t=r[e],a=!0,l=1;l<t.length;l++){var d=t[l];0!==o[d]&&(a=!1)}a&&(r.splice(e--,1),n=i(i.s=t[0]))}return n}var a={},o={49:0},r=[];function i(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=n,i.c=a,i.d=function(n,e,t){i.o(n,e)\|\|Object.defineProperty(n,e,{enumerable:!0,get:t})},i.r=function(n){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,e){if(1&e&&(n=i(n)),8&e)return n;if(4&e&&"object"===typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)i.d(t,a,function(e){return n[e]}.bind(null,a));return t},i.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(e,"a",e),e},i.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},i.p="/";var l=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],d=l.push.bind(l);l.push=e,l=l.slice();for(var c=0;c<l.length;c++)e(l[c]);var s=d;r.push([843,0]),t()}({0:function(n,e){n.exports=React},1:function(n,e,t){"use strict";t.d(e,"a",(function(){return a})),t.d(e,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)")}},14:function(n,e,t){"use strict";t.d(e,"c",(function(){return i})),t.d(e,"b",(function(){return l})),t.d(e,"d",(function(){return d})),t.d(e,"e",(function(){return c})),t.d(e,"a",(function(){return s}));var a=t(38),o=t(10),r=t.n(o);function i(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"GET",headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function l(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"DELETE",headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function d(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"POST",data:n.data,headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function c(n){var e=localStorage.getItem("token");if(n)return r()({url:n.url,method:"PUT",data:n.data,headers:{Authorization:"Bearer "+e,"content-type":"application/json"}})}function s(n){return r()({url:n,method:"GET"})}r.a.interceptors.request.use((function(n){return!(window.location.pathname.indexOf(".html")>-1)&&Object(a.a)({},n)})),r.a.interceptors.response.use((function(n){return 201===n.status&&console.log("Posted Successfully"),401===n.status&&console.log("not found"),400===n.status&&console.log("unauthorized"),n}),(function(n){return window.location.pathname.indexOf("/dealer/")>-1&&401===n.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),window.location.href=window.location.origin),Promise.reject(n)}))},15:function(n,e,t){"use strict";t.d(e,"a",(function(){return s}));var a=t(23),o=t(0),r=t.n(o),i=t(5),l=(t(42),i.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),d=t(33),c=t.n(d),s=function(n){return Object(a.a)(n),r.a.createElement(l,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(c.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}},2:function(n,e,t){"use strict";t.d(e,"g",(function(){return o})),t.d(e,"U",(function(){return r})),t.d(e,"i",(function(){return i})),t.d(e,"D",(function(){return l})),t.d(e,"G",(function(){return d})),t.d(e,"v",(function(){return c})),t.d(e,"B",(function(){return s})),t.d(e,"o",(function(){return m})),t.d(e,"r",(function(){return p})),t.d(e,"I",(function(){return u})),t.d(e,"H",(function(){return b})),t.d(e,"P",(function(){return g})),t.d(e,"E",(function(){return v})),t.d(e,"u",(function(){return h})),t.d(e,"h",(function(){return x})),t.d(e,"t",(function(){return f})),t.d(e,"y",(function(){return w})),t.d(e,"w",(function(){return k})),t.d(e,"C",(function(){return y})),t.d(e,"s",(function(){return A})),t.d(e,"Q",(function(){return U})),t.d(e,"q",(function(){return E})),t.d(e,"J",(function(){return N})),t.d(e,"F",(function(){return S})),t.d(e,"R",(function(){return I})),t.d(e,"m",(function(){return O})),t.d(e,"j",(function(){return j})),t.d(e,"n",(function(){return z})),t.d(e,"k",(function(){return L})),t.d(e,"l",(function(){return P})),t.d(e,"z",(function(){return C})),t.d(e,"L",(function(){return T})),t.d(e,"x",(function(){return B})),t.d(e,"S",(function(){return R})),t.d(e,"T",(function(){return _})),t.d(e,"b",(function(){return W})),t.d(e,"O",(function(){return q})),t.d(e,"A",(function(){return J})),t.d(e,"a",(function(){return $})),t.d(e,"d",(function(){return F})),t.d(e,"f",(function(){return Z})),t.d(e,"e",(function(){return H})),t.d(e,"W",(function(){return X})),t.d(e,"c",(function(){return Y})),t.d(e,"V",(function(){return G})),t.d(e,"K",(function(){return K})),t.d(e,"M",(function(){return V})),t.d(e,"N",(function(){return Q})),t.d(e,"p",(function(){return nn}));var a=t(4),o=function(n){return JSON.parse(decodeURIComponent(escape(atob(n))))},r=function(n){return btoa(unescape(encodeURIComponent(n)))},i=function(n){return n.toUpperCase()},l=function(n){return n.replaceAll(" ","-").toLowerCase()},d=new a.a(!1),c=new a.a(!1),s=new a.a(!1),m=new a.a(!1),p=new a.a(""),u=new a.a(!1),b=new a.a(!1),g=new a.a(!1),v=new a.a(!1),h=new a.a(!1),x=new a.a(!1),f=new a.a(""),w=new a.a(!0),k=new a.a(!0),y=new a.a(!0),A=new a.a(!0),U=new a.a(!0),E=new a.a(!0),N=new a.a({}),M=new a.a(!1),D=0,S=new a.a(!1),I=new a.a(""),O=new a.a(""),j=new a.a(""),z=new a.a(""),L=new a.a(""),P=new a.a(""),C=new a.a(""),T=new a.a(""),B=new a.a(!1),R=new a.a(!1),_=new a.a(!1),W=(new a.a(!1),function(){setTimeout((function(){D++,M.next(!0)}),0)}),q=function(){setTimeout((function(){D>0&&D--,0==D&&M.next(!1)}),0)},J=function(){return M.asObservable()},$=function(n){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+))\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(n)},F=function(n){return n.match(/^[a-zA-Z\xc0-\xff-. ]$/)},Z=function(n){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(n)},H=function(n){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(n)},X=function(n){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+\|(?:www.\|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_])?\??(?:[-\+=&;%@.\w_])#?(?:[\w]))?)/.test(n)},Y=function(n){return/^[0-9]$/.test(n)},G=function(n){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(n)},K=function(n){if(n&&""!==n&&-1===n.indexOf("(")&&-1===n.indexOf(") ")&&-1===n.indexOf("-")){return"("+n.substring(0,3)+") "+n.substring(3,6)+"-"+n.substring(6,n.length)}return n},V=function(n){return n&&(n=n.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==n&&"0"!==n\|\|(n=n.toFixed(2)),n},Q=function(n,e){return n=n?Number(n):0,(0===(e=e?Number(e):0)\|\|"0"===e?0:(n-e)/e100).toFixed(2)},nn=function(n){var e={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:n.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:n.selectedHeight,glass:n.selectedGlass,collection:n.selectedCollection,print:!0,baseUrl:"",gplacement:n.selectedWindowPlacement,width:n.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return n.selectedColor&&(e.color=n.selectedColor),n.colorHex&&(e.colorHex=n.colorHex),n.colorZone&&(e.colorZone=n.colorZone),n.selectedConstruction&&(e.model=n.selectedConstruction),n.selectedWindowDesign&&(e.top=n.selectedWindowDesign),n.glazepattern&&(e.glazepattern=n.glazepattern),n.selectedHardware&&(e.hardware=n.selectedHardware),e}},26:function(n,e){n.exports=ReactDOM},6:function(n,e,t){"use strict";t.d(e,"a",(function(){return p}));var a=t(29),o=t(0),r=t.n(o),i=t(5),l=t(1),d=i.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),c=i.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],l.b.smallDesktop2Min),s=t(25),m=t(24),p=function(n){var e=n.label,t=void 0===e?"label":e,o=n.classStyle,i=void 0===o?"default":o,l=n.link,p=void 0!==l&&l,u=n.disabled,b=void 0!==u&&u,g=n.datatoggle,v=void 0===g?"":g,h=n.datatarget,x=void 0===h?"":h,f=n.linkHref,w=n.target,k=void 0===w?"_self":w,y=n.downloadLink,A=void 0!==y&&y,U=n.inverse,E=void 0!==U&&U,N=n.icon,M=void 0===N?"":N,D=n.iconAlt,S=void 0===D?"":D,I=n.dataItemName,O=void 0===I?"":I,j=n.id,z=void 0===j?"":j,L=n.type,P=void 0===L?"button":L,C=n.showDisabledMessage,T=void 0===C?"":C,B=Object(a.a)(n,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return r.a.createElement(d,null,r.a.createElement("div",{className:"".concat(b&&T&&"disabled-button-parent")},p?r.a.createElement("a",{href:f,download:A,target:k,"data-item-name":O,id:z},r.a.createElement(c,Object.assign({disabled:b,classStyle:"".concat(i)},B,{type:P,className:E?"btn-inverse btn btn-success":"btn btn-success"}),""!=M?r.a.createElement("div",{"data-toggle":v,"data-target":x},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:M,alt:S}),r.a.createElement("span",null,t)):r.a.createElement("span",null,t))):r.a.createElement(c,Object.assign({disabled:b,classStyle:i,className:E?"btn-inverse btn btn-success":"btn btn-success",id:z,"data-item-name":O,type:P},B),r.a.createElement("span",null,t)),b&&T&&r.a.createElement(s.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(m.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},T))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},7:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t(5),o=t(0),r=t.n(o),i=function(n){var e=n.setter,t=e.componentThemes,o=e.selectedTheme;return r.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return t.theme1;var n=o.match(/\d+/g).map(Number),e=Object.keys(t).find((function(e){return!(!Array.isArray(n)\|\|1!==n.length)&&(e.includes(n[0])&&t[e])}));return e?t["".concat(e)]:t.theme1}},n.children)}},751:function(n,e,t){"use strict";t.r(e);var a=t(21),o=t(79);e.default=a.a.create({component:o.a,configuration:{tagname:"amarr-header",useShadow:!1},plugins:[]})},79:function(n,e,t){"use strict";var a=t(0),o=t.n(a),r=t(48),i=t(30),l=t(32),d=t.n(l),c=t(39),s=t(3),m=t(2),p=t(15),u=t(71),b=t(14),g=t(11),v=t(5),h=t(1);function x(){var n=Object(g.a)(['\n .login-popup {\n ul {\n li {\n min-width: 250px;\n padding: 6px 24px;\n position: relative;\n background: var(--bg-header);\n\n &.active {\n a {\n background: var(--bg-header) !important;\n color: var(--bg-main) !important;\n }\n }\n\n a {\n display: flex !important;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n\n &:hover {\n background: var(--bg-header) !important;\n color: var(--bg-main) !important;\n }\n }\n\n h6 {\n margin: 0;\n }\n\n .logout-btn {\n cursor: pointer;\n }\n\n .arrow {\n &-open {\n display: block;\n }\n\n &-close {\n display: none;\n }\n\n &-open,\n &-close {\n height: 16px;\n }\n }\n\n [aria-expanded="true"] {\n .arrow {\n &-open {\n display: none;\n }\n\n &-close {\n display: block;\n }\n }\n }\n\n .popup-container {\n z-index: 999;\n position: absolute;\n top: 98%;\n left: 0;\n right: 0;\n line-height: normal;\n background: var(--bg-header);\n color: var(--bg-main);\n padding: 0 20px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-top: 1px solid var(--border-header);\n\n .item {\n padding: 14px 0;\n }\n\n .body-text3 {\n color: var(--bg-main);\n opacity: 0.7;\n }\n\n .boder-bottom {\n border-bottom: 1px solid var(--border-header);\n }\n }\n }\n }\n\n &-mobile {\n display: none;\n }\n }\n\n .welcome-text {\n color: var(--bg-main) !important;\n }\n\n .custom-navbar {\n background-color: var(--accent);\n width: 100%;\n margin: auto;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .custom-navbar nav.navbar {\n position: static;\n }\n .dropdown.wide-menu {\n position: static;\n }\n .navbar-nav {\n margin-left: 1.7rem !important;\n @media screen and '," {\n margin-left: 0.6rem !important;\n }\n }\n .navbar-nav .wide-menu .dropdown-menu {\n left: 0;\n right: 0;\n width: 100%;\n }\n .menu-block.has-secondary-navbar {\n padding-bottom: 0px;\n position: relative;\n z-index: 10;\n }\n .hover-ul > li {\n @media screen and "," {\n width: 100%;\n }\n }\n #header-nav ul li a {\n padding: 41px 0;\n // line-height: 2rem !important;\n display: block;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n\n color: var(--bg-main);\n margin: 0px 1.1rem;\n @media screen and "," {\n // line-height: 5rem !important;\n }\n @media screen and "," {\n margin: 0px 0.75rem;\n\n padding-top: 30px;\n padding-bottom: 30px;\n }\n @media screen and "," {\n padding-top: 26px;\n padding-bottom: 26px;\n margin: 0px 0.3rem;\n }\n }\n .sub-menu ul li a {\n padding: 0px 0 !important;\n / line-height: 24px !important; /\n }\n .search-form {\n position: relative;\n padding: 0;\n\n input {\n color: #000 !important;\n &::placeholder {\n color: #000 !important;\n }\n }\n .search-icon {\n height: 15px;\n width: 15px;\n position: absolute;\n left: 10px;\n top: 5px;\n @media screen and "," {\n height: 24px;\n width: 24px;\n top: 10px;\n left: 14px;\n }\n @media screen and "," {\n height: 13px;\n width: 13px;\n top: 2px;\n }\n }\n }\n .search-form input {\n padding-left: 48px;\n height: 48px;\n font-size: var(--font-size-m1);\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #8d8d8d;\n @media screen and "," {\n max-width: 180px;\n min-height: 0;\n height: 36px;\n font-size: var(--font-size-s1);\n padding-left: 34px;\n padding-right: 30px;\n }\n @media screen and "," {\n max-width: 160px;\n min-height: 0;\n height: 32px;\n padding-left: 25px;\n padding-right: 30px;\n }\n @media screen and "," and "," {\n max-width: 140px;\n }\n }\n .topbar {\n background: var(--bg-header-2);\n }\n .topbar ul {\n display: flex;\n width: 100%;\n margin: 0;\n list-style: none;\n justify-content: flex-end;\n }\n .topbar ul li {\n padding: 0;\n line-height: 0;\n font-weight: 600;\n }\n .topbar ul li a {\n // line-height: 40px;\n padding: 8px 20px;\n display: block;\n text-decoration: none;\n font-weight: 600;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n text-align: center;\n color: var(--bg-main);\n\n @media screen and "," {\n font-size: var(--font-size-s1);\n padding-top: 6px;\n padding-bottom: 6px;\n }\n @media screen and "," {\n font-size: var(--font-size-xs2);\n padding-top: 4px;\n padding-bottom: 4px;\n }\n }\n .topbar ul li.active a,\n .topbar ul li a:hover {\n background: var(--accent-inverse);\n color: #333;\n }\n .sub-menu-box {\n position: absolute;\n background: var(--grey);\n left: 0;\n right: 0;\n z-index: 1;\n width: auto;\n / padding: 0 330px; /\n padding: 0 120px 0 332px;\n display: none;\n max-width: 1920px;\n margin: auto;\n @media screen and "," {\n overflow: auto;\n }\n @media screen and ",' {\n &:before {\n content: "";\n width: 100vw;\n height: 100%;\n background: var(--grey);\n display: block;\n top: 0;\n left: 50%;\n position: absolute;\n margin-left: -50vw;\n margin-right: -50vw;\n z-index: -1;\n }\n }\n @media screen and '," and (max-width: ","px) {\n padding: 0 118px 0 332px;\n }\n\n @media screen and "," and "," {\n / padding: 0 240px; /\n padding: 0 80px 0 243px;\n }\n @media screen and "," and "," {\n padding: 0 60px 0 171px;\n }\n\n @media screen and "," and "," {\n / padding: 0px 50px 0px 160px; /\n padding: 0px 40px 0px 152px;\n }\n @media screen and "," {\n // margin-bottom: 3rem;\n overflow-y: auto;\n padding-bottom: 3rem !important;\n }\n }\n\n .sub-menu-box ul {\n padding: 0;\n list-style: none;\n display: flex;\n width: 100%;\n margin: auto;\n justify-content: normal !important;\n }\n #header-nav .sub-menu-box ul li a {\n color: #333;\n margin-left: 0;\n margin-right: 0;\n }\n #header-nav li.active a {\n position: relative;\n }\n #header-nav .sub-menu-box li a:before {\n display: none;\n }\n #header-nav .sub-menu-box ul li a {\n text-decoration: none;\n }\n .dropdown-menu-list {\n position: absolute;\n left: 0;\n top: 38px;\n background: var(--grey);\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 30px 15px;\n opacity: 0;\n visibility: hidden;\n z-index: 1000;\n }\n .dropdown-menu-list ul {\n padding: 0;\n list-style: none;\n }\n #header-nav .dropdown-menu-list ul li a {\n color: var(--bg-main) !important;\n }\n #header-nav ul li a:hover {\n cursor: pointer;\n }\n .sub-menu ul {\n display: flex;\n flex-direction: column;\n }\n .sub-menu ul li a {\n border: none !important;\n }\n .sub-menu-box ul li:hover .dropdown-menu-list {\n opacity: 1;\n visibility: visible;\n }\n .sub-menu-box ul li a:hover {\n color: var(--header-border) !important;\n }\n\n #header-nav .dropdown-menu-list ul li a:hover {\n color: var(--header-border) !important;\n }\n .sub-menu-box ul li a {\n position: relative;\n }\n .sub-menu ul li a:after {\n display: none;\n }\n .sub-menu-box ul li:hover a:after {\n opacity: 1;\n visibility: visible;\n }\n .topbar ul li {\n padding: 0;\n line-height: 0;\n font-weight: 600;\n }\n .navbar-dark .navbar-brand {\n color: var(--bg-main);\n }\n .navbar-brand {\n display: inline-block;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 1rem;\n font-size: var(--font-size-m6);\n line-height: inherit;\n white-space: nowrap;\n @media screen and "," {\n padding-top: 5px;\n padding-bottom: 5px;\n }\n @media screen and "," {\n padding-top: 7px;\n padding-bottom: 7px;\n }\n }\n .custom-navbar .navbar-brand img {\n max-width: 136px;\n @media screen and "," {\n max-width: 183px;\n }\n @media screen and "," {\n max-width: 122px;\n }\n @media screen and "," {\n max-width: 100px;\n margin-left: 20px;\n }\n @media screen and "," {\n max-width: 92px;\n }\n }\n .navbar-dark .navbar-toggler {\n color: var(--header-border-color);\n border-color: var(--border-header);\n }\n .dropdown-menu-list {\n position: absolute;\n left: 0;\n top: 38px;\n background: var(--menu-background);\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 30px 15px;\n opacity: 0;\n visibility: hidden;\n z-index: 1000;\n }\n .sub-menu-box ul li.active .second-level-nav-item {\n border-bottom: 2px solid var(--header-border);\n }\n #header-nav .sub-menu-box ul li .second-level-nav-item {\n padding: 0;\n }\n #header-nav .sub-menu-box ul li.active > .second-level-nav-item {\n border-bottom: 2px solid var(--accent);\n }\n #header-nav .sub-menu-box ul li .sub-menu {\n display: none;\n }\n #header-nav .sub-menu-box ul li .sub-menu ul:not(:empty) {\n margin-bottom: 5px;\n }\n #header-nav .sub-menu-box ul li .sub-menu a {\n padding: 4px 0 !important;\n }\n #header-nav ul li a:hover {\n cursor: pointer;\n }\n .navbar-nav .nav-item.active .sub-menu-box {\n display: block;\n }\n .header-wrapper {\n position: relative;\n z-index: 999;\n padding-top: 0px;\n }\n .extra-nav {\n margin: 0;\n padding: 0;\n list-style: none;\n\n @media "," {\n margin-bottom: 5rem;\n }\n }\n #header-nav ul.extra-nav li {\n a {\n display: block;\n background-color: var(--bg-header-2);\n color: var(--bg-main);\n padding: 10px 30px;\n margin: 0 -20px 0;\n border-bottom: 1px solid var(--border-header-2);\n }\n &:last-child {\n a {\n border-bottom: 0;\n }\n }\n a.active {\n background: var(--accent-inverse);\n color: #333;\n }\n }\n #header-nav .navbar-nav .nav-item.has-dropdown {\n .sub-menu-box ul li {\n .second-level-nav-item {\n margin-top: 8px;\n border: none;\n @media screen and "," {\n margin-top: 10px;\n }\n @media screen and "," {\n / line-height: normal!important; /\n / margin-bottom: 8px; /\n white-space: nowrap;\n }\n }\n }\n }\n #header-nav .navbar-nav .nav-item.has-dropdown:hover {\n @media ",' {\n z-index: 9999;\n }\n .sub-menu {\n display: block;\n }\n }\n .navbar-nav .nav-item.has-dropdown.active,\n .navbar-nav .nav-item.has-dropdown:hover {\n .nav-link {\n position: relative;\n\n &:after {\n content: "";\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid var(--grey);\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n margin: auto;\n }\n }\n .sub-menu-box {\n display: block;\n }\n }\n .mobile-search {\n display: block !important;\n }\n .search-icon-mobile {\n display: block !important;\n @media '," {\n display: none !important;\n }\n }\n .search-icon-mobile {\n position: fixed;\n right: 1.4rem;\n @media "," {\n right: 2rem;\n }\n }\n .mobile-no-search {\n display: none !important;\n }\n .search-form-mobile {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: var(--accent);\n z-index: 9999;\n height: 100%;\n padding-top: 1rem;\n .col-2,\n .col-8 {\n float: left;\n }\n .search-icon {\n left: 23px;\n }\n }\n .button-mobile-back {\n background: transparent;\n border: none;\n margin-left: 1rem;\n margin-top: 5px;\n }\n @media screen and ",' {\n .header-wrapper .menu-block {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n }\n .search-form input {\n line-height: 1.2;\n height: 32px;\n font-size: var(--font-size-s2);\n }\n .custom-navbar .navbar-toggler {\n padding: 0;\n border: none;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon {\n background: none;\n position: relative;\n width: 24px;\n height: 24px;\n }\n\n .custom-navbar\n .navbar-toggler[aria-expanded="false"]\n .navbar-toggler-icon {\n background: url("/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/menu-icon-copy.svg")\n no-repeat center;\n width: 24px;\n height: 24px;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:before,\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:after {\n content: "";\n height: 20px;\n width: 1px;\n display: block;\n background: var(--bg-main);\n position: absolute;\n left: 50%;\n top: 5px;\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:before {\n transform: rotate(45deg);\n }\n .custom-navbar\n .navbar-toggler[aria-expanded="true"]\n .navbar-toggler-icon:after {\n transform: rotate(-45deg);\n }\n .navbar .navbar-collapse {\n display: block !important;\n background-color: var(--accent);\n position: fixed;\n height: 100% !important;\n left: 0;\n right: 0;\n width: 100%;\n z-index: -1;\n overflow-y: auto;\n padding: 20px;\n transition: transform 0.5s ease-out;\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .navbar .navbar-collapse.show {\n top: 60px;\n bottom: 0;\n -webkit-transform: translateY(0%);\n -moz-transform: translateY(0%);\n -ms-transform: translateY(0%);\n -o-transform: translateY(0%);\n transform: translateY(0%);\n }\n #header-nav ul li {\n a.nav-link {\n padding: 10px 40px 10px 0;\n border-bottom: 1px solid var(--border-header-2);\n position: relative;\n margin-left: 0;\n }\n &:last-child {\n margin-bottom: 50px;\n a {\n border-bottom: 0;\n }\n }\n }\n\n #header-nav .navbar-nav .nav-item.has-dropdown {\n position: relative;\n &.active,\n &:hover {\n .nav-link:after {\n display: none;\n }\n }\n .sub-menu-box {\n position: fixed;\n top: 0px;\n bottom: 0;\n left: 0;\n width: 100%;\n background: var(--accent);\n z-index: 999999;\n display: block;\n transition: transform 0.5s linear;\n -webkit-transform: translateX(100%);\n -moz-transform: translateX(100%);\n -o-transform: translateX(100%);\n transform: translateX(100%);\n padding: 40px 30px 20px;\n ul > li.col-auto {\n padding: 0;\n .second-level-nav-item {\n margin-top: 0;\n border-bottom: 1px solid var(--border-header-2);\n padding: 10px 0;\n padding-right: 40px;\n position: relative;\n / line-height: 40px!important; /\n &:after {\n content: "";\n height: 10px;\n width: 10px;\n border-right: 2px solid var(--bg-main);\n border-bottom: 2px solid var(--bg-main);\n display: none;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n position: absolute;\n top: 0;\n bottom: 0;\n right: 10px;\n margin: auto;\n }\n &[aria-expanded="true"]:after {\n -webkit-transform: rotate(225deg);\n -moz-transform: rotate(225deg);\n -ms-transform: rotate(225deg);\n -o-transform: rotate(225deg);\n transform: rotate(225deg);\n }\n }\n a {\n color: var(--bg-main);\n &:hover {\n color: var(--bg-main) !important;\n }\n }\n .sub-menu {\n margin-bottom: 0;\n border-bottom: 1px solid var(--border-header-2);\n &.collapse {\n display: none;\n &.show {\n display: block;\n }\n }\n li {\n &:first-child {\n a {\n padding-top: 0 !important;\n margin-top: -5px;\n }\n }\n &:last-child {\n margin-bottom: 10px;\n }\n }\n a {\n padding: 6px 0 !important;\n }\n }\n &.show-icon {\n .second-level-nav-item {\n border-bottom-color: transparent;\n }\n }\n }\n .hide-submenu-btn {\n width: 42px;\n height: 42px;\n font-size: 0;\n background: transparent;\n border: none;\n margin-bottom: 30px;\n background: url("/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/nav-back-arrow.svg")\n no-repeat center;\n }\n }\n &.li-active {\n .sub-menu-box {\n -webkit-transform: translateX(0%);\n -moz-transform: translateX(0%);\n -o-transform: translateX(0%);\n transform: translateX(0%);\n }\n @media screen and '," and ",' {\n .sub-menu-horizontal-scroll {\n padding-bottom: 85px;\n }\n }\n }\n .show-submenu-btn {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 40px;\n text-align: center;\n background: transparent;\n border: none;\n text-indent: -99999px;\n :after {\n content: "";\n height: 10px;\n width: 10px;\n border-right: 2px solid var(--bg-main);\n border-bottom: 2px solid var(--bg-main);\n display: block;\n margin: 0 auto;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -ms-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n }\n }\n }\n }\n .hide {\n visibility: hidden;\n }\n\n .submenu-listitem {\n / padding: 0 30px; /\n @media screen and '," {\n width: 100% !important;\n }\n / @media screen and ","{\n padding: 0 18px;\n } /\n @media screen and "," {\n / width: 20%; /\n flex-grow: 1;\n flex-basis: 0;\n }\n }\n .mobile-search-new {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 10000;\n background-color: var(--accent);\n transform: translateX(100%);\n transition: transform 0.3s ease-out 0s;\n }\n\n .mobile-search-inactive {\n transform: translateX(0%);\n height: 65px;\n }\n\n .mobile-search-new > div {\n display: grid;\n height: 100%;\n grid-template-rows: 65px auto;\n }\n\n .search-header {\n display: grid;\n grid-template-columns: 60px auto;\n }\n\n .root-search-mobile-container {\n background: white;\n border-radius: 4px;\n padding-left: 10px;\n @media screen and "," {\n padding-right: 40px;\n }\n }\n\n .root-search-mobile-container input {\n border: none;\n }\n .root-search-mobile-container input:focus {\n box-shadow: none;\n }\n\n // Fix for breadcrumbs without submenu-box\n // @media screen and ","{\n // .header-gap-default{\n // margin-bottom: 1.2rem;\n // }\n // .header-gap{\n // margin-bottom: calc(38px + 1.2rem);\n // }\n // }\n\n .parent-div {\n .accordion-expand {\n display: inline;\n }\n .accordion-collapsed {\n display: none;\n }\n &.show-icon {\n .accordion-expand {\n display: none;\n }\n .accordion-collapsed {\n display: inline;\n }\n }\n }\n\n @media screen and "," {\n ul.navbar-nav {\n margin-left: 42px !important;\n }\n\n .navbar-brand {\n margin-right: 0;\n }\n\n #header-nav ul li a {\n margin: 0 12px;\n padding: 29px 0;\n / font-weight: 400; /\n }\n\n .search-form .search-icon {\n height: 18px;\n width: 18px;\n top: 5px;\n left: 8px;\n }\n\n .search-form input {\n padding-left: 32px;\n height: 36px;\n font-size: var(--font-size-s1);\n width: 180px;\n border-radius: 4px;\n }\n }\n\n @media screen and "," {\n ul.navbar-nav {\n margin-left: 0.6rem !important;\n }\n\n .navbar-brand {\n margin-right: 0;\n }\n\n #header-nav ul li a {\n margin: 0 9px;\n padding: 26px 0;\n }\n\n .search-form .search-icon {\n height: 16px;\n width: 16px;\n top: 3px;\n left: 8px;\n }\n\n .search-form input {\n padding-left: 32px;\n height: 32px;\n font-size: var(--font-size-xs2);\n width: 160px;\n border-radius: 2px;\n }\n }\n\n @media screen and "," {\n a.d-block.d-lg-none.second-level-nav-item {\n width: calc(100% - 24px);\n display: inline-block !important;\n }\n\n span.toggle-list-item.d-lg-none.second-level-nav-item {\n display: inline-block !important;\n padding-right: 0 !important;\n vertical-align: bottom;\n }\n }\n\n .hover-state-class {\n z-index: 50;\n }\n\n .remove-tip .nav-link::after {\n display: none;\n }\n\n .favorite-count {\n background-color: var(--header-bg-2);\n border-radius: 4px;\n padding: 3px 8px;\n font-size: var(--font-size-s2);\n }\n\n .close-icon {\n right: 4%;\n position: absolute;\n @media screen and "," {\n right: 6%;\n }\n }\n\n .navbar-nav {\n .nav-item {\n &.active {\n a.nav-link {\n color: #f8f9faa6 !important;\n }\n }\n }\n }\n\n / dealer child accounts header /\n .dealer-child-accounts-header {\n background-color: rgba(0, 97, 102, 0.18);\n color: #333;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 20px;\n padding-bottom: 20px;\n / margin-top: 44px; /\n\n a {\n cursor: pointer;\n }\n\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n &-right,\n .select-dropdown {\n display: flex;\n align-items: center;\n }\n\n &-right {\n &-title {\n color: var(--accent) !important;\n @media screen and "," {\n border-right: 1px solid rgb(141, 141, 141);\n }\n }\n\n label {\n display: none;\n }\n\n select {\n width: 240px;\n @media screen and "," {\n width: 200px;\n }\n @media screen and "," {\n width: 162px;\n }\n @media screen and "," {\n width: 100%;\n }\n }\n }\n\n @media screen and "," {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n / // dealer child accounts /\n\n @media "," {\n header {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n }\n\n .header-wrapper {\n padding-top: 142px;\n }\n }\n @media screen and "," {\n .favorite-count {\n padding: 4px 9px;\n }\n }\n @media "," and "," {\n .header-wrapper {\n / padding-top: 131px; /\n padding-top: 105px;\n }\n .favorite-count {\n font-size: var(--font-size-xs2);\n }\n }\n @media screen and "," and "," {\n .favorite-count {\n font-size: var(--font-size-xs1);\n }\n }\n @media "," and "," {\n .header-wrapper {\n padding-top: 97px;\n }\n }\n @media screen and "," {\n .header-wrapper {\n padding-top: 65px;\n }\n }\n @media screen and "," {\n .favorite-count {\n font-size: var(--font-size-m1);\n }\n }\n\n .sub-menu-horizontal-scroll {\n .sub-menu-arrows {\n display: none;\n }\n }\n\n @media screen and "," and "," {\n .second-level-nav-item {\n font-size: var(--font-size-s1) !important;\n }\n }\n\n @media "," {\n .navbar-nav {\n .nav-item {\n margin-top: 26px !important;\n\n &.has-dropdown.active {\n .sub-menu-box {\n display: block;\n }\n }\n\n &.has-dropdown:hover {\n .sub-menu-box {\n / display: block; /\n / max-height: 500px; /\n / opacity: 1;\n visibility: visible; /\n animation: sub-menu-animate 1s;\n\n .submenu-listitem {\n max-width: 25%;\n }\n }\n }\n }\n\n .nav-link {\n padding: 0 0 26px 0 !important;\n\n &:hover {\n color: #f8f9faa6 !important;\n }\n }\n\n .sub-menu-box {\n animation: sub-menu-animate 1.4s;\n box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25),\n 0 30px 60px -30px rgba(0, 0, 0, 0.3);\n\n .second-level-nav-item {\n margin-top: 0 !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n }\n\n .submenu-listitem {\n &.active {\n .second-level-nav-item {\n border-bottom: 2px solid var(--accent) !important;\n }\n }\n\n .sub-menu {\n padding: 5px 0;\n animation: sub-menu-animate 1.4s;\n }\n }\n }\n }\n\n .sub-menu-horizontal-scroll {\n position: relative;\n padding: 0 13px;\n\n &-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n overflow: auto;\n scroll-behavior: smooth;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .sub-menu-arrows {\n display: block;\n position: absolute;\n top: 10px;\n background: var(--grey);\n cursor: pointer;\n height: 20px;\n\n &-left {\n left: -5px;\n }\n\n &-right {\n right: -5px;\n }\n }\n\n .submenu-listitem {\n flex: 0 1 auto;\n / flex: 0 1 20%; /\n / flex-grow: 1; /\n / width: 20%; /\n }\n }\n\n .dealer-child-accounts-header {\n margin-top: 40px;\n }\n }\n .dealer-child-accounts-header-left {\n @media screen and "," {\n text-align: center;\n }\n }\n @media "," {\n .navbar-nav {\n .nav-item {\n margin-top: 38px !important;\n\n &.has-dropdown.active,\n &.has-dropdown:hover {\n .nav-link {\n &:after {\n bottom: -2px;\n }\n }\n }\n }\n\n .nav-link {\n padding: 0 0 38px 0 !important;\n }\n }\n .dealer-child-accounts-header {\n margin-top: 52px;\n }\n }\n\n @media "," {\n .sub-menu-horizontal-scroll {\n .sub-menu-arrows {\n top: 13px;\n }\n }\n }\n\n @media "," {\n .login-popup-mobile {\n background: var(--bg-header-2) !important;\n padding: 10px 24px;\n margin: 0 -20px 0;\n border-top: 1px solid #25787c;\n display: block;\n\n li {\n margin-bottom: 0 !important;\n list-style: none;\n }\n\n &.active {\n a {\n background: var(--bg-header-2) !important;\n color: var(--bg-main) !important;\n }\n }\n\n a {\n display: flex !important;\n align-items: center;\n justify-content: end;\n cursor: pointer;\n padding: 6px !important;\n\n &:hover {\n background: var(--bg-header-2) !important;\n color: var(--bg-main) !important;\n }\n }\n\n h6 {\n margin: 0;\n color: var(--bg-main);\n }\n\n .arrow {\n &-open,\n &-close {\n display: none;\n }\n }\n\n .popup-container {\n color: var(--bg-main);\n padding: 0;\n border-top: 0;\n display: block;\n\n .logout-btn {\n display: none !important;\n }\n\n .item {\n padding: 6px;\n }\n\n .body-text3 {\n color: var(--bg-main);\n opacity: 0.7;\n }\n\n .boder-bottom {\n border-bottom: 0;\n }\n }\n }\n\n .dealer-child-accounts-header {\n flex-direction: column;\n\n &-right {\n margin-top: 10px;\n flex-wrap: wrap;\n }\n }\n }\n @media screen and "," {\n .dealer-child-accounts-header {\n padding-top: 16px;\n padding-bottom: 20px;\n }\n .mobile-font-weight {\n font-weight: 600;\n padding-top: 10px;\n }\n .dealer-child-accounts-header {\n &-right {\n flex-direction: column;\n width: 100%;\n align-items: flex-start;\n row-gap: 8px;\n .select-dropdown {\n padding-left: 0px;\n flex-direction: row;\n align-items: baseline;\n gap: 20px;\n justify-content: space-between;\n width: 100%;\n .border-l {\n border-left: 1px solid #8d8d8d;\n padding: 9px 0px 9px 16px;\n }\n .select-box {\n flex-grow: 2;\n }\n }\n }\n }\n }\n .select-box {\n position: relative;\n }\n select {\n appearance: none;\n }\n .select-dropdown {\n &-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n right: 12px;\n top: 34%;\n transform: rotate(87deg);\n pointer-events: none;\n }\n }\n #dealer-select-popup,\n #logout-message-popup {\n .modal {\n padding: 0 !important;\n\n &-dialog {\n max-width: 540px !important;\n @media screen and "," {\n max-width: 100% !important;\n }\n @media screen and "," and "," {\n max-width: 430px !important;\n }\n\n &-centered {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n margin: 0 auto;\n }\n }\n\n &-content {\n padding: 30px;\n width: 100%;\n @media "," {\n margin-left: 17px;\n }\n }\n\n &-header,\n &-body,\n &-footer {\n padding: 0;\n }\n\n &-header {\n border-bottom: none;\n .close {\n padding: 0;\n margin: 0;\n position: absolute;\n right: 15px;\n top: 15px;\n }\n }\n\n &-footer {\n justify-content: center;\n border-top: none;\n button {\n min-width: 100px;\n }\n }\n }\n }\n @keyframes sub-menu-animate {\n from {\n max-height: 0px;\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n max-height: 500px;\n opacity: 1;\n visibility: visible;\n }\n }\n #link1,\n #link2 {\n visibility: hidden;\n position: fixed;\n }\n "]);return x=function(){return n},n}var f=v.default.div.withConfig({displayName:"styles__Content",componentId:"sc-1bivsnr-0"})(["",""],(function(n){var e;(null===(e=n.gradients)\|\|void 0===e?void 0:e.visible)?n.theme.gradient:n.theme;return Object(v.css)(x(),h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMax,h.b.tabletPortraitUp2,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopAndUpMax,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.largeDesktopMin,h.a.wrapperMaxWidth,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.desktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopMax2,h.b.mobileMax,h.b.tabletPortraitMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletLandscapeAndUpMax,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.largeMobileAndUp2,h.b.tabletPortraitMax2,h.b.largeMobileAndUp2Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.tabletPortraitAndUpMax2,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.largeMobileMin,h.b.largeDesktopMin,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletPortraitMin,h.b.desktopAndUpMax,h.b.tabletLandscapeAndUp,h.b.mobileMax,h.b.largeDesktopMin,h.b.wrapperMaxWidth,h.b.tabletPortraitMax,h.b.mobileMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.desktopAndUpMax,h.b.tabletPortraitAndUpMax)})),w=function(n){var e,t,r,i=n.content,l=n.isDealerAcc,d=Object(a.useState)([]),c=Object(s.a)(d,2),u=c[0],g=c[1],v=Object(a.useState)(!1),h=Object(s.a)(v,2),x=h[0],w=h[1],k=Object(a.useState)(!0),y=Object(s.a)(k,2),A=y[0],U=y[1],E=Object(a.useState)({accountNumber:"",companyName:"",parent:{accountNumber:""}}),N=Object(s.a)(E,2),M=N[0],D=N[1];Object(a.useEffect)((function(){var n=[],e=localStorage.getItem("dealer");if(l?e.isParentAccount?U(!1):U(!0):U(!1),D(JSON.parse(e)),localStorage.getItem("dealer")){var t=JSON.parse(e);if(t&&t.children&&t.children.length>0)t.children.sort((function(n,e){return n.accountNumber-e.accountNumber})),t.children.forEach((function(e){t.isParentAccount&&e.accountNumber!==t.accountNumber&&n.push({text:e.accountNumber,value:e.accountNumber})}))}g(n),Object(m.A)().subscribe((function(n){w(n)}))}),[]);return o.a.createElement(f,{isReversed:!1},x&&o.a.createElement(p.a,null),!(null===i\|\|void 0===i?void 0:i.dealerBanner.hideDealerBanner)&&o.a.createElement("section",{className:"container dealer-child-accounts-header"},o.a.createElement("div",{className:"dealer-child-accounts-header-left"},o.a.createElement("h5",null,null===i\|\|void 0===i\|\|null===(e=i.dealerBanner)\|\|void 0===e?void 0:e.userDetailsFormat.replace("{accountNumber}",null===M\|\|void 0===M?void 0:M.accountNumber).replace("{companyName}",null===M\|\|void 0===M?void 0:M.companyName))),!A&&o.a.createElement("div",{className:"dealer-child-accounts-header-right"},(null===M\|\|void 0===M\|\|null===(t=M.parent)\|\|void 0===t?void 0:t.accountNumber)!==(null===M\|\|void 0===M?void 0:M.accountNumber)&&o.a.createElement("a",{onClick:function(){var n;return function(n){var e;Object(m.b)(),null===(e=Object(b.c)({url:i.apiURLDealerInfo.replace("{accountNumber}",n)}))\|\|void 0===e\|\|e.then((function(n){var e=n.data;e.children=e.children.filter((function(n){return e.isParentAccount&&n.accountNumber!==e.accountNumber})),localStorage.setItem("dealer",JSON.stringify(e)),Object(m.O)(),window.location.reload()}),(function(n){Object(m.O)()})).catch((function(n){Object(m.O)()}))}(null===M\|\|void 0===M\|\|null===(n=M.parent)\|\|void 0===n?void 0:n.accountNumber)},className:"dealer-child-accounts-header-right-title mr-3 pr-3 amarr-h6"},null===(r=i.dealerBanner)\|\|void 0===r?void 0:r.parentAccountLabel),o.a.createElement("div",{className:"mr-3 body-text2 mobile-font-weight"},i.dealerBanner.childAccountLabel),o.a.createElement("div",{className:"select-dropdown "},o.a.createElement("div",{className:"select-box"},o.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),o.a.createElement("select",{id:"childAccounts-id",onChange:function(n){!function(n){var e;Object(m.b)();var t=n.target.value;null===(e=Object(b.c)({url:i.apiURLDealerInfo.replace("{accountNumber}",t)}))\|\|void 0===e\|\|e.then((function(n){localStorage.setItem("dealer",JSON.stringify(n.data)),Object(m.O)(),window.location.reload()}),(function(n){Object(m.O)()})).catch((function(n){Object(m.O)()}))}(n)},name:"childAccounts"},o.a.createElement("option",{value:""},i.dealerBanner.dropdownPlaceholder),u&&u.length>0&&u.map((function(n,e){return o.a.createElement("option",{key:e,value:n.value},n.text)})))),o.a.createElement("span",{className:"body-text2 ml-md-3 mr-md-3 ml-0 border-l"},o.a.createElement("a",{className:"amarrHighlight",href:i.dealerBanner.viewAllUrl},i.dealerBanner.viewAllLabel))))))},k=t(6),y=function(n){var e,t,l,g,v,h,x,y,A,U,E,N,M,D,S,I,O,j,z,L,P,C,T,B,R,_,W,q=n.headerData,J=Object(r.b)(),F=(J.isLoading,J.isAuthenticated),Z=(J.error,J.user,J.loginWithRedirect),H=J.getAccessTokenSilently,X=J.getIdTokenClaims,Y=J.logout,G=Object(a.useState)({name:"",email:"",primaryCompanyNumber:"",companyName:"",given_name:"",family_name:""}),K=Object(s.a)(G,2),V=K[0],Q=K[1],nn=Object(a.useState)({accountNumber:"",companyName:""}),en=Object(s.a)(nn,2),tn=en[0],an=en[1],on=Object(a.useState)(!1),rn=Object(s.a)(on,2),ln=rn[0],dn=rn[1],cn=Object(a.useState)({value:!1,newindex:1}),sn=Object(s.a)(cn,2),mn=sn[0],pn=sn[1],un=Object(a.useState)(!1),bn=Object(s.a)(un,2),gn=bn[0],vn=bn[1],hn=Object(a.useState)(!1),xn=Object(s.a)(hn,2),fn=xn[0],wn=xn[1],kn=Object(a.useState)(!1),yn=Object(s.a)(kn,2),An=yn[0],Un=yn[1],En=Object(a.useState)({value:!1,newindex:0}),Nn=Object(s.a)(En,2),Mn=Nn[0],Dn=(Nn[1],Object(a.useState)(0)),Sn=Object(s.a)(Dn,2),In=Sn[0],On=Sn[1],jn=Object(a.useState)(0),zn=Object(s.a)(jn,2),Ln=zn[0],Pn=zn[1],Cn=Object(a.useState)(!1),Tn=Object(s.a)(Cn,2),Bn=Tn[0],Rn=Tn[1],_n=Object(a.useState)(!1),Wn=Object(s.a)(_n,2),qn=Wn[0],Jn=Wn[1],$n=Object(a.useState)(!1),Fn=Object(s.a)($n,2),Zn=Fn[0],Hn=Fn[1],Xn=Object(a.useState)(!1),Yn=Object(s.a)(Xn,2),Gn=Yn[0],Kn=Yn[1],Vn=Object(a.useState)(""),Qn=Object(s.a)(Vn,2),ne=Qn[0],ee=Qn[1],te=function(n){var e=n.target;e.parentElement.classList.contains("parent-div")&&(e.parentElement.classList.contains("show-icon")?e.parentElement.classList.remove("show-icon"):e.parentElement.classList.add("show-icon")),e.parentElement.parentElement.classList.contains("parent-div")&&(e.parentElement.parentElement.classList.contains("show-icon")?e.parentElement.parentElement.classList.remove("show-icon"):e.parentElement.parentElement.classList.add("show-icon"))};Object(a.useEffect)((function(){q.menuItems.forEach((function(n){!0===n.isActive&&n.menuItems&&n.menuItems.length>0&&Hn(!0)}));var n=document.createElement("script");n.setAttribute("src",q.addSearchScriptURL),document.body.appendChild(n),window.addEventListener("click",re),ie(),Object(m.A)().subscribe((function(n){dn(n)})),m.G.subscribe((function(n){var e;!0===n&&!0===q.enableLogoutRedirection&&Y({returnTo:null===q\|\|void 0===q\|\|null===(e=q.configs)\|\|void 0===e?void 0:e.logoutURI})})),setTimeout((function(){var n=document.querySelectorAll(".pr-snippet-rating-decimal");n&&n.length>0&&n.forEach((function(n){var e=Number(n.textContent).toFixed(1);n.innerText=e}))}),3e3)}),[]),Object(a.useEffect)((function(){if(localStorage.getItem("user")){var n=localStorage.getItem("user");Q(JSON.parse(n))}if(localStorage.getItem("dealer")){var e=localStorage.getItem("dealer");an(JSON.parse(e))}oe(),ae()}),[H]);var ae=function(){var n=localStorage.getItem("expiry");F?Rn(!0):!0===q.showWelcomeBanner?(new Date).getTime()<1e3Number(n)&&localStorage.getItem("user")&&localStorage.getItem("token")?Rn(!0):(Rn(!1),document.getElementById("link1").click(),setTimeout((function(){document.getElementById("close-logout-popup").click(),ce()}),5e3)):Rn(!1)},oe=function(){Object(c.a)(d.a.mark((function n(){var e,t,a,o,r,i,l,c,s;return d.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,H();case 3:return t=n.sent,null!==localStorage.getItem("user")&&void 0!==localStorage.getItem("user")\|\|localStorage.setItem("token",t),localStorage.getItem("expiry")&&(a=localStorage.getItem("expiry"),(new Date).getTime()>1e3Number(a)&&localStorage.setItem("token",t)),n.next=8,X();case 8:o=n.sent,Rn(!0),r=Object(u.a)(t),r.permissions,o.roles=r.permissions,localStorage.setItem("expiry",r.exp),localStorage.setItem("user",JSON.stringify(o)),ae(),i=!1,q.dealerRolesValues.filter((function(n){return o.roles.indexOf(n)>-1})).length>0&&(i=!0),l=0,r[q.accountNumberKeyForLogin]&&(null===(e=r[q.accountNumberKeyForLogin])\|\|void 0===e?void 0:e.primaryCompanyNumber)&&(l=null===(c=r[q.accountNumberKeyForLogin])\|\|void 0===c?void 0:c.primaryCompanyNumber),i&&(Jn(i),null===(s=Object(b.c)({url:q.apiURLDealerInfo.replace("{accountNumber}",l)}))\|\|void 0===s\|\|s.then((function(n){an(n.data),localStorage.setItem("dealer",JSON.stringify(n.data))}),(function(n){})).catch((function(n){}))),m.T.next(!0),n.next=27;break;case 25:n.prev=25,n.t0=n.catch(0);case 27:case"end":return n.stop()}}),n,null,[[0,25]])})))()},re=function(){ie()},ie=function(){if(localStorage.getItem("designer-fav")){var n=localStorage.getItem("designer-fav"),e=JSON.parse(n),t=new Date(e.time).getTime();((o=(new Date).getTime())-t)/6e4>60?localStorage.removeItem("designer-fav"):On(e.data.length)}else On(0);if(localStorage.getItem("product-fav")){n=localStorage.getItem("product-fav");var a=JSON.parse(n),o=(new Date).getTime();a.forEach((function(n,e){var t=new Date(n.time).getTime();(o-t)/6e4>60&&a.splice(e,1)})),Pn(a.length),localStorage.setItem("product-fav",JSON.stringify(a))}else Pn(0)},le=function(n){""!==ne&&($("#addsearch-results").hide(),ee(""),Kn(!1))},de=function(n){ee(n.target.value),""!==n.target.value?Kn(!0):($("#addsearch-results").hide(),Kn(!1))},ce=function(){var n;localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),Y({returnTo:null===q\|\|void 0===q\|\|null===(n=q.configs)\|\|void 0===n?void 0:n.logoutURI})},se=function(){var n=localStorage.getItem("expiry");localStorage.getItem("expiry")&&(new Date).getTime()<1e3Number(n)&&localStorage.getItem("user")&&localStorage.getItem("token")\|\|(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles")),Z()};document.body.addEventListener("click",(function(n){var e,t,a,o,r;!(null===(e=document.querySelector(".popup-container"))\|\|void 0===e?void 0:e.classList.contains("show"))\|\|n.target.classList.contains("popup-container")\|\|n.target.classList.contains("item")\|\|n.target.classList.contains("body-text3")\|\|n.target.classList.contains("logout-btn")\|\|n.target.classList.contains("login-toggle")\|\|n.target.classList.contains("arrow-open")\|\|n.target.classList.contains("arrow-close")\|\|(null===(t=document.querySelector(".popup-container"))\|\|void 0===t\|\|t.classList.remove("show"),null===(a=document.querySelector(".login-toggle"))\|\|void 0===a\|\|a.classList.add("collapsed"),null===(o=document.querySelector(".login-toggle"))\|\|void 0===o\|\|o.setAttribute("aria-expanded","false"),null===(r=document.querySelector("#collapse-logout"))\|\|void 0===r\|\|r.classList.remove("show"))}));var me=function(n){var e,t,a,r,i;return o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(e=q.dealer)\|\|void 0===e?void 0:e.isActive)?"active":""},o.a.createElement("a",{"data-toggle":"collapse","data-target":"#collapse-logout",role:"button","aria-expanded":"false","aria-label":"logout-element-".concat(n),className:"login-toggle"},o.a.createElement("span",{className:"m-0 body-text3 welcome-text"},null===q\|\|void 0===q\|\|null===(t=q.dealerBanner)\|\|void 0===t?void 0:t.welcomeText,"\xa0",(null===V\|\|void 0===V?void 0:V.given_name)&&(null===V\|\|void 0===V?void 0:V.family_name)?(null===V\|\|void 0===V?void 0:V.family_name)+", "+(null===V\|\|void 0===V?void 0:V.given_name):null===V\|\|void 0===V?void 0:V.name),o.a.createElement("img",{loading:"lazy",className:"arrow-open ml-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowDown.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"arrow-close ml-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowUp.svg",alt:"collapsed icon"})),o.a.createElement("div",{className:"collapse popup-container",id:"collapse-logout"},o.a.createElement("div",{className:"item boder-bottom pt-2"},(null===tn\|\|void 0===tn?void 0:tn.companyName)&&o.a.createElement("h6",null,null===tn\|\|void 0===tn?void 0:tn.companyName)),o.a.createElement("div",{className:"item d-flex justify-content-between boder-bottom"},o.a.createElement("div",null,o.a.createElement("span",{className:"body-text3"},null===q\|\|void 0===q\|\|null===(a=q.dealerBanner)\|\|void 0===a?void 0:a.accNumLabel),(null===tn\|\|void 0===tn?void 0:tn.accountNumber)&&o.a.createElement("h6",null,null===tn\|\|void 0===tn?void 0:tn.accountNumber))),o.a.createElement("div",{className:"item d-flex align-items-center"},o.a.createElement("div",{className:"d-flex align-iems-center logout-btn",onClick:ce},(null===q\|\|void 0===q\|\|null===(r=q.dealerBanner)\|\|void 0===r?void 0:r.logoutText)&&o.a.createElement("h6",{className:"m-0 mr-2"},null===q\|\|void 0===q\|\|null===(i=q.dealerBanner)\|\|void 0===i?void 0:i.logoutText),o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/right_lo_arrow.svg",alt:"right-arrow"})))))};Object(a.useEffect)((function(){matchMedia("(min-width: 992px)").matches&&ue()}),[]);var pe=function(n){return function(e){var t=e.target.parentElement.children;"right"==n&&(t[0].scrollLeft+=200,t[1].scrollLeft<200&&setTimeout((function(){t[1].style.display="block"}),0,t)),"left"==n&&(t[0].scrollLeft-=200,t[0].scrollLeft>0&&setTimeout((function(){t[2].style.display="block"}),0,t))}},ue=function(){var n,e=document.querySelectorAll(".sub-menu-horizontal-scroll"),t=Object(i.a)(e);try{for(t.s();!(n=t.n()).done;){var a=n.value,o=a.childNodes;o&&a.scrollWidth>=o[0].scrollWidth&&(o[1].style.display="none",o[2].style.display="none")}}catch(r){t.e(r)}finally{t.f()}};$(".navbar-nav .nav-item").hover((function(){$(".nav-item.active").addClass("inactive").removeClass("active")}),(function(){$(".nav-item.inactive").addClass("active").removeClass("inactive")}));var be=function(n){var e=document.querySelector("#sub-menu-horizontal-scroll-".concat(n));e&&e.childNodes&&(e.childNodes[1].style.display=e.scrollWidth>=e.childNodes[0].scrollWidth?"none":"block",e.childNodes[2].style.display=e.scrollWidth>=e.childNodes[0].scrollWidth?"none":"block")},ge=function(){var n,e;(null===q\|\|void 0===q\|\|null===(n=q.searchDealerBanner)\|\|void 0===n?void 0:n.searchDealerURL)&&(window.location.href=null===q\|\|void 0===q\|\|null===(e=q.searchDealerBanner)\|\|void 0===e?void 0:e.searchDealerURL)},ve=function(n,e){e.isDealerDataRequired&&!0===e.isDealerDataRequired&&(n.preventDefault(),localStorage.getItem("dealer")?window.location.href=e.link:document.getElementById("link2").click())};return o.a.createElement(f,{isReversed:!1},o.a.createElement("div",{className:"header-wrapper hide-print-media"},ln&&o.a.createElement(p.a,null),o.a.createElement("header",null,!0===Bn?o.a.createElement("div",{className:"topbar d-none d-lg-block login-popup"},o.a.createElement("div",{className:"container inner-container"},o.a.createElement("ul",null,o.a.createElement(me,{index:"1"})))):o.a.createElement("div",{className:"topbar d-none d-lg-block"},o.a.createElement("nav",{className:"container inner-container"},o.a.createElement("ul",null,o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(e=q.favourites)\|\|void 0===e?void 0:e.isActive)?"active":""},o.a.createElement("a",{className:"body-text3",href:null===q\|\|void 0===q\|\|null===(t=q.favourites)\|\|void 0===t?void 0:t.link,target:null===q\|\|void 0===q\|\|null===(l=q.favourites)\|\|void 0===l?void 0:l.linkAction,"aria-label":null===q\|\|void 0===q\|\|null===(g=q.favourites)\|\|void 0===g?void 0:g.title},null===q\|\|void 0===q\|\|null===(v=q.favourites)\|\|void 0===v?void 0:v.title,In+Ln>0&&o.a.createElement("span",{className:"ml-2 favorite-count"},In+Ln))),o.a.createElement("li",{className:(null===q\|\|void 0===q\|\|null===(h=q.dealer)\|\|void 0===h?void 0:h.isActive)?"active":""},o.a.createElement("a",{className:"body-text3",onClick:se,href:"#","aria-label":null===q\|\|void 0===q\|\|null===(x=q.dealer)\|\|void 0===x?void 0:x.title,role:"button"},null===q\|\|void 0===q\|\|null===(y=q.dealer)\|\|void 0===y?void 0:y.title))))),o.a.createElement("section",{className:"menu-block has-secondary-navbar"},o.a.createElement("div",{className:"custom-navbar py-1 pb-md-0 ".concat(Zn?"header-gap":"header-gap-default")},o.a.createElement("div",{className:"container inner-container"},o.a.createElement("nav",{className:"navbar navbar-expand-lg navbar-dark p-0 justify-content-between justify-content-md-between"},o.a.createElement("div",null,o.a.createElement("button",{className:"navbar-toggler",type:"button","data-toggle":"collapse","data-target":"#header-nav","aria-controls":"header-nav","aria-expanded":"false","aria-label":"Toggle navigation",onClick:function(){An&&Un(!An),pn({value:!1,newindex:1}),wn(!fn)}},o.a.createElement("span",{className:"navbar-toggler-icon"})),o.a.createElement("a",{className:"navbar-brand",href:null===q\|\|void 0===q\|\|null===(A=q.logo)\|\|void 0===A?void 0:A.logoUrl,target:null===q\|\|void 0===q\|\|null===(U=q.logo)\|\|void 0===U?void 0:U.logoUrlAction,"aria-label":null===q\|\|void 0===q\|\|null===(E=q.logo)\|\|void 0===E?void 0:E.logoAltText},o.a.createElement("img",{loading:"lazy",src:null===q\|\|void 0===q\|\|null===(N=q.logo)\|\|void 0===N?void 0:N.image,alt:null===q\|\|void 0===q\|\|null===(M=q.logo)\|\|void 0===M?void 0:M.logoAltText}))),Bn&&fn&&o.a.createElement("div",{className:"item d-flex justify-content-end align-items-center"},o.a.createElement("div",{className:"d-flex align-items-center",onClick:function(){var n;return Y({returnTo:null===q\|\|void 0===q\|\|null===(n=q.configs)\|\|void 0===n?void 0:n.logoutURI})}},o.a.createElement("h6",{className:"m-0 mr-2 text-white"},q.dealerBanner.logoutText),o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/right_lo_arrow.svg",alt:"right-arrow"}))),o.a.createElement("div",{className:"collapse navbar-collapse",id:"header-nav"},Bn&&o.a.createElement("div",{className:"login-popup-mobile"},o.a.createElement(me,{index:"2"})),o.a.createElement("ul",{className:"navbar-nav mr-auto ml-0 ml-lg-5"},q.menuItems&&q.menuItems.length>0&&q.menuItems.map((function(n,e,t){return o.a.createElement("li",{onMouseEnter:function(){return be(e)},onMouseLeave:function(){return be(e)},className:"".concat(n.isActive?"nav-item active":"nav-item","\n ").concat(0==e?"li-item-hover-state":"").concat(n.menuItems.length>0?" has-dropdown":"").concat(mn.value&&mn.newindex===e?" li-active":"","\n ").concat(Mn.value&&Mn.newindex==e?"hover-state-class":""),key:e},n.isInternal&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,"aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),!n.isInternal&&"_self"===n.linkAction&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,"aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),!n.isInternal&&"_blank"===n.linkAction&&o.a.createElement("a",{className:"nav-link amarr-h6",href:n.link,target:n.linkAction,rel:"noopener","aria-label":n.title,onClick:function(e){ve(e,n)}},n.title),n.menuItems.length>0&&o.a.createElement("button",{className:"d-lg-none show-submenu-btn",type:"button",onClick:function(){return function(n){Un(!An),pn({value:!0,newindex:n})}(e)}},"next"),n.menuItems.length>0&&o.a.createElement("div",{className:"sub-menu-box"},o.a.createElement("button",{className:"d-lg-none hide-submenu-btn",type:"button",onClick:function(){return function(n){Un(!An),pn({value:!1,newindex:n})}(e)}},"Back"),o.a.createElement("div",{id:"sub-menu-horizontal-scroll-".concat(e),className:"sub-menu-horizontal-scroll"},o.a.createElement("ul",{id:"sub-menu-horizontal-scroll-container-".concat(e),className:"sub-menu-horizontal-scroll-container hover-ul row justify-content-around flex-column flex-md-row"},n.menuItems.map((function(n,t){return o.a.createElement("li",{className:"parent-div ".concat(n.isActive?"col-auto active submenu-listitem":"col-auto submenu-listitem"),key:t},o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,onClick:function(e){ve(e,n)},className:"d-none d-lg-inline-block second-level-nav-item amarr-h6"},n.title),o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,onClick:function(e){ve(e,n)},className:"d-block d-lg-none second-level-nav-item amarr-h6"},n.title),n.menuItems&&n.menuItems.length>0&&o.a.createElement("span",{"data-toggle":"collapse","data-target":"#subMenu_".concat(e).concat(t),"aria-expanded":"true","aria-controls":"subMenu_".concat(e).concat(t),id:"toggle-list".concat(e).concat(t),className:"d-lg-none second-level-nav-item toggle-list-item amarr-h6",onClick:te},o.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowDown.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowUp.svg",alt:"collapsed icon"})),n.menuItems&&n.menuItems.length>0&&o.a.createElement("div",{key:e,id:"subMenu_".concat(e).concat(t),className:"sub-menu collapse"},o.a.createElement("ul",null,n.menuItems.map((function(n,e){return o.a.createElement("li",{key:e},o.a.createElement("a",{"aria-label":n.title,href:n.link,target:n.linkAction,className:"body-text3",onClick:function(e){ve(e,n)}},n.title))})))))}))),o.a.createElement("img",{loading:"lazy",onClick:pe("left"),onScroll:pe("left"),className:"sub-menu-arrows sub-menu-arrows-left",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-left-dark.svg",alt:"menu arrow left"}),o.a.createElement("img",{loading:"lazy",onClick:pe("right"),onScroll:pe("right"),className:"sub-menu-arrows sub-menu-arrows-right",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg",alt:"menu arrow right"}))))}))),!Bn&&o.a.createElement("ul",{className:"d-block d-lg-none extra-nav ".concat(An?"hide":"")},o.a.createElement("li",null,o.a.createElement("a",{className:"amarr-h6 ".concat((null===q\|\|void 0===q\|\|null===(D=q.favourites)\|\|void 0===D?void 0:D.isActive)?"active":""),href:null===q\|\|void 0===q\|\|null===(S=q.favourites)\|\|void 0===S?void 0:S.link,target:null===q\|\|void 0===q\|\|null===(I=q.favourites)\|\|void 0===I?void 0:I.linkAction,"aria-label":null===q\|\|void 0===q\|\|null===(O=q.favourites)\|\|void 0===O?void 0:O.title},null===q\|\|void 0===q\|\|null===(j=q.favourites)\|\|void 0===j?void 0:j.title,In+Ln>0&&o.a.createElement("span",{className:"ml-2 favorite-count"},In+Ln))),o.a.createElement("li",null,o.a.createElement("a",{className:"amarr-h6 ".concat((null===q\|\|void 0===q\|\|null===(z=q.dealer)\|\|void 0===z?void 0:z.isActive)?"active":""),onClick:se,href:"#","aria-label":null===q\|\|void 0===q\|\|null===(L=q.dealer)\|\|void 0===L?void 0:L.title,role:"button"},null===q\|\|void 0===q\|\|null===(P=q.dealer)\|\|void 0===P?void 0:P.title)))),o.a.createElement("div",{className:"".concat(gn?"mobile-search-new mobile-search-inactive":"mobile-search-new")},o.a.createElement("div",{className:"search-header pr-4"},o.a.createElement("div",{className:"d-flex"},o.a.createElement("button",{className:"w-100 m-0 button-mobile-back hide-submenu-btn",type:"button",onClick:function(){vn(!1)}},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsBack.svg",alt:"Back icon"}))),o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-100 d-flex justify-between align-items-center root-search-mobile-container"},o.a.createElement("div",{className:"search-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Search Icon"})),o.a.createElement("input",{className:"form-control addsearch",type:"text",placeholder:q.searchLabel,"aria-label":q.searchLabel,value:ne,onChange:de}),Gn&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:le}))))),o.a.createElement("div",null)),o.a.createElement("div",{className:"form-inline search-form ".concat(fn?"d-none":"d-flex")},o.a.createElement("div",{className:"search-icon d-none d-lg-block"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Seacrh Icon"})),!fn&&o.a.createElement("div",{className:"search-icon-mobile d-lg-none"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_search-white.svg",alt:"Search Icon",onClick:function(){vn(!0)}})),o.a.createElement("input",{className:"form-control d-none d-lg-block addsearch",type:"text",placeholder:q.searchLabel,"aria-label":q.searchLabel,value:ne,onChange:de}),Gn&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:le}))))))))),!0===q.showWelcomeBanner&&!1===(null===q\|\|void 0===q\|\|null===(C=q.dealerBanner)\|\|void 0===C?void 0:C.hideDealerBanner)&&o.a.createElement(w,{content:q,isDealerAcc:qn}),o.a.createElement("a",{id:"link1","data-toggle":"modal","data-target":"#logout-message-popup","aria-label":"modal popup"},null===q\|\|void 0===q\|\|null===(T=q.searchDealerBanner)\|\|void 0===T?void 0:T.okButtonLabel),o.a.createElement("a",{id:"link2","data-toggle":"modal","data-target":"#dealer-select-popup","aria-label":"modal popup"},null===q\|\|void 0===q\|\|null===(B=q.searchDealerBanner)\|\|void 0===B?void 0:B.okButtonLabel),!0===q.enableLogoutRedirection&&o.a.createElement("div",{className:"modal fade",id:"logout-message-popup",role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{id:"close-logout-popup",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close",onClick:ce},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},o.a.createElement("div",{className:"body-text1"},null===q\|\|void 0===q\|\|null===(R=q.dealerBanner)\|\|void 0===R?void 0:R.loggedoutMessage))))),o.a.createElement("div",{className:"modal fade",id:"dealer-select-popup",role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close",onClick:ge},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},o.a.createElement("div",{className:"body-text1 my-4"},null===q\|\|void 0===q\|\|null===(_=q.searchDealerBanner)\|\|void 0===_?void 0:_.selectDealerMessage)),o.a.createElement("div",{className:"modal-footer"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(k.a,{label:null===q\|\|void 0===q\|\|null===(W=q.searchDealerBanner)\|\|void 0===W?void 0:W.okButtonLabel,onClick:ge})))))))};y.defaultProps={config:"",theme:""};var A=y,U=t(12),E=t.n(U),N={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},M=t(7),D=t(8),S=t(9),I={logo:{image:"",logoAltText:"",logoUrl:"",logoUrlAction:""},searchLabel:"",favourites:{title:"",link:"",linkAction:"",isActive:!1,isInternal:!1},dealer:{title:"",link:"",linkAction:"",isActive:!1,isInternal:!1},menuItems:[{menuItems:[{menuItems:[{title:"",isActive:!1,link:"",linkAction:"",isInternal:!1,isDealerDataRequired:!1}],title:"",isActive:!1,link:"",linkAction:"",isInternal:!1,isDealerDataRequired:!1}],title:"",isActive:!1,link:"",isInternal:!1,linkAction:"",isDealerDataRequired:!1}],addSearchScriptURL:"",dealerBanner:{hideDealerBanner:!1,welcomeText:"",accNumLabel:"",logoutText:"",userDetailsFormat:"",parentAccountLabel:"",childAccountLabel:"",dropdownPlaceholder:"",viewAllLabel:"",viewAllUrl:"",loggedoutMessage:"",selectDealerMessage:"",okButtonLabel:"",searchDealerURL:""},dealerRolesValues:[""],showWelcomeBanner:!1,apiURLDealerInfo:"",configs:{dealerLoginDomainName:"",dealerLoginClientId:"",dealerLoginAudience:"",postLoginRedirectURI:"",logoutURI:""},enableLogoutRedirection:!1,accountNumberKeyForLogin:""},O=function(n){var e,t,a,i,l=E()({},I,Object(m.g)(n.content));return o.a.createElement(M.a,{setter:{componentThemes:N,selectedTheme:n.theme}},o.a.createElement(D.a,null,o.a.createElement(S.a,{padding:!1},o.a.createElement(f,{isReversed:!1},o.a.createElement(r.a,{audience:null===l\|\|void 0===l\|\|null===(e=l.configs)\|\|void 0===e?void 0:e.dealerLoginAudience,domain:null===l\|\|void 0===l\|\|null===(t=l.configs)\|\|void 0===t?void 0:t.dealerLoginDomainName,clientId:null===l\|\|void 0===l\|\|null===(a=l.configs)\|\|void 0===a?void 0:a.dealerLoginClientId,redirectUri:null===l\|\|void 0===l\|\|null===(i=l.configs)\|\|void 0===i?void 0:i.postLoginRedirectURI},o.a.createElement(A,{headerData:l}))))))};O.defaultProps={theme:"",content:""};e.a=O},8:function(n,e,t){"use strict";var a=t(0),o=t.n(a),r=t(5),i=t(20),l=t.n(i),d=Object(a.createContext)({});e.a=function(n){var e=!1;try{var t;e=(null===(t=document)\|\|void 0===t?void 0:t.dir)&&"rtl"===document.dir.toLowerCase()\|\|!1}catch(i){console.log(i)}var a=e?[l.a]:[];return o.a.createElement(r.StyleSheetManager,{stylisPlugins:a},o.a.createElement(d.Provider,{value:{rtl:e}},n.children))}},9:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t(0),o=t.n(a),r=t(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(n){return n.padding?"0 var(--grid-margin);":0}),(function(n){n.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),i=function(n){var e=n.className,t=n.children,a=n.maxWidth,i=void 0===a?1520:a,l=n.padding,d=void 0===l\|\|l;return o.a.createElement(r,{className:e,maxWidth:i,padding:d},t)}}});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@assaabloy/amarr-wc-header",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Web component - Header",
   "type": "module",
   "main": "header.js",
@@ -11,5 +11,5 @@
   },
   "author": "Nagarro",
   "license": "MIT",
-  "gitHead": "acc3c989de373312b025dcc717511f6932fc6076"
+  "gitHead": "d48358bbd19434f7c894ba5d11be622e8fd7566f"
 }