{"mappings":"ACEA,6GAOI,uBAPJ,iDAYQ,uB,uC,yE,sBAWJ,wDAIA,+B,sB,gC,sB,gC,uB,iCAeA,uB,iCAMA,wCAMI,wC,6C,uC,0C,gC,0C,oC,uC,qDAmCJ,oDAGJ,2B,kC,8BAQQ,uB,+BAKJ,2D,uD,oB,yBAcQ,uB,2BAMJ,+OAeI,kF,m1DAyBR,mC,4EAQA,gGAOJ,iGAQI,gG,gBAgBQ,kCAKR,4EAIQ,6EAOJ,6F,4F,gD,qD,8EAyBJ,8F,6FAYQ,kDAIA,uDAIA,uR,8RA0BA,iIATZ,qIA0BY,uIAMR,4CAIQ,uBACI,4C,yQAwBZ,gEAGI,swBAcR,sBACI,4F,gE,+CAmBQ,6MAYA,yfAIA,mO,iM,0OA2CR,mN,yGAaA,2I,ub,4E,gM,+FA+CJ,8FAKI,yJAMJ,2GAII,yFAMQ,kGAGA,sDAGA,sD,oD,uCAUI,kKAYR,oFAGI,oKAMA,mDAOZ,8BAGA,mIAQQ,+BAIA,gO,yEAkBR,yI,4D,mD,sC,0D,qIA4BI,qC,6CAWJ,4E,2G,yYAsBA,ykBAaI,0rBAGJ,wkBAIA,2rB,8F,qSAuBI,mH,uKAWA,6EAMA,s+CAcA,q3CAGJ,sCAGI,yG,6EAyBI,yC,6GAcR,iDAMI,8EAOI,mCAIA,mCAIJ,oEAiBA,8CAGI,sE,wDAQA,4D,iF,2CAkBA,wFAQA,6BAIJ,4CAKI,sEAGJ,uC,2HAkBI,iGAQJ,wDAIA,uBACI,gC,uBAMJ,gCAII,uBACA,+BAIA,oCAKJ,sBACI,gC,sBAOJ,iCAIA,uE,gDAWA,sCAKJ,qCA+DA,gDAAA,8D,+F,0DAoBQ,wC,8B,+CAQQ,kEAJR,8B,4CAgBA,0DAUJ,iDAIA,8CAIA,iDAEI,mEAIJ,0DAKQ,8F,sH,sFAoBJ,yCAKI,gDAGI,6BAIA,iCAIA,kDAII,sB,gCALR,qTA6BgB,uB,kCAcA,mHAQJ,uB,qC,8D,uBAqBJ,4E,gD,sBAcR,iDAKY,uB,gDAKI,sCAIA,uBACI,wCAKQ,uJAQA,+CAUR,gDAIQ,sBAEA,gGAeI,uBACI,8LA9J5C,+cAsM4B,wGAQA,oFAWA,8CAKA,qEAMA,kEAGI,yK,gIAiBI,qNAmBQ,kJAcJ,upC,uB,gF,0RAoDxB,we,6KAqBhB,q6BAMA,iHAGJ,+L,66BAUA,4IAIA,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,6B,0D,gG,+B,uB","sources":["typography.76d04c5b.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.graphBlock img {\n border-radius: 0 !important;\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\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.video-block .caption {\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 margin-top: 11px !important;\n padding-left: 0 !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.filter-nav a {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n}\n\n.filter-nav a:hover {\n font-weight: 700;\n text-decoration-line: none;\n text-decoration: none !important;\n}\n\n.filter-nav a.active {\n font-weight: 700;\n color: #5564b9 !important;\n text-decoration: none !important;\n}\n\n.filter-nav .filter-nav-list {\n margin-bottom: 2rem;\n}\n\n.filter-nav .filter-nav-list li {\n padding-bottom: .5rem;\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}\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: 1.5rem;\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.related-story-image-wrapper {\n aspect-ratio: 16 / 9;\n background: #fff;\n border-radius: .5rem;\n width: 100%;\n display: inline-block;\n overflow: hidden;\n}\n\n.content-card {\n min-height: 18rem;\n}\n\n.productPageGallery:before {\n content: \"\";\n z-index: 99;\n pointer-events: none;\n background-size: cover;\n border-radius: 0 10px 0 0;\n width: 40px;\n height: 40px;\n position: absolute;\n top: 0;\n right: 0;\n background-image: url(\"magnify.ba23d802.png\") !important;\n}\n\n.productPageGallery .carousel-image-wrapper:after {\n display: none !important;\n}\n\na[data-fslightbox]:after {\n background-size: cover;\n width: 40px;\n height: 40px;\n top: 0;\n right: 0;\n background-image: url(\"magnify.ba23d802.png\") !important;\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\n@media only screen and (width <= 767px) {\n .carousel-image-wrapper img {\n margin-top: 0;\n margin-bottom: 0;\n }\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: 9rem;\n}\n\n.sticky-filter-nav {\n position: sticky;\n top: 10rem;\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, .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.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: 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 <= 767px) {\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 .productInfo {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .info.flag {\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, .productOuter .layout-item .prose {\n padding: 0;\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: 66px 15px 43px !important;\n }\n\n .productPreFooterSection .grid .prose {\n padding: 0 !important;\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: 100px;\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 0;\n}\n\n.flex-vid {\n width: 100%;\n padding-top: 56.25%;\n position: relative;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\n color: inherit;\n}\n\n.prose ul li {\n font-size: .875rem;\n}\n\n@media (width >= 1024px) {\n .prose ul li {\n font-size: 1rem;\n }\n}\n/*# sourceMappingURL=typography.76d04c5b.css.map */\n","/*Nothing here. Style is done by Tailwind*/\r\n\r\n.container {\r\n @apply mx-auto w-full max-w-full px-[10px];\r\n\r\n @screen lg {\r\n @apply px-[30px];\r\n }\r\n\r\n @screen 2xl {\r\n max-width: 1400px !important;\r\n }\r\n\r\n &.header {\r\n @apply py-4 relative;\r\n\r\n @screen md {\r\n @apply py-[20px];\r\n }\r\n }\r\n}\r\n\r\n.page-wrapper {\r\n padding-top: 46px;\r\n\r\n @screen sm {\r\n padding-top: 53px;\r\n }\r\n\r\n @screen md {\r\n padding-top: 61px;\r\n }\r\n\r\n @screen lg {\r\n padding-top: 116px;\r\n }\r\n\r\n @screen xl {\r\n padding-top: 120px;\r\n }\r\n}\r\n\r\n.prose-page {\r\n @apply max-w-full;\r\n padding: 20px;\r\n\r\n &:last-child {\r\n @apply pb-0;\r\n }\r\n\r\n img {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n p {\r\n &:first-child {\r\n @apply mt-0;\r\n }\r\n }\r\n}\r\n\r\n.graphBlock img {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.layout-item {\r\n margin-bottom: 46px;\r\n\r\n .layout-item {\r\n @apply mb-0;\r\n }\r\n\r\n img {\r\n border-radius: 10px;\r\n }\r\n\r\n &.no-bottom {\r\n @apply mb-0;\r\n }\r\n\r\n &.padding-not-margin-top {\r\n padding-top: 66px;\r\n }\r\n\r\n &.padding-not-margin {\r\n padding-bottom: 66px;\r\n }\r\n}\r\n\r\n.no-bottom {\r\n @apply mb-0;\r\n}\r\n\r\n.section-gap-top {\r\n padding-top: 66px;\r\n}\r\n\r\n.caption, .meta {\r\n font-size: 12px;\r\n\r\n @screen lg {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n.caption {\r\n @apply block mt-2 mb-4;\r\n}\r\n\r\n.video-block .caption {\r\n @apply block mb-4;\r\n}\r\n\r\n.info {\r\n @apply block;\r\n\r\n &.sku {\r\n font-size: 17px;\r\n\r\n @screen lg {\r\n font-size: 1.3em;\r\n }\r\n }\r\n\r\n &.flag {\r\n @apply inline-block text-white bg-smsNewBlue rounded-full px-2 py-0;\r\n font-size: 10px;\r\n line-height: 22px;\r\n }\r\n\r\n &.related {\r\n @apply relative;\r\n padding-left:30px;\r\n line-height: 20px;\r\n font-size: 0.9em;\r\n\r\n &:before {\r\n @apply absolute left-0 top-1/2 -translate-y-1/2 block mr-2 bg-no-repeat bg-center;\r\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');\r\n background-size: 100%;\r\n width: 20px;\r\n height: 20px;\r\n content: '';\r\n }\r\n }\r\n}\r\n\r\n.use-to-measure {\r\n margin: 0 !important;\r\n}\r\n\r\n.uses-list {\r\n @apply ml-0;\r\n margin-top: 11px !important;\r\n padding-left: 0 !important;\r\n\r\n li {\r\n @apply pl-0 ml-0 list-none font-light;\r\n font-size: 1.5em;\r\n }\r\n}\r\n\r\n.media-wrapper{\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n padding-top:56.25%;\r\n margin-top: 1.5rem;\r\n}\r\n\r\n.media-wrapper iframe,\r\n.media-wrapper .video-js {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%\r\n}\r\n\r\na {\r\n color: inherit;\r\n &:hover {\r\n @apply no-underline;\r\n }\r\n}\r\n\r\n.content {\r\n a {\r\n @apply text-smsNewBlue;\r\n }\r\n}\r\n\r\n.filter-nav {\r\n a {\r\n @apply text-body-font-color;\r\n\r\n &:hover {\r\n @apply font-bold no-underline;\r\n text-decoration: none !important;\r\n }\r\n\r\n &.active {\r\n color: #5564B9 !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n }\r\n }\r\n\r\n .filter-nav-list {\r\n @apply mb-8;\r\n\r\n li {\r\n @apply pb-2;\r\n }\r\n }\r\n}\r\n\r\n.content-nav {\r\n a {\r\n @apply text-body-font-color;\r\n\r\n &:hover {\r\n @apply font-bold no-underline;\r\n text-decoration: none !important;\r\n }\r\n\r\n &.active {\r\n color: #5564B9 !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n }\r\n }\r\n\r\n .content-nav-list {\r\n @apply mb-8;\r\n\r\n li {\r\n @apply pb-2;\r\n }\r\n }\r\n}\r\n\r\n.button-solid {\r\n @apply text-white bg-veryDarkGrey rounded-full px-6 py-2 cursor-pointer whitespace-nowrap text-sm leading-none;\r\n color: white !important;\r\n\r\n &:hover, &:active, &:focus,\r\n a:focus &, a:hover &, a:active &, a:focus-within & {\r\n @apply no-underline bg-smsNewBlue;\r\n text-decoration: none !important;\r\n }\r\n\r\n &.button-alt {\r\n @apply bg-btnBlueInitial;\r\n\r\n &:visited {\r\n @apply bg-btnBlueVisited;\r\n }\r\n\r\n &:hover {\r\n @apply bg-btnBlueHover;\r\n }\r\n\r\n &:focus {\r\n @apply bg-btnBlueFocus;\r\n }\r\n\r\n &:active, &.active {\r\n @apply bg-btnBlueActive;\r\n }\r\n }\r\n\r\n &.button-strong {\r\n @apply font-bold;\r\n }\r\n\r\n @screen xl {\r\n @apply text-base leading-none;\r\n }\r\n}\r\n\r\n.button-outline {\r\n @apply inline-block font-medium text-lg border border-smsNewBlue rounded-lg px-4 no-underline;\r\n line-height: 35px;\r\n\r\n &.with-arrow {\r\n @apply relative;\r\n padding-right: 40px;\r\n\r\n &:after {\r\n @apply absolute right-4 top-1/2 -translate-y-1/2 bg-no-repeat bg-center;\r\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\");\r\n background-size: 9px 16px;\r\n width: 9px;\r\n height: 16px;\r\n content: \"\";\r\n }\r\n }\r\n\r\n @screen md {\r\n @apply text-xl px-6;\r\n line-height: 45px;\r\n\r\n &.with-arrow {\r\n @apply relative;\r\n padding-right: 50px;\r\n\r\n &:after {\r\n @apply right-6;\r\n }\r\n }\r\n }\r\n\r\n &:hover, &:active, &:focus {\r\n @apply text-white bg-smsNewBlue;\r\n\r\n &.with-arrow {\r\n &:after {\r\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\");\r\n }\r\n }\r\n }\r\n}\r\n\r\n.button-tag {\r\n @apply rounded-full border border-smsNewBlue px-4 py-1 font-bold text-smsNewBlue;\r\n\r\n &:hover, &:active, &:focus {\r\n @apply bg-smsNewBlue text-white;\r\n }\r\n}\r\n\r\n.button-tag-small {\r\n @apply rounded-full px-4 py-1 font-bold text-white bg-selection-option-color mr-1;\r\n\r\n &:hover, &:active, &:focus {\r\n @apply bg-smsNewBlue text-white;\r\n }\r\n}\r\n\r\n.button-icon-small,\r\n.button-icon-large {\r\n @apply flex flex-row items-center font-bold;\r\n\r\n .button-icon {\r\n @apply relative block mr-6;\r\n width: 60px;\r\n height: 60px;\r\n\r\n img, svg {\r\n @apply absolute block top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 object-cover;\r\n }\r\n }\r\n\r\n .button-text {\r\n @apply grow;\r\n }\r\n}\r\n\r\n.button-icon-large {\r\n @apply flex flex-row items-center font-bold p-8 bg-paleBlue rounded-lg;\r\n\r\n .button-text {\r\n @apply flex flex-col grow font-normal;\r\n\r\n .title {\r\n @apply font-medium text-3xl;\r\n }\r\n }\r\n}\r\n\r\ntable {\r\n &.technical-information {\r\n tr {\r\n @apply border-t border-b border-field-border-color;\r\n th {\r\n @apply bg-site-header;\r\n }\r\n\r\n th, td {\r\n @apply px-6 py-2;\r\n }\r\n }\r\n\r\n &.one-data-col {\r\n th,td {\r\n @apply w-1/2;\r\n }\r\n }\r\n\r\n &.two-data-col {\r\n th {\r\n width: 40%;\r\n }\r\n\r\n td {\r\n width: 30%;\r\n }\r\n }\r\n\r\n tfoot {\r\n tr {\r\n @apply border-0;\r\n }\r\n }\r\n }\r\n}\r\n\r\na.image-link {\r\n @apply no-underline;\r\n\r\n span {\r\n @apply block pt-4 text-body-font-color leading-6;\r\n text-decoration: none !important;\r\n }\r\n\r\n &:hover, &:active, &:focus {\r\n @apply no-underline;\r\n\r\n span {\r\n @apply no-underline text-smsNewBlue;\r\n }\r\n }\r\n}\r\n\r\n.image-wrapper {\r\n @apply rounded-lg overflow-hidden;\r\n\r\n img {\r\n @apply w-full;\r\n }\r\n}\r\n\r\n.related-story-image-wrapper {\r\n @apply rounded-lg overflow-hidden;\r\n\r\n width: 100%;\r\n background: white;\r\n display: inline-block;\r\n aspect-ratio: 16/9;\r\n}\r\n\r\n.content-card {\r\n min-height: 18rem;\r\n}\r\n\r\n.productPageGallery::before {\r\n content: \"\";\r\n background-image: url(\"../images/magnify.png\") !important;\r\n background-size: cover;\r\n height: 40px;\r\n width: 40px;\r\n right: 0;\r\n top: 0;\r\n position: absolute;\r\n z-index: 99;\r\n border-radius: 0 10px 0 0;\r\n pointer-events: none;\r\n}\r\n\r\n.productPageGallery .carousel-image-wrapper::after {\r\n display: none !important;\r\n}\r\n\r\na[data-fslightbox]::after {\r\n background-image: url(\"../images/magnify.png\") !important;\r\n background-size: cover;\r\n height: 40px;\r\n width: 40px;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.carousel-image-wrapper {\r\n @apply rounded-lg overflow-hidden;\r\n\r\n img {\r\n @apply w-full;\r\n @apply h-auto;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 767px) \r\n{\r\n .carousel-image-wrapper img {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\na {\r\n h1, h2, h3 {\r\n &:hover, &:active, &:focus {\r\n @apply underline;\r\n }\r\n }\r\n}\r\n\r\n.sticky-nav {\r\n @apply sticky top-36;\r\n}\r\n\r\n.sticky-filter-nav {\r\n @apply sticky top-40;\r\n}\r\n\r\n/**\r\n * Slider\r\n */\r\n.tns-outer {\r\n @apply relative rounded-lg overflow-hidden;\r\n z-index: 10;\r\n\r\n .tns-controls {\r\n @apply absolute top-0 w-full pointer-events-none;\r\n padding-top:50%;\r\n z-index: 11;\r\n\r\n button {\r\n @apply absolute -translate-y-1/2 bg-no-repeat bg-center pointer-events-auto;\r\n background-size: 27px;\r\n text-indent: -9999px;\r\n width: 27px;\r\n height: 27px;\r\n\r\n &[data-controls=\"prev\"] {\r\n @apply left-4;\r\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\");\r\n\r\n &:hover, &:active, &:focus {\r\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\");\r\n }\r\n }\r\n &[data-controls=\"next\"] {\r\n @apply right-4;\r\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\");\r\n\r\n &:hover, &:active, &:focus {\r\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\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n .tns-nav {\r\n @apply absolute flex bottom-0 w-full justify-center;\r\n\r\n button {\r\n @apply rounded-full border bg-white border-body-font-color mx-1 mb-4;\r\n width: 10px;\r\n height: 10px;\r\n\r\n &.tns-nav-active {\r\n @apply bg-field-border-color;\r\n }\r\n\r\n &:hover, &:active, &:focus {\r\n @apply bg-black;\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Lightbox\r\n */\r\na[data-fslightbox] {\r\n @apply block relative cursor-pointer;\r\n z-index: 13;\r\n\r\n &:after {\r\n @apply block absolute top-4 right-4 bg-center bg-no-repeat;\r\n background-size: 27px;\r\n width: 27px;\r\n height: 27px;\r\n z-index: 14;\r\n content: \"\";\r\n\r\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\");\r\n }\r\n\r\n &:hover, &:active, &:focus {\r\n &:after {\r\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\");\r\n }\r\n }\r\n}\r\n\r\n.smooth-scroll {\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.layout-item > div > ul > li::marker {\r\n color: #5564B9 !important; \r\n}\r\n\r\n/*.layout-item h1 {\r\n line-height: 1.25;\r\n}\r\n\r\n.layout-item h2 {\r\n margin-bottom: 0.75em;\r\n}*/\r\n\r\n.layout-item > div > p > a {\r\n color: #5564B9 !important;\r\n}\r\n\r\n.layout-item > div > p > a:visited {\r\n color: #5564B9 !important;\r\n}\r\n\r\n.layout-item > div > p > a:hover {\r\n color: #8189B7 !important;\r\n text-decoration: underline;\r\n}\r\n\r\n.blog-info {\r\n flex-direction: row;\r\n width: 100%;\r\n}\r\n\r\n.social-media-icons {\r\n position: absolute;\r\n left: 950px;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n flex-direction: column;\r\n}\r\n\r\n.social-media-icons a {\r\n display: block;\r\n margin: 5px 0;\r\n}\r\n\r\n.social-media-icons img {\r\n height: 32px;\r\n width: 32px;\r\n min-height: 32px;\r\n min-width: 32px;\r\n}\r\n\r\n.social-relative {\r\n position: relative;\r\n}\r\n\r\n.durationIconOuter {\r\n padding-top: 4px;\r\n}\r\n\r\n.durationIcon {\r\n height: 16px;\r\n width: 16px;\r\n min-width: 16px;\r\n min-height: 16px;\r\n}\r\n\r\n/*.prose h2 {\r\n font-size: 2.25em;\r\n}\r\n\r\n.productHeading h1 {\r\n font-size: 2.75em;\r\n}*/\r\n\r\n//.text-base {\r\n// font-size: 1.125em !important;\r\n//}\r\n\r\n.content-nav-list {\r\n font-size: 1.125em !important;\r\n}\r\n\r\n.productOuter .layout-item:first-child .prose {\r\n padding-top: 0 !important;\r\n}\r\n\r\n.productInfo {\r\n flex-direction: column;\r\n justify-content: left;\r\n}\r\n\r\n.info.sku {\r\n font-size: 21px;\r\n line-height: 28px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.info.flag {\r\n max-width: fit-content;\r\n line-height: 18px;\r\n max-height: 18px;\r\n font-size: 10px;\r\n}\r\n\r\n.customDesignIcon {\r\n margin-right: 0 !important;\r\n}\r\n\r\n.basketWrapper {\r\n padding-top: 72px;\r\n padding-bottom: 62px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.basketInner {\r\n max-width: 275px;\r\n}\r\n\r\n.basketText {\r\n font-size: 1em;\r\n line-height: 1.5em;\r\n}\r\n\r\n.basketHeading {\r\n margin-top: 45px !important;\r\n margin-bottom: 12px !important;\r\n}\r\n\r\n.basketIcon {\r\n max-height: 97px;\r\n width: auto;\r\n}\r\n\r\n.basketBackButton {\r\n background-color: #5564B9;\r\n font-size: 1.125em;\r\n color: #ffffff;\r\n min-width: 100%;\r\n padding: 14px 0 15px 0;\r\n margin-top: 31px;\r\n}\r\n\r\n.interactive-button {\r\n padding: 6px 17px 7px 17px;\r\n border: 1px solid #5564B9;\r\n cursor: pointer;\r\n line-height: 2em;\r\n}\r\n\r\n.interactive-button-link {\r\n text-decoration: none !important;\r\n}\r\n\r\n@media (min-width: 1400px)\r\n{\r\n .social-media-icons {\r\n left: 950px;\r\n }\r\n}\r\n\r\n@media (max-width: 1399px)\r\n{\r\n .social-media-icons {\r\n left: 700px;\r\n }\r\n}\r\n\r\n@media (max-width: 1023px)\r\n{\r\n .social-media-icons {\r\n left: 650px;\r\n }\r\n .durationIconOuter {\r\n padding-top: 3px;\r\n }\r\n}\r\n\r\n@media (max-width: 890px)\r\n{\r\n .social-media-icons {\r\n left: 630px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px)\r\n{\r\n .blog-info {\r\n flex-direction: column;\r\n }\r\n\r\n .social-media-icons {\r\n flex-direction: row;\r\n position: unset;\r\n padding-top: 40px;\r\n }\r\n\r\n .blogpost-details {\r\n justify-content: space-between;\r\n }\r\n\r\n .duration {\r\n position: relative;\r\n top: -40px;\r\n }\r\n\r\n .social-media-icons img {\r\n margin: 0 5px;\r\n }\r\n\r\n .blog-post-heading {\r\n margin-bottom: 26px !important;\r\n }\r\n\r\n /*.productHeading h1 {\r\n font-size: 1.75em !important;\r\n }*/\r\n\r\n .productInfo {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n\r\n .info.flag {\r\n margin-top: 4px;\r\n max-width: fit-content;\r\n line-height: 14px;\r\n max-height: 14px;\r\n font-size: 8px;\r\n }\r\n\r\n .info.sku {\r\n font-size: 17px;\r\n line-height: 23px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .productUpper {\r\n width: 100%;\r\n min-width: 100%;\r\n }\r\n\r\n .layout-item h1 {\r\n font-size: 1em;\r\n }\r\n\r\n .productUpper .uses .uses-list {\r\n margin-bottom: 0;\r\n }\r\n\r\n .productUpper .uses .uses-list li {\r\n font-size: 1.3em;\r\n margin-bottom: 0;\r\n }\r\n\r\n .info.related {\r\n font-size: .75em;\r\n }\r\n\r\n .info.related::before {\r\n height: 17px;\r\n width: 17px;\r\n }\r\n\r\n .productOuter {\r\n padding: 0;\r\n }\r\n\r\n .productOuter .layout-item .prose {\r\n padding: 0;\r\n }\r\n\r\n /*.prose h2 {\r\n font-size: 1.5em;\r\n line-height: 30px;\r\n }*/\r\n\r\n .productWrapper > .layout-item {\r\n padding-bottom: 22px;\r\n }\r\n\r\n .productOuter > .layout-item {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .productInfoContainer {\r\n padding-top: 60px !important;\r\n }\r\n\r\n .productPreFooterSection {\r\n padding: 66px 15px 43px 15px !important;\r\n margin: 0;\r\n }\r\n\r\n .productPreFooterSection .grid .prose {\r\n padding: 0 !important;\r\n }\r\n\r\n /*.productPreFooterSection .grid .prose h2 {\r\n font-size: 1.5em;\r\n }*/\r\n\r\n .findOutMoreSection {\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n height: 78px;\r\n vertical-align: middle;\r\n }\r\n\r\n .findOutMoreSection .button-icon {\r\n min-width: 100px;\r\n height: 100%;\r\n background-color: #ffffff;\r\n border-radius: 6px 0 0 6px;\r\n margin: 0;\r\n }\r\n\r\n .findOutMoreSection .button-text {\r\n font-size: 1.125em;\r\n padding: 18px 12px;\r\n line-height: 22px;\r\n }\r\n\r\n .customDesignIcon {\r\n display: none !important;\r\n }\r\n\r\n .learnMoreText > .title {\r\n font-size: 1.5em !important;\r\n }\r\n\r\n .learnMoreText {\r\n font-size: 1em;\r\n }\r\n\r\n .learnMoreButton {\r\n margin-top: 20px;\r\n }\r\n\r\n .learnMoreButton > .button-solid {\r\n font-size: 1.125em;\r\n }\r\n}\r\n\r\n@media (max-width: 639px)\r\n{\r\n .productWrapper {\r\n padding: 0 15px;\r\n }\r\n}\r\n\r\n/**\r\nNavigation\r\n */\r\n//.header-lock {\r\n// @apply fixed w-full top-0 ;\r\n// z-index: 100;\r\n//\r\n// .nav-active & {\r\n// @apply h-full;\r\n//\r\n// .navigation-wrapper {\r\n// @apply block;\r\n// }\r\n//\r\n// &:before {\r\n// @apply bg-paleish-grey block absolute top-0 right-0 left-0 bottom-0;\r\n// min-height: 100dvh;\r\n// content: '';\r\n// z-index: -1;\r\n//\r\n// @screen sm {\r\n// @apply right-auto;\r\n// max-width: 360px;\r\n// }\r\n//\r\n// @screen lg {\r\n// @apply hidden;\r\n// }\r\n// }\r\n//\r\n// &:after {\r\n// @apply bg-black block absolute top-0 right-0 left-0 bottom-0 opacity-50;\r\n// min-height: 100dvh;\r\n// content: '';\r\n// z-index: -2;\r\n//\r\n// @screen lg {\r\n// @apply hidden;\r\n// }\r\n// }\r\n// }\r\n//\r\n// .container {\r\n// &.header {\r\n// z-index: 110;\r\n// * {\r\n// z-index: 111;\r\n// }\r\n//\r\n// &.navigation-wrapper {\r\n// z-index: 200;\r\n// * {\r\n// z-index: 201;\r\n// }\r\n// }\r\n//\r\n// &.logo-wrapper {\r\n// @apply bg-white;\r\n// }\r\n// }\r\n// }\r\n//}\r\n\r\n.mobile-menu-button {\r\n @apply block absolute top-1/2 left-[15px] -translate-y-1/2;\r\n line-height: 14px;\r\n font-size: 14px;\r\n\r\n @screen lg {\r\n @apply hidden;\r\n }\r\n}\r\n\r\n.logo-wrapper {\r\n @apply border-darkish-grey border-b;\r\n\r\n @screen lg {\r\n @apply border-b-0;\r\n }\r\n\r\n .logo-inner {\r\n @apply flex justify-center;\r\n\r\n @screen lg {\r\n @apply justify-between items-center;\r\n }\r\n\r\n .logo {\r\n @apply max-w-[220px];\r\n\r\n @screen sm {\r\n @apply max-w-[330px];\r\n }\r\n\r\n @screen xl {\r\n @apply max-w-full;\r\n }\r\n }\r\n }\r\n\r\n .logo-meta {\r\n @apply hidden;\r\n\r\n @screen lg {\r\n @apply block;\r\n }\r\n }\r\n}\r\n\r\n.navigation-wrapper {\r\n @apply bg-paleish-grey hidden relative;\r\n height: calc(100dvh - 46px);\r\n\r\n &.container.header {\r\n @apply p-0 py-0;\r\n }\r\n\r\n .nav-active & {\r\n @apply overflow-y-auto;\r\n }\r\n\r\n @screen sm {\r\n @apply ml-0 mr-auto;\r\n max-width: 360px;\r\n height: calc(100dvh - 61px);\r\n }\r\n\r\n @screen lg {\r\n @apply block bg-white h-auto mx-auto relative;\r\n max-width: inherit;\r\n\r\n &:before {\r\n @apply absolute block left-1/2 bottom-0 w-screen -translate-x-1/2 border border-t-darkish-grey;\r\n background-color: white;\r\n top: -1px;\r\n content: '';\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .logo-meta-mobile {\r\n @apply w-full text-center py-[20px];\r\n }\r\n}\r\n\r\n.navigation {\r\n @apply text-navigation-mobile list-none p-0 m-0;\r\n * {\r\n @apply text-navigation-mobile;\r\n }\r\n\r\n .navigation-item {\r\n @apply list-none p-0 m-0;\r\n }\r\n\r\n &.navigation-primary {\r\n .navigation-item {\r\n @apply relative;\r\n\r\n &:not(.show-children) {\r\n @apply border-extra-extra-light-grey border-b;\r\n }\r\n\r\n .navigation-link {\r\n @apply text-dark-grey;\r\n }\r\n\r\n .arrow-decoration {\r\n @apply absolute top-0 right-[10px] h-[45px] w-[45px] flex justify-end overflow-hidden cursor-pointer pointer-events-none;\r\n\r\n span {\r\n @apply block relative h-[45px] w-[45px];\r\n text-indent: -9999px;\r\n\r\n &:before {\r\n @apply block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[13px] h-[7px] -rotate-90;\r\n content: '';\r\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\");\r\n }\r\n }\r\n\r\n @screen lg {\r\n @apply hidden;\r\n }\r\n }\r\n\r\n &.has-children,\r\n &.has-sub-children,\r\n &.navigation-section {\r\n .toggle-button {\r\n @apply pointer-events-auto;\r\n width: calc(100% - 20px);\r\n\r\n span {\r\n &:before {\r\n @apply -rotate-0;\r\n content: '';\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.has-children {\r\n &.show-children {\r\n & > .navigation-link {\r\n @apply font-bold text-smsNewBlue;\r\n }\r\n\r\n & > .toggle-button {\r\n span {\r\n &:before {\r\n @apply w-[16px] h-[11px];\r\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\");\r\n }\r\n }\r\n }\r\n\r\n & > .sub-navigation-wrapper {\r\n @apply block;\r\n }\r\n }\r\n }\r\n\r\n &.has-sub-children{\r\n &.show-sub-children {\r\n & > .navigation-link {\r\n @apply text-smsNewBlue;\r\n font-weight: bold !important;\r\n }\r\n\r\n & > .toggle-button {\r\n span {\r\n &:before {\r\n @apply w-[16px] h-[11px];\r\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\");\r\n }\r\n }\r\n }\r\n\r\n & > .sub-navigation-wrapper {\r\n @apply block border-t-0;\r\n }\r\n }\r\n }\r\n\r\n .navigation-link {\r\n @apply block p-[16px] py-[16px] pr-[55px] font-medium;\r\n\r\n &.hover, &:active, &.focus {\r\n @apply text-smsNewBlue;\r\n }\r\n }\r\n\r\n .sub-navigation-wrapper {\r\n @apply hidden border-t border-extra-extra-light-grey;\r\n\r\n .navigation {\r\n &.navigation-sub {\r\n @apply bg-paler-grey overflow-x-hidden;\r\n\r\n .navigation-item {\r\n @apply hidden;\r\n\r\n .navigation-link {\r\n @apply font-normal;\r\n }\r\n\r\n &:not(.navigation-section) {\r\n @apply border-0 ml-10;\r\n\r\n &.active {\r\n .navigation-link {\r\n @apply relative;\r\n z-index: 1;\r\n }\r\n\r\n &:before {\r\n @apply block absolute top-0 bg-paleish-grey rounded-md;\r\n top: 5px;\r\n left: 0px;\r\n right: 5px;\r\n bottom: 5px;\r\n content: '';\r\n z-index: -1;\r\n }\r\n }\r\n }\r\n\r\n &.navigation-section,\r\n &.show-sibling,\r\n &.show-regardless {\r\n @apply block;\r\n\r\n &.last-sibling {\r\n &:after {\r\n @apply absolute border-extra-extra-light-grey border-b -left-1/2;\r\n\r\n content: '';\r\n bottom: 0;\r\n width: 200vw;\r\n }\r\n }\r\n }\r\n\r\n &.navigation-section {\r\n &.show-siblings {\r\n & > .navigation-link {\r\n @apply font-bold text-smsNewBlue;\r\n }\r\n\r\n & > .toggle-button {\r\n span {\r\n &:before {\r\n @apply w-[16px] h-[11px];\r\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\");\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .navigation-item {\r\n @apply hidden bg-transparent;\r\n\r\n &.navigation-section {\r\n @apply list-item;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n @screen lg {\r\n @apply bg-white mx-[30px] flex flex-row;\r\n\r\n .navigation-item {\r\n @apply block;\r\n\r\n &:not(.show-children) {\r\n @apply border-b-0;\r\n }\r\n\r\n &.has-children {\r\n @apply static;\r\n\r\n &.show-children {\r\n & > .sub-navigation-wrapper {\r\n @apply hidden border-t-0 relative;\r\n\r\n &:before {\r\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\r\n content:'';\r\n }\r\n }\r\n\r\n & > .navigation-link {\r\n @apply text-dark-grey relative overflow-hidden;\r\n\r\n &:after {\r\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\r\n content:'';\r\n }\r\n }\r\n }\r\n\r\n &:hover, &:focus, &:focus-within, .active {\r\n & > .sub-navigation-wrapper {\r\n @apply flex flex-row absolute left-0 w-full px-[30px] border-t-0 py-[30px];\r\n\r\n &:before {\r\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\r\n content:'';\r\n }\r\n\r\n .navigation-sub {\r\n @apply min-w-[20%];\r\n\r\n &:last-child {\r\n @apply grow;\r\n }\r\n\r\n .navigation-item {\r\n @apply ml-0 list-item;\r\n\r\n &:before {\r\n display: none !important;\r\n }\r\n\r\n &.navigation-section {\r\n .navigation-link {\r\n @apply font-bold pt-12;\r\n }\r\n\r\n &:first-child {\r\n .navigation-link {\r\n @apply pt-0;\r\n }\r\n }\r\n }\r\n\r\n &:not(.navigation-section) {\r\n .navigation-link {\r\n @apply py-[6px];\r\n }\r\n }\r\n\r\n &.active {\r\n .navigation-link {\r\n @apply text-smsNewBlue underline;\r\n\r\n &:after {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n .navigation-link {\r\n &:not(span) {\r\n &:hover, &:active, &:focus {\r\n @apply text-smsNewBlue underline;\r\n\r\n &:after {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n &:hover, &:active, &:focus {\r\n &:after {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n\r\n &.last-sibling {\r\n &:after {\r\n @apply hidden;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.has-sub-children {\r\n &.show-sub-children {\r\n .sub-navigation-wrapper {\r\n @apply hidden;\r\n }\r\n }\r\n }\r\n }\r\n\r\n & > .navigation-item {\r\n .navigation-link {\r\n @apply px-0 mx-4;\r\n\r\n &:hover, &:active, &:focus, &.active {\r\n @apply relative overflow-hidden;\r\n\r\n &:after {\r\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\r\n content:'';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n @screen xl {\r\n .navigation-item {\r\n &.has-children {\r\n &:hover, &:focus, &:focus-within, .active {\r\n & > .sub-navigation-wrapper {\r\n @apply py-12 px-[75px];\r\n }\r\n }\r\n }\r\n }\r\n\r\n & > .navigation-item {\r\n\r\n .navigation-link {\r\n @apply px-0 mx-4;\r\n }\r\n\r\n &:first-child {\r\n .navigation-link {\r\n @apply ml-0;\r\n }\r\n }\r\n\r\n .navigation-sub {\r\n .navigation-item {\r\n .navigation-link {\r\n @apply ml-0;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n/* Dark mode styles */\r\n@media (prefers-color-scheme: dark) {\r\n body {\r\n background-color: #ffffff;\r\n }\r\n}\r\n\r\n.video-block {\r\n margin: 1rem 0 0 0;\r\n}\r\n\r\n.flex-vid {\r\n padding-top: 56.25%; \r\n position: relative; \r\n width: 100%;\r\n}\r\n\r\n.prose :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\r\n color: inherit;\r\n}\r\n\r\n.prose ul li {\r\n font-size: .875rem;\r\n}\r\n\r\n@screen lg {\r\n .prose ul li {\r\n font-size: 1rem;\r\n }\r\n}"],"names":[],"version":3,"file":"typography.76d04c5b.css.map"}