{"mappings":"ACEA,6GAOI,uBAPJ,iDAYQ,uB,uC,yE,sBAWJ,wDAIA,+B,sB,gC,sB,gC,uB,iCAeA,uB,iCAMA,wCAMI,wC,6CASJ,uCAIA,gCAIA,0CAIA,oCAIA,uC,qD,oDAUA,2BAGJ,kC,gDAIA,8B,uB,+B,2DAgBQ,oBADJ,yB,uBAQA,2B,+O,kFA2BJ,m1D,mCAoBI,kEAKA,gGAMA,iG,gGAsBQ,gBAKR,kCAGI,4E,8E,8FAiBJ,6F,kD,0EAeI,uRAmBA,8RAMI,iIASJ,qI,uI,4C,uB,4CA2BA,yQAgBJ,gEAGI,swB,sBAeJ,4FAWI,gEAGQ,+C,6M,yf,mOAyCR,iMAQR,0O,mNAuBQ,yG,yIAiBJ,ubAYQ,4EAII,gMAeZ,+FAMQ,8FAMA,yJAOZ,2G,yFAYQ,kG,sD,sDAcJ,oDAGJ,uC,kK,oF,oK,mD,8BA0BI,+B,4DAOA,mD,qIAOA,qCAOA,4E,2GAcA,yYAgBJ,ykBAIA,0rB,wkB,2rBAUI,8FAOA,qSAaA,mHAIA,uK,6EAaJ,s+CAcA,q3CAGI,sC,uD,iCAUA,oC,0EAYJ,6EAKI,yCAKJ,6GAUQ,iDAKA,8EAQJ,mC,mC,oE,2BAmBI,oCAIA,8CAGA,sEAIJ,wD,4DAWA,4GAQA,2C,wFAWI,6BAIA,4C,sE,uCAgBJ,2HAUI,iGAQA,wDAIA,uBACA,gCAKJ,uBACI,gCAIA,uB,+BAKA,oCAKA,sB,gCAOJ,sBACI,iCAIA,uE,gDAWA,sCAIR,qCAgEI,gD,8CAKI,8DAIR,0H,0DAOI,wCAOI,8BAGI,+C,kEAKI,8BAKZ,4CAAA,6B,4CAUA,2CAII,iDAIA,8CATR,iDAeQ,gEAfR,0D,yDAwBY,8FAOR,oHAOA,sF,yC,gD,6B,iC,kD,sBA2BgB,gCAQA,qT,uBAsBA,kCAOY,mH,uBAcZ,qCAOQ,8DAOR,uBACI,4EAQR,gDAKJ,sBACI,iD,uBAMQ,gDAIQ,sCAIA,uB,wC,uJAcQ,+C,gDAeA,sBACA,gGAeQ,uBACA,8LAqBpC,+c,wGA2BoB,oFAWA,8C,qEAWI,kEAGI,yKASI,gIAQA,qNAmBQ,kJ,upC,uBA+C5C,gFAaQ,0RAMQ,we,6KAqBhB,q6B,iH,+L,66B,4I,2H,uR,uL,8L,iI,qJ,+K,iM,oU,0Z,smB,uP,++B,wJ,yJ,uB,2K,8D,0F,6E,qJ,id,6L,4R,yd,wvB,mc,6e,yhB,4iB,0qB,usB,osB,yrB,woB,29D,qyH,6rB,mI,gU,if,uB,uY,mI,8L,mC,4B","sources":["typography.a52ff1a6.css","src/css/header.scss"],"sourcesContent":[".container {\n width: 100%;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n padding-left: 10px;\n padding-right: 10px;\n}\n\n@media (width >= 1024px) {\n .container {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n@media (width >= 1401px) {\n .container {\n max-width: 1400px !important;\n }\n}\n\n.container.header {\n padding-top: 1rem;\n padding-bottom: 1rem;\n position: relative;\n}\n\n@media (width >= 768px) {\n .container.header {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n}\n\n.page-wrapper {\n padding-top: 46px;\n}\n\n@media (width >= 640px) {\n .page-wrapper {\n padding-top: 53px;\n }\n}\n\n@media (width >= 768px) {\n .page-wrapper {\n padding-top: 61px;\n }\n}\n\n@media (width >= 1024px) {\n .page-wrapper {\n padding-top: 116px;\n }\n}\n\n@media (width >= 1400px) {\n .page-wrapper {\n padding-top: 120px;\n }\n}\n\n.prose-page {\n max-width: 100%;\n padding: 20px;\n}\n\n.prose-page:last-child {\n padding-bottom: 0;\n}\n\n.prose-page img {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose-page p:first-child {\n margin-top: 0;\n}\n\n.layout-item {\n margin-bottom: 46px;\n}\n\n.layout-item .layout-item {\n margin-bottom: 0;\n}\n\n.layout-item img {\n border-radius: 10px;\n}\n\n.layout-item.no-bottom {\n margin-bottom: 0;\n}\n\n.layout-item.padding-not-margin-top {\n padding-top: 66px;\n}\n\n.layout-item.padding-not-margin {\n padding-bottom: 66px;\n}\n\n.no-bottom {\n margin-bottom: 0;\n}\n\n.section-gap-top {\n padding-top: 66px;\n}\n\nh1 {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1;\n}\n\n.caption, .meta {\n font-size: 12px;\n}\n\n@media (width >= 1024px) {\n .caption, .meta {\n font-size: 14px;\n }\n}\n\n.caption {\n margin-top: .5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.info {\n display: block;\n}\n\n.info.sku {\n font-size: 17px;\n}\n\n@media (width >= 1024px) {\n .info.sku {\n font-size: 1.3em;\n }\n}\n\n.info.flag {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: 0 .5rem;\n font-size: 10px;\n line-height: 22px;\n display: inline-block;\n}\n\n.info.related {\n padding-left: 30px;\n font-size: .9em;\n line-height: 20px;\n position: relative;\n}\n\n.info.related:before {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"19.75\\\" height=\\\"19.75\\\" viewBox=\\\"0 0 19.75 19.75\\\"%3E%3Cg id=\\\"Group_11\\\" data-name=\\\"Group 11\\\" transform=\\\"translate(0.375 0.375)\\\"%3E%3Cpath id=\\\"Stroke_1\\\" data-name=\\\"Stroke 1\\\" d=\\\"M19,9.5A9.5,9.5,0,1,0,9.5,19,9.5,9.5,0,0,0,19,9.5Z\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cpath id=\\\"Fill_3\\\" data-name=\\\"Fill 3\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_5\\\" data-name=\\\"Stroke 5\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38Z\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cg id=\\\"Group_10\\\" data-name=\\\"Group 10\\\" transform=\\\"translate(7.64 7.852)\\\"%3E%3Cpath id=\\\"Fill_7\\\" data-name=\\\"Fill 7\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_9\\\" data-name=\\\"Stroke 9\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100%;\n width: 20px;\n height: 20px;\n margin-right: .5rem;\n display: block;\n position: absolute;\n top: 50%;\n left: 0;\n}\n\n.use-to-measure {\n margin: 0 !important;\n}\n\n.uses-list {\n margin-left: 0;\n padding-left: 0;\n margin-top: 11px !important;\n}\n\n.uses-list li {\n margin-left: 0;\n padding-left: 0;\n font-size: 1.5em;\n font-weight: 300;\n list-style-type: none;\n}\n\n.media-wrapper {\n width: 100%;\n margin-top: 1.5rem;\n padding-top: 56.25%;\n position: relative;\n overflow: hidden;\n}\n\n.media-wrapper iframe, .media-wrapper .video-js {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n}\n\na {\n color: inherit;\n}\n\na:hover {\n text-decoration-line: none;\n}\n\n.content a {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.content-nav a {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n}\n\n.content-nav a:hover {\n font-weight: 700;\n text-decoration-line: none;\n text-decoration: none !important;\n}\n\n.content-nav a.active {\n font-weight: 700;\n color: #5564b9 !important;\n text-decoration: none !important;\n}\n\n.content-nav .content-nav-list {\n margin-bottom: 2rem;\n}\n\n.content-nav .content-nav-list li {\n padding-bottom: .5rem;\n padding-left: 1.4em;\n}\n\n.button-solid {\n cursor: pointer;\n white-space: nowrap;\n --tw-bg-opacity: 1;\n background-color: rgb(51 51 51 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: .5rem 1.5rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff !important;\n}\n\n.button-solid:hover, .button-solid:active, .button-solid:focus, a:focus .button-solid, a:hover .button-solid, a:active .button-solid, a:focus-within .button-solid {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n text-decoration-line: none;\n text-decoration: none !important;\n}\n\n.button-solid.button-alt, .button-solid.button-alt:visited {\n --tw-bg-opacity: 1;\n background-color: rgb(61 96 207 / var(--tw-bg-opacity));\n}\n\n.button-solid.button-alt:hover, .button-solid.button-alt:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(45 75 167 / var(--tw-bg-opacity));\n}\n\n.button-solid.button-alt:active, .button-solid.button-alt.active {\n --tw-bg-opacity: 1;\n background-color: rgb(16 68 150 / var(--tw-bg-opacity));\n}\n\n.button-solid.button-strong {\n font-weight: 700;\n}\n\n@media (width >= 1400px) {\n .button-solid {\n font-size: 19px;\n line-height: 1;\n }\n}\n\n.button-outline {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(85 100 185 / var(--tw-border-opacity));\n border-radius: .5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1.125rem;\n font-weight: 500;\n line-height: 35px;\n text-decoration-line: none;\n display: inline-block;\n}\n\n.button-outline.with-arrow {\n padding-right: 40px;\n position: relative;\n}\n\n.button-outline.with-arrow:after {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%235564b9' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 9px 16px;\n width: 9px;\n height: 16px;\n position: absolute;\n top: 50%;\n right: 1rem;\n}\n\n@media (width >= 768px) {\n .button-outline {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.25rem;\n line-height: 45px;\n }\n\n .button-outline.with-arrow {\n padding-right: 50px;\n position: relative;\n }\n\n .button-outline.with-arrow:after {\n right: 1.5rem;\n }\n}\n\n.button-outline:hover, .button-outline:active, .button-outline:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-outline:hover.with-arrow:after, .button-outline:active.with-arrow:after, .button-outline:focus.with-arrow:after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n}\n\n.button-tag {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(85 100 185 / var(--tw-border-opacity));\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: .25rem 1rem;\n font-weight: 700;\n}\n\n.button-tag:hover, .button-tag:active, .button-tag:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-tag-small {\n --tw-bg-opacity: 1;\n background-color: rgb(112 112 112 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n margin-right: .25rem;\n padding: .25rem 1rem;\n font-weight: 700;\n}\n\n.button-tag-small:hover, .button-tag-small:active, .button-tag-small:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-icon-small, .button-icon-large {\n flex-direction: row;\n align-items: center;\n font-weight: 700;\n display: flex;\n}\n\n.button-icon-small .button-icon, .button-icon-large .button-icon {\n width: 60px;\n height: 60px;\n margin-right: 2rem;\n display: block;\n position: relative;\n}\n\n.button-icon-small .button-icon img, .button-icon-small .button-icon svg, .button-icon-large .button-icon img, .button-icon-large .button-icon svg {\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n object-fit: cover;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.button-icon-small .button-text, .button-icon-large .button-text {\n flex-grow: 1;\n}\n\n.button-icon-large {\n --tw-bg-opacity: 1;\n background-color: rgb(224 230 243 / var(--tw-bg-opacity));\n border-radius: .5rem;\n flex-direction: row;\n align-items: center;\n padding: 2rem;\n font-weight: 700;\n display: flex;\n}\n\n.button-icon-large .button-text {\n flex-direction: column;\n flex-grow: 1;\n font-weight: 400;\n display: flex;\n}\n\n.button-icon-large .button-text .title {\n font-size: 1.875rem;\n font-weight: 500;\n line-height: 2.25rem;\n}\n\ntable.technical-information tr {\n --tw-border-opacity: 1;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-color: rgb(194 194 194 / var(--tw-border-opacity));\n}\n\ntable.technical-information tr th {\n --tw-bg-opacity: 1;\n background-color: rgb(247 247 247 / var(--tw-bg-opacity));\n}\n\ntable.technical-information tr th, table.technical-information tr td {\n padding: .5rem 1.5rem;\n}\n\ntable.technical-information.one-data-col th, table.technical-information.one-data-col td {\n width: 50%;\n}\n\ntable.technical-information.two-data-col th {\n width: 40%;\n}\n\ntable.technical-information.two-data-col td {\n width: 30%;\n}\n\ntable.technical-information tfoot tr {\n border-width: 0;\n}\n\na.image-link {\n text-decoration-line: none;\n}\n\na.image-link span {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n padding-top: 1rem;\n line-height: 1.5rem;\n display: block;\n text-decoration: none !important;\n}\n\na.image-link:hover, a.image-link:active, a.image-link:focus {\n text-decoration-line: none;\n}\n\na.image-link:hover span, a.image-link:active span, a.image-link:focus span {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: none;\n}\n\n.image-wrapper {\n border-radius: .5rem;\n overflow: hidden;\n}\n\n.image-wrapper img {\n width: 100%;\n}\n\n.content-card {\n min-height: 18rem;\n}\n\n.carousel-image-wrapper {\n border-radius: .5rem;\n overflow: hidden;\n}\n\n.carousel-image-wrapper img {\n width: 100%;\n height: auto;\n}\n\na h1:hover, a h1:active, a h1:focus, a h2:hover, a h2:active, a h2:focus, a h3:hover, a h3:active, a h3:focus {\n text-decoration-line: underline;\n}\n\n.sticky-nav {\n position: sticky;\n top: 2rem;\n}\n\n.tns-outer {\n z-index: 10;\n border-radius: .5rem;\n position: relative;\n overflow: hidden;\n}\n\n.tns-outer .tns-controls {\n pointer-events: none;\n z-index: 11;\n width: 100%;\n padding-top: 50%;\n position: absolute;\n top: 0;\n}\n\n.tns-outer .tns-controls button {\n pointer-events: auto;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n text-indent: -9999px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n position: absolute;\n}\n\n.tns-outer .tns-controls button[data-controls=\"prev\"] {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n left: 1rem;\n}\n\n.tns-outer .tns-controls button[data-controls=\"prev\"]:hover, .tns-outer .tns-controls button[data-controls=\"prev\"]:active, .tns-outer .tns-controls button[data-controls=\"prev\"]:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n}\n\n.tns-outer .tns-controls button[data-controls=\"next\"] {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n right: 1rem;\n}\n\n.tns-outer .tns-controls button[data-controls=\"next\"]:hover, .tns-outer .tns-controls button[data-controls=\"next\"]:active, .tns-outer .tns-controls button[data-controls=\"next\"]:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E%0A\");\n}\n\n.tns-outer .tns-nav {\n justify-content: center;\n width: 100%;\n display: flex;\n position: absolute;\n bottom: 0;\n}\n\n.tns-outer .tns-nav button {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(91 91 91 / var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 9999px;\n width: 10px;\n height: 10px;\n margin-bottom: 1rem;\n margin-left: .25rem;\n margin-right: .25rem;\n}\n\n.tns-outer .tns-nav button.tns-nav-active {\n --tw-bg-opacity: 1;\n background-color: rgb(194 194 194 / var(--tw-bg-opacity));\n}\n\n.tns-outer .tns-nav button:hover, .tns-outer .tns-nav button:active, .tns-outer .tns-nav button:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\na[data-fslightbox] {\n cursor: pointer;\n z-index: 13;\n display: block;\n position: relative;\n}\n\na[data-fslightbox]:after {\n z-index: 14;\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-ddc5e916-6c5a-4464-bfc9-b52d9ceafdd9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-ea9e10fa-0db4-4243-a69d-a26eff29ea58' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-492bc5c9-42d9-4774-ac9c-ffd3a345aa6f'%3E%3Cg id='uuid-b4e41131-184d-4da2-b29f-b547eb7e62c9'%3E%3Cpath id='uuid-b266d068-8f59-4fa5-98c0-12dc9e3e2429' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-f4395912-1dc7-4cc2-af9b-4ae4bc708dcd' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-281121c0-52c6-4e42-a69e-559332634b66' d='m13.53,9.94v5.94' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-101b957b-4b47-4d5f-81c5-3eefc94a0196' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n display: block;\n position: absolute;\n top: 1rem;\n right: 1rem;\n}\n\na[data-fslightbox]:hover:after, a[data-fslightbox]:active:after, a[data-fslightbox]:focus:after {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-13aa0e69-d673-49dd-b95d-e4564e48f446' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-24e8f82e-351d-4779-a98c-19016d5671e0' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-4227a5db-774f-4784-bc81-4109db1fda0b'%3E%3Cg id='uuid-81b1c7c6-220b-448a-a213-c01d1b92f1e1'%3E%3Cpath id='uuid-dd2101e5-2344-44b1-9822-529f642cb174' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-d7a2e362-2123-4dfe-a486-2e296e100a12' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-c0ee6b2e-f189-46a0-875d-636bd8e7cedc' d='m13.53,9.94v5.94' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-0f9852a8-1978-43b8-b56a-4042e65acb2d' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.smooth-scroll {\n scroll-behavior: smooth;\n}\n\n.layout-item > div > ul > li::marker {\n color: #5564b9 !important;\n}\n\n.layout-item h1 {\n line-height: 1.25;\n}\n\n.layout-item h2 {\n margin-bottom: .75em;\n}\n\n.layout-item > div > p > a, .layout-item > div > p > a:visited {\n color: #5564b9 !important;\n}\n\n.layout-item > div > p > a:hover {\n text-decoration: underline;\n color: #8189b7 !important;\n}\n\n.blog-info {\n flex-direction: row;\n width: 100%;\n}\n\n.social-media-icons {\n z-index: 10;\n flex-direction: column;\n position: absolute;\n left: 950px;\n transform: translateY(-50%);\n}\n\n.social-media-icons a {\n margin: 5px 0;\n display: block;\n}\n\n.social-media-icons img {\n width: 32px;\n min-width: 32px;\n height: 32px;\n min-height: 32px;\n}\n\n.social-relative {\n position: relative;\n}\n\n.durationIconOuter {\n padding-top: 4px;\n}\n\n.durationIcon {\n width: 16px;\n min-width: 16px;\n height: 16px;\n min-height: 16px;\n}\n\n.prose h2 {\n font-size: 2.25em;\n}\n\n.productHeading h1 {\n font-size: 2.75em;\n}\n\n.content-nav-list {\n font-size: 1.125em !important;\n}\n\n.productOuter .layout-item:first-child .prose {\n padding-top: 0 !important;\n}\n\n.productInfo {\n flex-direction: column;\n justify-content: left;\n}\n\n.info.sku {\n margin-bottom: 8px;\n font-size: 21px;\n line-height: 28px;\n}\n\n.info.flag {\n max-width: -moz-fit-content;\n max-width: fit-content;\n max-height: 18px;\n font-size: 10px;\n line-height: 18px;\n}\n\n.customDesignIcon {\n margin-right: 0 !important;\n}\n\n.basketWrapper {\n justify-content: center;\n padding-top: 72px;\n padding-bottom: 62px;\n display: flex;\n}\n\n.basketInner {\n max-width: 275px;\n}\n\n.basketText {\n font-size: 1em;\n line-height: 1.5em;\n}\n\n.basketHeading {\n margin-top: 45px !important;\n margin-bottom: 12px !important;\n}\n\n.basketIcon {\n width: auto;\n max-height: 97px;\n}\n\n.basketBackButton {\n color: #fff;\n background-color: #5564b9;\n min-width: 100%;\n margin-top: 31px;\n padding: 14px 0 15px;\n font-size: 1.125em;\n}\n\n.interactive-button {\n cursor: pointer;\n border: 1px solid #5564b9;\n padding: 6px 17px 7px;\n line-height: 2em;\n}\n\n.interactive-button-link {\n text-decoration: none !important;\n}\n\n@media (width >= 1400px) {\n .social-media-icons {\n left: 950px;\n }\n}\n\n@media (width <= 1399px) {\n .social-media-icons {\n left: 700px;\n }\n}\n\n@media (width <= 1023px) {\n .social-media-icons {\n left: 650px;\n }\n\n .durationIconOuter {\n padding-top: 3px;\n }\n}\n\n@media (width <= 890px) {\n .social-media-icons {\n left: 630px;\n }\n}\n\n@media (width <= 763px) {\n .blog-info {\n flex-direction: column;\n }\n\n .social-media-icons {\n position: unset;\n flex-direction: row;\n padding-top: 40px;\n }\n\n .blogpost-details {\n justify-content: space-between;\n }\n\n .duration {\n position: relative;\n top: -40px;\n }\n\n .social-media-icons img {\n margin: 0 5px;\n }\n\n .blog-post-heading {\n margin-bottom: 26px !important;\n }\n\n .productHeading h1 {\n font-size: 1.75em !important;\n }\n\n .productInfo {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .info.flag {\n max-width: -moz-fit-content;\n max-width: fit-content;\n max-height: 14px;\n margin-top: 4px;\n font-size: 8px;\n line-height: 14px;\n }\n\n .info.sku {\n margin-bottom: 0;\n font-size: 17px;\n line-height: 23px;\n }\n\n .productUpper {\n width: 100%;\n min-width: 100%;\n }\n\n .layout-item h1 {\n font-size: 1em;\n }\n\n .productUpper .uses .uses-list {\n margin-bottom: 0;\n }\n\n .productUpper .uses .uses-list li {\n margin-bottom: 0;\n font-size: 1.3em;\n }\n\n .info.related {\n font-size: .75em;\n }\n\n .info.related:before {\n width: 17px;\n height: 17px;\n }\n\n .productOuter {\n padding: 0 15px;\n }\n\n .productOuter .layout-item .prose {\n padding: 0;\n }\n\n .prose h2 {\n font-size: 1.5em;\n line-height: 30px;\n }\n\n .productWrapper > .layout-item {\n padding-bottom: 22px;\n }\n\n .productOuter > .layout-item {\n margin-bottom: 60px;\n }\n\n .productInfoContainer {\n padding-top: 60px !important;\n }\n\n .productPreFooterSection {\n margin: 0;\n padding: 0 15px 43px !important;\n }\n\n .productPreFooterSection .grid .prose {\n padding: 0 !important;\n }\n\n .productPreFooterSection .grid .prose h2 {\n font-size: 1.5em;\n }\n\n .findOutMoreSection {\n vertical-align: middle;\n border: 1px solid #ccc;\n border-radius: 6px;\n height: 78px;\n }\n\n .findOutMoreSection .button-icon {\n background-color: #fff;\n border-radius: 6px 0 0 6px;\n min-width: 35%;\n height: 100%;\n margin: 0;\n }\n\n .findOutMoreSection .button-text {\n padding: 18px 12px;\n font-size: 1.125em;\n line-height: 22px;\n }\n\n .customDesignIcon {\n display: none !important;\n }\n\n .learnMoreText > .title {\n font-size: 1.5em !important;\n }\n\n .learnMoreText {\n font-size: 1em;\n }\n\n .learnMoreButton {\n margin-top: 20px;\n }\n\n .learnMoreButton > .button-solid {\n font-size: 1.125em;\n }\n}\n\n@media (width <= 639px) {\n .productWrapper {\n padding: 0 15px;\n }\n}\n\n.mobile-menu-button {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n font-size: 14px;\n line-height: 14px;\n display: block;\n position: absolute;\n top: 50%;\n left: 15px;\n}\n\n@media (width >= 1024px) {\n .mobile-menu-button {\n display: none;\n }\n}\n\n.logo-wrapper {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(151 151 151 / var(--tw-border-opacity));\n}\n\n@media (width >= 1024px) {\n .logo-wrapper {\n border-bottom-width: 0;\n }\n}\n\n.logo-wrapper .logo-inner {\n justify-content: center;\n display: flex;\n}\n\n@media (width >= 1024px) {\n .logo-wrapper .logo-inner {\n justify-content: space-between;\n align-items: center;\n }\n}\n\n.logo-wrapper .logo-inner .logo {\n max-width: 220px;\n}\n\n@media (width >= 640px) {\n .logo-wrapper .logo-inner .logo {\n max-width: 330px;\n }\n}\n\n@media (width >= 1400px) {\n .logo-wrapper .logo-inner .logo {\n max-width: 100%;\n }\n}\n\n.logo-wrapper .logo-meta {\n display: none;\n}\n\n@media (width >= 1024px) {\n .logo-wrapper .logo-meta {\n display: block;\n }\n}\n\n.navigation-wrapper {\n --tw-bg-opacity: 1;\n background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n height: calc(100dvh - 46px);\n display: none;\n position: relative;\n}\n\n.navigation-wrapper.container.header {\n padding: 0;\n}\n\n.nav-active .navigation-wrapper {\n overflow-y: auto;\n}\n\n@media (width >= 640px) {\n .navigation-wrapper {\n max-width: 360px;\n height: calc(100dvh - 61px);\n margin-left: 0;\n margin-right: auto;\n }\n}\n\n@media (width >= 1024px) {\n .navigation-wrapper {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n max-width: inherit;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n display: block;\n position: relative;\n }\n\n .navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-border-opacity: 1;\n border-width: 1px;\n border-top-color: rgb(151 151 151 / var(--tw-border-opacity));\n content: \"\";\n background-color: #fff;\n width: 100vw;\n display: block;\n position: absolute;\n top: -1px;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n.navigation-wrapper .logo-meta-mobile {\n text-align: center;\n width: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.navigation {\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n list-style-type: none;\n}\n\n.navigation * {\n font-size: 14px;\n line-height: 16px;\n}\n\n.navigation .navigation-item {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.navigation.navigation-primary .navigation-item {\n position: relative;\n}\n\n.navigation.navigation-primary .navigation-item:not(.show-children) {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n}\n\n.navigation.navigation-primary .navigation-item .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n}\n\n.navigation.navigation-primary .navigation-item .arrow-decoration {\n pointer-events: none;\n cursor: pointer;\n justify-content: flex-end;\n width: 45px;\n height: 45px;\n display: flex;\n position: absolute;\n top: 0;\n right: 10px;\n overflow: hidden;\n}\n\n.navigation.navigation-primary .navigation-item .arrow-decoration span {\n text-indent: -9999px;\n width: 45px;\n height: 45px;\n display: block;\n position: relative;\n}\n\n.navigation.navigation-primary .navigation-item .arrow-decoration span:before {\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg width='13px' height='7px' viewBox='0 0 13 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav copy 3%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Tablet-768-x-1024' transform='translate(-322, -343)' stroke='%23494949' stroke-width='1.4'%3E%3Cg id='Menu' transform='translate(-0.5, 161)'%3E%3Cg id='arrow-mobile-nav-copy-3' transform='translate(324, 183)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 13px;\n height: 7px;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n@media (width >= 1024px) {\n .navigation.navigation-primary .navigation-item .arrow-decoration {\n display: none;\n }\n}\n\n.navigation.navigation-primary .navigation-item.has-children .toggle-button, .navigation.navigation-primary .navigation-item.has-sub-children .toggle-button, .navigation.navigation-primary .navigation-item.navigation-section .toggle-button {\n pointer-events: auto;\n width: calc(100% - 20px);\n}\n\n.navigation.navigation-primary .navigation-item.has-children .toggle-button span:before, .navigation.navigation-primary .navigation-item.has-sub-children .toggle-button span:before, .navigation.navigation-primary .navigation-item.navigation-section .toggle-button span:before {\n --tw-rotate: -0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n}\n\n.navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: 700;\n}\n\n.navigation.navigation-primary .navigation-item.has-children.show-children > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper {\n display: block;\n}\n\n.navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: bold !important;\n}\n\n.navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .sub-navigation-wrapper {\n border-top-width: 0;\n display: block;\n}\n\n.navigation.navigation-primary .navigation-item .navigation-link {\n padding: 16px 55px 16px 16px;\n font-weight: 500;\n display: block;\n}\n\n.navigation.navigation-primary .navigation-item .navigation-link.hover, .navigation.navigation-primary .navigation-item .navigation-link:active, .navigation.navigation-primary .navigation-item .navigation-link.focus {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper {\n --tw-border-opacity: 1;\n border-top-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n display: none;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n overflow-x: hidden;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item {\n display: none;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item .navigation-link {\n font-weight: 400;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section) {\n border-width: 0;\n margin-left: 2.5rem;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section).active .navigation-link {\n z-index: 1;\n position: relative;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section).active:before {\n --tw-bg-opacity: 1;\n background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n content: \"\";\n z-index: -1;\n border-radius: .375rem;\n display: block;\n position: absolute;\n inset: 5px 5px 5px 0;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section, .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-sibling, .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-regardless {\n display: block;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.last-sibling:after, .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-sibling.last-sibling:after, .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-regardless.last-sibling:after {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n content: \"\";\n width: 200vw;\n position: absolute;\n bottom: 0;\n left: -50%;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.show-siblings > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: 700;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.show-siblings > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item {\n background-color: #0000;\n display: none;\n}\n\n.navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section {\n display: list-item;\n}\n\n@media (width >= 1024px) {\n .navigation.navigation-primary {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n flex-direction: row;\n margin-left: 30px;\n margin-right: 30px;\n display: flex;\n }\n\n .navigation.navigation-primary .navigation-item {\n display: block;\n }\n\n .navigation.navigation-primary .navigation-item:not(.show-children) {\n border-bottom-width: 0;\n }\n\n .navigation.navigation-primary .navigation-item.has-children {\n position: static;\n }\n\n .navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper {\n border-top-width: 0;\n display: none;\n position: relative;\n }\n\n .navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n content: \"\";\n width: 100vw;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n }\n\n .navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n position: relative;\n overflow: hidden;\n }\n\n .navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link:after {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n content: \"\";\n border-radius: 9999px;\n width: 100%;\n height: 10px;\n display: block;\n position: absolute;\n bottom: -5px;\n left: 0;\n right: 0;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper {\n border-top-width: 0;\n flex-direction: row;\n width: 100%;\n padding: 30px;\n display: flex;\n position: absolute;\n left: 0;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper:before, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper:before, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper:before, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n content: \"\";\n width: 100vw;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub {\n min-width: 20%;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub:last-child, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub:last-child, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub:last-child, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub:last-child {\n flex-grow: 1;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item {\n margin-left: 0;\n display: list-item;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item:before {\n display: none !important;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link {\n padding-top: 3rem;\n font-weight: 700;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link {\n padding-top: 0;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link {\n padding-top: 6px;\n padding-bottom: 6px;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: underline;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after {\n display: none !important;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: underline;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after {\n display: none !important;\n }\n\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children .sub-navigation-wrapper {\n display: none;\n }\n\n .navigation.navigation-primary > .navigation-item .navigation-link {\n margin-left: 1rem;\n margin-right: 1rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n .navigation.navigation-primary > .navigation-item .navigation-link:hover, .navigation.navigation-primary > .navigation-item .navigation-link:active, .navigation.navigation-primary > .navigation-item .navigation-link:focus, .navigation.navigation-primary > .navigation-item .navigation-link.active {\n position: relative;\n overflow: hidden;\n }\n\n .navigation.navigation-primary > .navigation-item .navigation-link:hover:after, .navigation.navigation-primary > .navigation-item .navigation-link:active:after, .navigation.navigation-primary > .navigation-item .navigation-link:focus:after, .navigation.navigation-primary > .navigation-item .navigation-link.active:after {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n content: \"\";\n border-radius: 9999px;\n width: 100%;\n height: 10px;\n display: block;\n position: absolute;\n bottom: -5px;\n left: 0;\n right: 0;\n }\n}\n\n@media (width >= 1400px) {\n .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper, .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper {\n padding: 3rem 75px;\n }\n\n .navigation.navigation-primary > .navigation-item .navigation-link {\n margin-left: 1rem;\n margin-right: 1rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n .navigation.navigation-primary > .navigation-item:first-child .navigation-link, .navigation.navigation-primary > .navigation-item .navigation-sub .navigation-item .navigation-link {\n margin-left: 0;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background-color: #fff;\n }\n}\n\n.video-block {\n margin: 1rem 0;\n}\n\n/*# sourceMappingURL=typography.a52ff1a6.css.map */\n","/*Nothing here. Style is done by Tailwind*/\n\n.container {\n @apply mx-auto w-full max-w-full px-[10px];\n\n @screen lg {\n @apply px-[30px];\n }\n\n @screen 2xl {\n max-width: 1400px !important;\n }\n\n &.header {\n @apply py-4 relative;\n\n @screen md {\n @apply py-[20px];\n }\n }\n}\n\n.page-wrapper {\n padding-top: 46px;\n\n @screen sm {\n padding-top: 53px;\n }\n\n @screen md {\n padding-top: 61px;\n }\n\n @screen lg {\n padding-top: 116px;\n }\n\n @screen xl {\n padding-top: 120px;\n }\n}\n\n.prose-page {\n @apply max-w-full;\n padding: 20px;\n\n &:last-child {\n @apply pb-0;\n }\n\n img {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n p {\n &:first-child {\n @apply mt-0;\n }\n }\n}\n\n.layout-item {\n margin-bottom: 46px;\n\n .layout-item {\n @apply mb-0;\n }\n\n img {\n border-radius: 10px;\n }\n\n &.no-bottom {\n @apply mb-0;\n }\n\n &.padding-not-margin-top {\n padding-top: 66px;\n }\n\n &.padding-not-margin {\n padding-bottom: 66px;\n }\n}\n\n.no-bottom {\n @apply mb-0;\n}\n\n.section-gap-top {\n padding-top: 66px;\n}\n\nh1 {\n @apply font-bold text-5xl;\n}\n\n.caption, .meta {\n font-size: 12px;\n\n @screen lg {\n font-size: 14px;\n }\n}\n\n.caption {\n @apply block mt-2 mb-4;\n}\n\n.info {\n @apply block;\n\n &.sku {\n font-size: 17px;\n\n @screen lg {\n font-size: 1.3em;\n }\n }\n\n &.flag {\n @apply inline-block text-white bg-smsNewBlue rounded-full px-2 py-0;\n font-size: 10px;\n line-height: 22px;\n }\n\n &.related {\n @apply relative;\n padding-left:30px;\n line-height: 20px;\n font-size: 0.9em;\n\n &:before {\n @apply absolute left-0 top-1/2 -translate-y-1/2 block mr-2 bg-no-repeat bg-center;\n background-image: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"19.75\" height=\"19.75\" viewBox=\"0 0 19.75 19.75\"%3E%3Cg id=\"Group_11\" data-name=\"Group 11\" transform=\"translate(0.375 0.375)\"%3E%3Cpath id=\"Stroke_1\" data-name=\"Stroke 1\" d=\"M19,9.5A9.5,9.5,0,1,0,9.5,19,9.5,9.5,0,0,0,19,9.5Z\" fill=\"none\" stroke=\"%23575756\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3Cpath id=\"Fill_3\" data-name=\"Fill 3\" d=\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38\" transform=\"translate(8.295 3.728)\" fill=\"%23a4d3ff\"/%3E%3Cpath id=\"Stroke_5\" data-name=\"Stroke 5\" d=\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38Z\" transform=\"translate(8.295 3.728)\" fill=\"none\" stroke=\"%23575756\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3Cg id=\"Group_10\" data-name=\"Group 10\" transform=\"translate(7.64 7.852)\"%3E%3Cpath id=\"Fill_7\" data-name=\"Fill 7\" d=\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\" fill=\"%23a4d3ff\"/%3E%3Cpath id=\"Stroke_9\" data-name=\"Stroke 9\" d=\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\" fill=\"none\" stroke=\"%23575756\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n background-size: 100%;\n width: 20px;\n height: 20px;\n content: '';\n }\n }\n}\n\n.use-to-measure {\n margin: 0 !important;\n}\n\n.uses-list {\n @apply pl-0 ml-0;\n margin-top: 11px !important;\n\n li {\n @apply pl-0 ml-0 list-none font-light;\n font-size: 1.5em;\n }\n}\n\n.media-wrapper{\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top:56.25%;\n margin-top: 1.5rem;\n}\n\n.media-wrapper iframe,\n.media-wrapper .video-js {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%\n}\n\na {\n color: inherit;\n &:hover {\n @apply no-underline;\n }\n}\n\n.content {\n a {\n @apply text-smsNewBlue;\n }\n}\n\n.content-nav {\n a {\n @apply text-body-font-color;\n\n &:hover {\n @apply font-bold no-underline;\n text-decoration: none !important;\n }\n\n &.active {\n color: #5564B9 !important;\n font-weight: 700;\n text-decoration: none !important;\n }\n }\n\n .content-nav-list {\n @apply mb-8;\n\n li {\n @apply pb-2;\n padding-left: 1.4em;\n }\n }\n}\n\n.button-solid {\n @apply text-white bg-veryDarkGrey rounded-full px-6 py-2 cursor-pointer whitespace-nowrap text-sm leading-none;\n color: white !important;\n\n &:hover, &:active, &:focus,\n a:focus &, a:hover &, a:active &, a:focus-within & {\n @apply no-underline bg-smsNewBlue;\n text-decoration: none !important;\n }\n\n &.button-alt {\n @apply bg-btnBlueInitial;\n\n &:visited {\n @apply bg-btnBlueVisited;\n }\n\n &:hover {\n @apply bg-btnBlueHover;\n }\n\n &:focus {\n @apply bg-btnBlueFocus;\n }\n\n &:active, &.active {\n @apply bg-btnBlueActive;\n }\n }\n\n &.button-strong {\n @apply font-bold;\n }\n\n @screen xl {\n @apply text-base leading-none;\n }\n}\n\n.button-outline {\n @apply inline-block font-medium text-lg border border-smsNewBlue rounded-lg px-4 no-underline;\n line-height: 35px;\n\n &.with-arrow {\n @apply relative;\n padding-right: 40px;\n\n &:after {\n @apply absolute right-4 top-1/2 -translate-y-1/2 bg-no-repeat bg-center;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%235564b9' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n background-size: 9px 16px;\n width: 9px;\n height: 16px;\n content: \"\";\n }\n }\n\n @screen md {\n @apply text-xl px-6;\n line-height: 45px;\n\n &.with-arrow {\n @apply relative;\n padding-right: 50px;\n\n &:after {\n @apply right-6;\n }\n }\n }\n\n &:hover, &:active, &:focus {\n @apply text-white bg-smsNewBlue;\n\n &.with-arrow {\n &:after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n}\n\n.button-tag {\n @apply rounded-full border border-smsNewBlue px-4 py-1 font-bold text-smsNewBlue;\n\n &:hover, &:active, &:focus {\n @apply bg-smsNewBlue text-white;\n }\n}\n\n.button-tag-small {\n @apply rounded-full px-4 py-1 font-bold text-white bg-selection-option-color mr-1;\n\n &:hover, &:active, &:focus {\n @apply bg-smsNewBlue text-white;\n }\n}\n\n.button-icon-small,\n.button-icon-large {\n @apply flex flex-row items-center font-bold;\n\n .button-icon {\n @apply relative block mr-8;\n width: 60px;\n height: 60px;\n\n img, svg {\n @apply absolute block top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 object-cover;\n }\n }\n\n .button-text {\n @apply grow;\n }\n}\n\n.button-icon-large {\n @apply flex flex-row items-center font-bold p-8 bg-paleBlue rounded-lg;\n\n .button-text {\n @apply flex flex-col grow font-normal;\n\n .title {\n @apply font-medium text-3xl;\n }\n }\n}\n\ntable {\n &.technical-information {\n tr {\n @apply border-t border-b border-field-border-color;\n th {\n @apply bg-site-header;\n }\n\n th, td {\n @apply px-6 py-2;\n }\n }\n\n &.one-data-col {\n th,td {\n @apply w-1/2;\n }\n }\n\n &.two-data-col {\n th {\n width: 40%;\n }\n\n td {\n width: 30%;\n }\n }\n\n tfoot {\n tr {\n @apply border-0;\n }\n }\n }\n}\n\na.image-link {\n @apply no-underline;\n\n span {\n @apply block pt-4 text-body-font-color leading-6;\n text-decoration: none !important;\n }\n\n &:hover, &:active, &:focus {\n @apply no-underline;\n\n span {\n @apply no-underline text-smsNewBlue;\n }\n }\n}\n\n.image-wrapper {\n @apply rounded-lg overflow-hidden;\n\n img {\n @apply w-full;\n }\n}\n\n.content-card {\n min-height: 18rem;\n}\n\n.carousel-image-wrapper {\n @apply rounded-lg overflow-hidden;\n\n img {\n @apply w-full;\n @apply h-auto;\n }\n}\n\na {\n h1, h2, h3 {\n &:hover, &:active, &:focus {\n @apply underline;\n }\n }\n}\n\n.sticky-nav {\n @apply sticky top-8;\n}\n\n/**\n * Slider\n */\n.tns-outer {\n @apply relative rounded-lg overflow-hidden;\n z-index: 10;\n\n .tns-controls {\n @apply absolute top-0 w-full pointer-events-none;\n padding-top:50%;\n z-index: 11;\n\n button {\n @apply absolute -translate-y-1/2 bg-no-repeat bg-center pointer-events-auto;\n background-size: 27px;\n text-indent: -9999px;\n width: 27px;\n height: 27px;\n\n &[data-controls=\"prev\"] {\n @apply left-4;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n\n &:hover, &:active, &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n }\n }\n &[data-controls=\"next\"] {\n @apply right-4;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n\n &:hover, &:active, &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n }\n\n .tns-nav {\n @apply absolute flex bottom-0 w-full justify-center;\n\n button {\n @apply rounded-full border bg-white border-body-font-color mx-1 mb-4;\n width: 10px;\n height: 10px;\n\n &.tns-nav-active {\n @apply bg-field-border-color;\n }\n\n &:hover, &:active, &:focus {\n @apply bg-black;\n }\n }\n }\n}\n\n/**\n * Lightbox\n */\na[data-fslightbox] {\n @apply block relative cursor-pointer;\n z-index: 13;\n\n &:after {\n @apply block absolute top-4 right-4 bg-center bg-no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n z-index: 14;\n content: \"\";\n\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-ddc5e916-6c5a-4464-bfc9-b52d9ceafdd9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-ea9e10fa-0db4-4243-a69d-a26eff29ea58' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-492bc5c9-42d9-4774-ac9c-ffd3a345aa6f'%3E%3Cg id='uuid-b4e41131-184d-4da2-b29f-b547eb7e62c9'%3E%3Cpath id='uuid-b266d068-8f59-4fa5-98c0-12dc9e3e2429' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-f4395912-1dc7-4cc2-af9b-4ae4bc708dcd' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-281121c0-52c6-4e42-a69e-559332634b66' d='m13.53,9.94v5.94' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-101b957b-4b47-4d5f-81c5-3eefc94a0196' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n }\n\n &:hover, &:active, &:focus {\n &:after {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-13aa0e69-d673-49dd-b95d-e4564e48f446' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-24e8f82e-351d-4779-a98c-19016d5671e0' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-4227a5db-774f-4784-bc81-4109db1fda0b'%3E%3Cg id='uuid-81b1c7c6-220b-448a-a213-c01d1b92f1e1'%3E%3Cpath id='uuid-dd2101e5-2344-44b1-9822-529f642cb174' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-d7a2e362-2123-4dfe-a486-2e296e100a12' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-c0ee6b2e-f189-46a0-875d-636bd8e7cedc' d='m13.53,9.94v5.94' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-0f9852a8-1978-43b8-b56a-4042e65acb2d' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n}\n\n.smooth-scroll {\n scroll-behavior: smooth;\n}\n\n.layout-item > div > ul > li::marker {\n color: #5564B9 !important; \n}\n\n.layout-item h1 {\n line-height: 1.25;\n}\n\n.layout-item h2 {\n margin-bottom: 0.75em;\n}\n\n.layout-item > div > p > a {\n color: #5564B9 !important;\n}\n\n.layout-item > div > p > a:visited {\n color: #5564B9 !important;\n}\n\n.layout-item > div > p > a:hover {\n color: #8189B7 !important;\n text-decoration: underline;\n}\n\n.blog-info {\n flex-direction: row;\n width: 100%;\n}\n\n.social-media-icons {\n position: absolute;\n left: 950px;\n transform: translateY(-50%);\n z-index: 10;\n flex-direction: column;\n}\n\n.social-media-icons a {\n display: block;\n margin: 5px 0;\n}\n\n.social-media-icons img {\n height: 32px;\n width: 32px;\n min-height: 32px;\n min-width: 32px;\n}\n\n.social-relative {\n position: relative;\n}\n\n.durationIconOuter {\n padding-top: 4px;\n}\n\n.durationIcon {\n height: 16px;\n width: 16px;\n min-width: 16px;\n min-height: 16px;\n}\n\n.prose h2 {\n font-size: 2.25em;\n}\n\n.productHeading h1 {\n font-size: 2.75em;\n}\n\n//.text-base {\n// font-size: 1.125em !important;\n//}\n\n.content-nav-list {\n font-size: 1.125em !important;\n}\n\n.productOuter .layout-item:first-child .prose {\n padding-top: 0 !important;\n}\n\n.productInfo {\n flex-direction: column;\n justify-content: left;\n}\n\n.info.sku {\n font-size: 21px;\n line-height: 28px;\n margin-bottom: 8px;\n}\n\n.info.flag {\n max-width: fit-content;\n line-height: 18px;\n max-height: 18px;\n font-size: 10px;\n}\n\n.customDesignIcon {\n margin-right: 0 !important;\n}\n\n.basketWrapper {\n padding-top: 72px;\n padding-bottom: 62px;\n display: flex;\n justify-content: center;\n}\n\n.basketInner {\n max-width: 275px;\n}\n\n.basketText {\n font-size: 1em;\n line-height: 1.5em;\n}\n\n.basketHeading {\n margin-top: 45px !important;\n margin-bottom: 12px !important;\n}\n\n.basketIcon {\n max-height: 97px;\n width: auto;\n}\n\n.basketBackButton {\n background-color: #5564B9;\n font-size: 1.125em;\n color: #ffffff;\n min-width: 100%;\n padding: 14px 0 15px 0;\n margin-top: 31px;\n}\n\n.interactive-button {\n padding: 6px 17px 7px 17px;\n border: 1px solid #5564B9;\n cursor: pointer;\n line-height: 2em;\n}\n\n.interactive-button-link {\n text-decoration: none !important;\n}\n\n@media (min-width: 1400px)\n{\n .social-media-icons {\n left: 950px;\n }\n}\n\n@media (max-width: 1399px)\n{\n .social-media-icons {\n left: 700px;\n }\n}\n\n@media (max-width: 1023px)\n{\n .social-media-icons {\n left: 650px;\n }\n .durationIconOuter {\n padding-top: 3px;\n }\n}\n\n@media (max-width: 890px)\n{\n .social-media-icons {\n left: 630px;\n }\n}\n\n@media (max-width: 763px)\n{\n .blog-info {\n flex-direction: column;\n }\n\n .social-media-icons {\n flex-direction: row;\n position: unset;\n padding-top: 40px;\n }\n\n .blogpost-details {\n justify-content: space-between;\n }\n\n .duration {\n position: relative;\n top: -40px;\n }\n\n .social-media-icons img {\n margin: 0 5px;\n }\n\n .blog-post-heading {\n margin-bottom: 26px !important;\n }\n\n .productHeading h1 {\n font-size: 1.75em !important;\n }\n\n .productInfo {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .info.flag {\n margin-top: 4px;\n max-width: fit-content;\n line-height: 14px;\n max-height: 14px;\n font-size: 8px;\n }\n\n .info.sku {\n font-size: 17px;\n line-height: 23px;\n margin-bottom: 0;\n }\n\n .productUpper {\n width: 100%;\n min-width: 100%;\n }\n\n .layout-item h1 {\n font-size: 1em;\n }\n\n .productUpper .uses .uses-list {\n margin-bottom: 0;\n }\n\n .productUpper .uses .uses-list li {\n font-size: 1.3em;\n margin-bottom: 0;\n }\n\n .info.related {\n font-size: .75em;\n }\n\n .info.related::before {\n height: 17px;\n width: 17px;\n }\n\n .productOuter {\n padding: 0 15px;\n }\n\n .productOuter .layout-item .prose {\n padding: 0;\n }\n\n .prose h2 {\n font-size: 1.5em;\n line-height: 30px;\n }\n\n .productWrapper > .layout-item {\n padding-bottom: 22px;\n }\n\n .productOuter > .layout-item {\n margin-bottom: 60px;\n }\n\n .productInfoContainer {\n padding-top: 60px !important;\n }\n\n .productPreFooterSection {\n padding: 0 15px 43px 15px !important;\n margin: 0;\n }\n\n .productPreFooterSection .grid .prose {\n padding: 0 !important;\n }\n\n .productPreFooterSection .grid .prose h2 {\n font-size: 1.5em;\n }\n\n .findOutMoreSection {\n border: 1px solid #ccc;\n border-radius: 6px;\n height: 78px;\n vertical-align: middle;\n }\n\n .findOutMoreSection .button-icon {\n min-width: 35%;\n height: 100%;\n background-color: #ffffff;\n border-radius: 6px 0 0 6px;\n margin: 0;\n }\n\n .findOutMoreSection .button-text {\n font-size: 1.125em;\n padding: 18px 12px;\n line-height: 22px;\n }\n\n .customDesignIcon {\n display: none !important;\n }\n\n .learnMoreText > .title {\n font-size: 1.5em !important;\n }\n\n .learnMoreText {\n font-size: 1em;\n }\n\n .learnMoreButton {\n margin-top: 20px;\n }\n\n .learnMoreButton > .button-solid {\n font-size: 1.125em;\n }\n}\n\n@media (max-width: 639px)\n{\n .productWrapper {\n padding: 0 15px;\n }\n}\n\n/**\nNavigation\n */\n//.header-lock {\n// @apply fixed w-full top-0 ;\n// z-index: 100;\n//\n// .nav-active & {\n// @apply h-full;\n//\n// .navigation-wrapper {\n// @apply block;\n// }\n//\n// &:before {\n// @apply bg-paleish-grey block absolute top-0 right-0 left-0 bottom-0;\n// min-height: 100dvh;\n// content: '';\n// z-index: -1;\n//\n// @screen sm {\n// @apply right-auto;\n// max-width: 360px;\n// }\n//\n// @screen lg {\n// @apply hidden;\n// }\n// }\n//\n// &:after {\n// @apply bg-black block absolute top-0 right-0 left-0 bottom-0 opacity-50;\n// min-height: 100dvh;\n// content: '';\n// z-index: -2;\n//\n// @screen lg {\n// @apply hidden;\n// }\n// }\n// }\n//\n// .container {\n// &.header {\n// z-index: 110;\n// * {\n// z-index: 111;\n// }\n//\n// &.navigation-wrapper {\n// z-index: 200;\n// * {\n// z-index: 201;\n// }\n// }\n//\n// &.logo-wrapper {\n// @apply bg-white;\n// }\n// }\n// }\n//}\n\n.mobile-menu-button {\n @apply block absolute top-1/2 left-[15px] -translate-y-1/2;\n line-height: 14px;\n font-size: 14px;\n\n @screen lg {\n @apply hidden;\n }\n}\n\n.logo-wrapper {\n @apply border-darkish-grey border-b;\n\n @screen lg {\n @apply border-b-0;\n }\n\n .logo-inner {\n @apply flex justify-center;\n\n @screen lg {\n @apply justify-between items-center;\n }\n\n .logo {\n @apply max-w-[220px];\n\n @screen sm {\n @apply max-w-[330px];\n }\n\n @screen xl {\n @apply max-w-full;\n }\n }\n }\n\n .logo-meta {\n @apply hidden;\n\n @screen lg {\n @apply block;\n }\n }\n}\n\n.navigation-wrapper {\n @apply bg-paleish-grey hidden relative;\n height: calc(100dvh - 46px);\n\n &.container.header {\n @apply p-0 py-0;\n }\n\n .nav-active & {\n @apply overflow-y-auto;\n }\n\n @screen sm {\n @apply ml-0 mr-auto;\n max-width: 360px;\n height: calc(100dvh - 61px);\n }\n\n @screen lg {\n @apply block bg-white h-auto mx-auto relative;\n max-width: inherit;\n\n &:before {\n @apply absolute block left-1/2 bottom-0 w-screen -translate-x-1/2 border border-t-darkish-grey;\n background-color: white;\n top: -1px;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n .logo-meta-mobile {\n @apply w-full text-center py-[20px];\n }\n}\n\n.navigation {\n @apply text-navigation-mobile list-none p-0 m-0;\n * {\n @apply text-navigation-mobile;\n }\n\n .navigation-item {\n @apply list-none p-0 m-0;\n }\n\n &.navigation-primary {\n .navigation-item {\n @apply relative;\n\n &:not(.show-children) {\n @apply border-extra-extra-light-grey border-b;\n }\n\n .navigation-link {\n @apply text-dark-grey;\n }\n\n .arrow-decoration {\n @apply absolute top-0 right-[10px] h-[45px] w-[45px] flex justify-end overflow-hidden cursor-pointer pointer-events-none;\n\n span {\n @apply block relative h-[45px] w-[45px];\n text-indent: -9999px;\n\n &:before {\n @apply block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[13px] h-[7px] -rotate-90;\n content: '';\n background-image: url(\"data:image/svg+xml,%3Csvg width='13px' height='7px' viewBox='0 0 13 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav copy 3%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Tablet-768-x-1024' transform='translate(-322, -343)' stroke='%23494949' stroke-width='1.4'%3E%3Cg id='Menu' transform='translate(-0.5, 161)'%3E%3Cg id='arrow-mobile-nav-copy-3' transform='translate(324, 183)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n\n @screen lg {\n @apply hidden;\n }\n }\n\n &.has-children,\n &.has-sub-children,\n &.navigation-section {\n .toggle-button {\n @apply pointer-events-auto;\n width: calc(100% - 20px);\n\n span {\n &:before {\n @apply -rotate-0;\n content: '';\n }\n }\n }\n }\n\n &.has-children {\n &.show-children {\n & > .navigation-link {\n @apply font-bold text-smsNewBlue;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n\n & > .sub-navigation-wrapper {\n @apply block;\n }\n }\n }\n\n &.has-sub-children{\n &.show-sub-children {\n & > .navigation-link {\n @apply text-smsNewBlue;\n font-weight: bold !important;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n\n & > .sub-navigation-wrapper {\n @apply block border-t-0;\n }\n }\n }\n\n .navigation-link {\n @apply block p-[16px] py-[16px] pr-[55px] font-medium;\n\n &.hover, &:active, &.focus {\n @apply text-smsNewBlue;\n }\n }\n\n .sub-navigation-wrapper {\n @apply hidden border-t border-extra-extra-light-grey;\n\n .navigation {\n &.navigation-sub {\n @apply bg-paler-grey overflow-x-hidden;\n\n .navigation-item {\n @apply hidden;\n\n .navigation-link {\n @apply font-normal;\n }\n\n &:not(.navigation-section) {\n @apply border-0 ml-10;\n\n &.active {\n .navigation-link {\n @apply relative;\n z-index: 1;\n }\n\n &:before {\n @apply block absolute top-0 bg-paleish-grey rounded-md;\n top: 5px;\n left: 0px;\n right: 5px;\n bottom: 5px;\n content: '';\n z-index: -1;\n }\n }\n }\n\n &.navigation-section,\n &.show-sibling,\n &.show-regardless {\n @apply block;\n\n &.last-sibling {\n &:after {\n @apply absolute border-extra-extra-light-grey border-b -left-1/2;\n\n content: '';\n bottom: 0;\n width: 200vw;\n }\n }\n }\n\n &.navigation-section {\n &.show-siblings {\n & > .navigation-link {\n @apply font-bold text-smsNewBlue;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n }\n }\n }\n\n .navigation-item {\n @apply hidden bg-transparent;\n\n &.navigation-section {\n @apply list-item;\n }\n }\n }\n }\n }\n }\n\n @screen lg {\n @apply bg-white mx-[30px] flex flex-row;\n\n .navigation-item {\n @apply block;\n\n &:not(.show-children) {\n @apply border-b-0;\n }\n\n &.has-children {\n @apply static;\n\n &.show-children {\n & > .sub-navigation-wrapper {\n @apply hidden border-t-0 relative;\n\n &:before {\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\n content:'';\n }\n }\n\n & > .navigation-link {\n @apply text-dark-grey relative overflow-hidden;\n\n &:after {\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\n content:'';\n }\n }\n }\n\n &:hover, &:focus, &:focus-within, .active {\n & > .sub-navigation-wrapper {\n @apply flex flex-row absolute left-0 w-full px-[30px] border-t-0 py-[30px];\n\n &:before {\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\n content:'';\n }\n\n .navigation-sub {\n @apply min-w-[20%];\n\n &:last-child {\n @apply grow;\n }\n\n .navigation-item {\n @apply ml-0 list-item;\n\n &:before {\n display: none !important;\n }\n\n &.navigation-section {\n .navigation-link {\n @apply font-bold pt-12;\n }\n\n &:first-child {\n .navigation-link {\n @apply pt-0;\n }\n }\n }\n\n &:not(.navigation-section) {\n .navigation-link {\n @apply py-[6px];\n }\n }\n\n &.active {\n .navigation-link {\n @apply text-smsNewBlue underline;\n\n &:after {\n display: none !important;\n }\n }\n }\n .navigation-link {\n &:not(span) {\n &:hover, &:active, &:focus {\n @apply text-smsNewBlue underline;\n\n &:after {\n display: none !important;\n }\n }\n }\n &:hover, &:active, &:focus {\n &:after {\n display: none !important;\n }\n }\n }\n\n &.last-sibling {\n &:after {\n @apply hidden;\n }\n }\n }\n }\n }\n }\n }\n\n &.has-sub-children {\n &.show-sub-children {\n .sub-navigation-wrapper {\n @apply hidden;\n }\n }\n }\n }\n\n & > .navigation-item {\n .navigation-link {\n @apply px-0 mx-4;\n\n &:hover, &:active, &:focus, &.active {\n @apply relative overflow-hidden;\n\n &:after {\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\n content:'';\n }\n }\n }\n }\n }\n\n @screen xl {\n .navigation-item {\n &.has-children {\n &:hover, &:focus, &:focus-within, .active {\n & > .sub-navigation-wrapper {\n @apply py-12 px-[75px];\n }\n }\n }\n }\n\n & > .navigation-item {\n\n .navigation-link {\n @apply px-0 mx-4;\n }\n\n &:first-child {\n .navigation-link {\n @apply ml-0;\n }\n }\n\n .navigation-sub {\n .navigation-item {\n .navigation-link {\n @apply ml-0;\n }\n }\n }\n }\n }\n }\n}\n\n\n\n/* Dark mode styles */\n@media (prefers-color-scheme: dark) {\n body {\n background-color: #ffffff;\n }\n}\n\n.video-block {\n margin: 1rem 0;\n}\n"],"names":[],"version":3,"file":"typography.a52ff1a6.css.map"}