{"mappings":"ACCA,wCAII,wCAIA,6CAMI,uC,gC,0C,oC,uC,qD,oD,2BA+BJ,kCAGJ,gDAKI,8BAGJ,uBACI,+BAGI,uCAIR,oB,yB,uBAOI,2BAAA,+O,kFAyBQ,m1D,mCAsBR,kE,gGAYA,iG,gGAoBI,gBAGI,mDAIJ,4E,8EAUA,yIAOR,6FAMQ,kD,0E,uPAKR,8RAwBY,yQAoBR,gE,swBAmBA,sBACI,4FAKI,gEAKJ,+CAKJ,6MAMQ,yfAOJ,mOAmBQ,iMAUA,0OAiBR,mN,yG,yI,ubAuCR,4E,gMAgBY,+F,8FAYI,yJAUZ,2GAIQ,yF,kG,sDAeZ,sDAII,oDAGA,uCAGI,kK,oFAgBJ,oK,mD,8BAYA,+BAGJ,4DAIA,mDAIA,qI,qCAUA,4E,2GAcI,yY,ykBAgBA,0rB,wkB,2rBAUA,8FAOJ,qSAaA,mH,uK,6EAiBA,s+C,q3CAiBI,sC,uDAMA,iCAGJ,oCAGI,0EAMJ,6EAII,yCAIA,6G,iD,8EAsBA,mC,mCAQI,oE,2BAYA,oCAIJ,yD,sE,wDAiBA,4DAMI,4GAOA,2CAIJ,wFAOI,6BAIJ,4CAKI,sEAKA,uC,2HAgBJ,iG,wD,uBAaA,gCAKI,uB,gC,uBAQJ,+BAIA,oCAKI,sBACA,gCAKJ,sBACI,iCAGA,uEAMA,gDAIJ,sCAKI,qCAIA,gDAIA,8CAIA,8DAMJ,0H,0D,wC,8B,+C,kE,8B,4C,6B,4C,2C,iD,8C,iD,gE,0D,yD,8F,oH,sF,yC,gD,6B,iC,kD,sB","sources":["typography.53e04134.css","src/css/sms.scss"],"sourcesContent":[".prose-page {\n  max-width: 100%;\n  padding: 20px;\n}\n\n.prose-page:last-child {\n  padding-bottom: 0;\n}\n\n.prose-page img {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.prose-page p:first-child {\n  margin-top: 0;\n}\n\n.layout-item {\n  margin-bottom: 46px;\n}\n\n.layout-item .layout-item {\n  margin-bottom: 0;\n}\n\n.layout-item img {\n  border-radius: 10px;\n}\n\n.layout-item.no-bottom {\n  margin-bottom: 0;\n}\n\n.layout-item.padding-not-margin-top {\n  padding-top: 66px;\n}\n\n.layout-item.padding-not-margin {\n  padding-bottom: 66px;\n}\n\n.no-bottom {\n  margin-bottom: 0;\n}\n\n.section-gap-top {\n  padding-top: 66px;\n}\n\nh1 {\n  font-size: 3rem;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.caption, .meta {\n  font-size: 12px;\n}\n\n@media (width >= 1024px) {\n  .caption, .meta {\n    font-size: 14px;\n  }\n}\n\n.caption {\n  margin-top: 1rem;\n  display: block;\n}\n\n.info {\n  display: block;\n}\n\n.info.sku {\n  font-size: 17px;\n}\n\n@media (width >= 1024px) {\n  .info.sku {\n    font-size: 1.3em;\n  }\n}\n\n.info.flag {\n  --tw-bg-opacity: 1;\n  background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  border-radius: 9999px;\n  padding: 0 .5rem;\n  font-size: 10px;\n  line-height: 22px;\n  display: inline-block;\n}\n\n.info.related {\n  padding-left: 30px;\n  font-size: .9em;\n  line-height: 20px;\n  position: relative;\n}\n\n.info.related:before {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  content: \"\";\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"19.75\\\" height=\\\"19.75\\\" viewBox=\\\"0 0 19.75 19.75\\\"%3E%3Cg id=\\\"Group_11\\\" data-name=\\\"Group 11\\\" transform=\\\"translate(0.375 0.375)\\\"%3E%3Cpath id=\\\"Stroke_1\\\" data-name=\\\"Stroke 1\\\" d=\\\"M19,9.5A9.5,9.5,0,1,0,9.5,19,9.5,9.5,0,0,0,19,9.5Z\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cpath id=\\\"Fill_3\\\" data-name=\\\"Fill 3\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_5\\\" data-name=\\\"Stroke 5\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38Z\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cg id=\\\"Group_10\\\" data-name=\\\"Group 10\\\" transform=\\\"translate(7.64 7.852)\\\"%3E%3Cpath id=\\\"Fill_7\\\" data-name=\\\"Fill 7\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_9\\\" data-name=\\\"Stroke 9\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  width: 20px;\n  height: 20px;\n  margin-right: .5rem;\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 0;\n}\n\n.use-to-measure {\n  margin: 0 !important;\n}\n\n.uses-list {\n  margin-left: 0;\n  padding-left: 0;\n  margin-top: 11px !important;\n}\n\n.uses-list li {\n  margin-left: 0;\n  padding-left: 0;\n  font-size: 1.5em;\n  font-weight: 300;\n  list-style-type: none;\n}\n\n.media-wrapper {\n  width: 100%;\n  margin-top: 1.5rem;\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n}\n\n.media-wrapper iframe, .media-wrapper .video-js {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n}\n\na {\n  color: inherit;\n}\n\na:hover, a:focus, a:active {\n  text-decoration-line: none;\n}\n\n.content a {\n  --tw-text-opacity: 1;\n  color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.content-nav a {\n  --tw-text-opacity: 1;\n  color: rgb(91 91 91 / var(--tw-text-opacity));\n}\n\n.content-nav a:hover, .content-nav a:active, .content-nav a:focus {\n  font-weight: 700;\n  text-decoration-line: none;\n  text-decoration: none !important;\n}\n\n.content-nav a.active {\n  font-weight: 700;\n  color: #5564b9 !important;\n  text-decoration: none !important;\n}\n\n.content-nav .content-nav-list {\n  margin-bottom: 2rem;\n}\n\n.content-nav .content-nav-list li {\n  padding-bottom: .5rem;\n  padding-left: 1.4em;\n}\n\n.button-solid {\n  cursor: pointer;\n  white-space: nowrap;\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 51 51 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  border-radius: 9999px;\n  padding: .5rem 1.5rem;\n  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-outline {\n  --tw-border-opacity: 1;\n  border-width: 1px;\n  border-color: rgb(85 100 185 / var(--tw-border-opacity));\n  border-radius: .5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-size: 1.125rem;\n  font-weight: 500;\n  line-height: 35px;\n  text-decoration-line: none;\n  display: inline-block;\n}\n\n.button-outline.with-arrow {\n  padding-right: 40px;\n  position: relative;\n}\n\n.button-outline.with-arrow:after {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  content: \"\";\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%235564b9' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 9px 16px;\n  width: 9px;\n  height: 16px;\n  position: absolute;\n  top: 50%;\n  right: 1rem;\n}\n\n@media (width >= 768px) {\n  .button-outline {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    font-size: 1.25rem;\n    line-height: 45px;\n  }\n\n  .button-outline.with-arrow {\n    padding-right: 50px;\n    position: relative;\n  }\n\n  .button-outline.with-arrow:after {\n    right: 1.5rem;\n  }\n}\n\n.button-outline:hover, .button-outline:active, .button-outline:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-outline:hover.with-arrow:after, .button-outline:active.with-arrow:after, .button-outline:focus.with-arrow:after {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n}\n\n.button-tag {\n  --tw-border-opacity: 1;\n  border-width: 1px;\n  border-color: rgb(85 100 185 / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(85 100 185 / var(--tw-text-opacity));\n  border-radius: 9999px;\n  padding: .25rem 1rem;\n  font-weight: 700;\n}\n\n.button-tag:hover, .button-tag:active, .button-tag:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-tag-small {\n  --tw-bg-opacity: 1;\n  background-color: rgb(112 112 112 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  border-radius: 9999px;\n  margin-right: .25rem;\n  padding: .25rem 1rem;\n  font-weight: 700;\n}\n\n.button-tag-small:hover, .button-tag-small:active, .button-tag-small:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.button-icon-small, .button-icon-large {\n  flex-direction: row;\n  align-items: center;\n  font-weight: 700;\n  display: flex;\n}\n\n.button-icon-small .button-icon, .button-icon-large .button-icon {\n  width: 60px;\n  height: 60px;\n  margin-right: 2rem;\n  display: block;\n  position: relative;\n}\n\n.button-icon-small .button-icon img, .button-icon-small .button-icon svg, .button-icon-large .button-icon img, .button-icon-large .button-icon svg {\n  --tw-translate-x: -50%;\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  object-fit: cover;\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n}\n\n.button-icon-small .button-text, .button-icon-large .button-text {\n  flex-grow: 1;\n}\n\n.button-icon-large {\n  --tw-bg-opacity: 1;\n  background-color: rgb(224 230 243 / var(--tw-bg-opacity));\n  border-radius: .5rem;\n  flex-direction: row;\n  align-items: center;\n  padding: 2rem;\n  font-weight: 700;\n  display: flex;\n}\n\n.button-icon-large .button-text {\n  flex-direction: column;\n  flex-grow: 1;\n  font-weight: 400;\n  display: flex;\n}\n\n.button-icon-large .button-text .title {\n  font-size: 1.875rem;\n  font-weight: 500;\n  line-height: 2.25rem;\n}\n\ntable.technical-information tr {\n  --tw-border-opacity: 1;\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n  border-color: rgb(194 194 194 / var(--tw-border-opacity));\n}\n\ntable.technical-information tr th {\n  --tw-bg-opacity: 1;\n  background-color: rgb(247 247 247 / var(--tw-bg-opacity));\n}\n\ntable.technical-information tr th, table.technical-information tr td {\n  padding: .5rem 1.5rem;\n}\n\ntable.technical-information.one-data-col th, table.technical-information.one-data-col td {\n  width: 50%;\n}\n\ntable.technical-information.two-data-col th {\n  width: 40%;\n}\n\ntable.technical-information.two-data-col td {\n  width: 30%;\n}\n\ntable.technical-information tfoot tr {\n  border-width: 0;\n}\n\na.image-link {\n  text-decoration-line: none;\n}\n\na.image-link span {\n  --tw-text-opacity: 1;\n  color: rgb(91 91 91 / var(--tw-text-opacity));\n  padding-top: 1rem;\n  line-height: 1.5rem;\n  display: block;\n  text-decoration: none !important;\n}\n\na.image-link:hover, a.image-link:active, a.image-link:focus {\n  text-decoration-line: none;\n}\n\na.image-link:hover span, a.image-link:active span, a.image-link:focus span {\n  --tw-text-opacity: 1;\n  color: rgb(85 100 185 / var(--tw-text-opacity));\n  text-decoration-line: none;\n}\n\n.image-wrapper {\n  border-radius: .5rem;\n  overflow: hidden;\n}\n\n.image-wrapper img {\n  width: 100%;\n}\n\n.content-card {\n  min-height: 18rem;\n}\n\n.carousel-image-wrapper {\n  border-radius: .5rem;\n  overflow: hidden;\n}\n\n.carousel-image-wrapper img {\n  width: 100%;\n  height: 100%;\n}\n\na h1:hover, a h1:active, a h1:focus, a h2:hover, a h2:active, a h2:focus, a h3:hover, a h3:active, a h3:focus {\n  text-decoration-line: underline;\n}\n\n.sticky-nav {\n  position: sticky;\n  top: 2rem;\n}\n\n.tns-outer {\n  z-index: 10;\n  border-radius: .5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.tns-outer .tns-controls {\n  pointer-events: none;\n  z-index: 11;\n  width: 100%;\n  padding-top: 50%;\n  position: absolute;\n  top: 0;\n}\n\n.tns-outer .tns-controls button {\n  pointer-events: auto;\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  text-indent: -9999px;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 27px;\n  width: 27px;\n  height: 27px;\n  position: absolute;\n}\n\n.tns-outer .tns-controls button[data-controls=\"prev\"] {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n  left: 1rem;\n}\n\n.tns-outer .tns-controls button[data-controls=\"prev\"]:hover, .tns-outer .tns-controls button[data-controls=\"prev\"]:active, .tns-outer .tns-controls button[data-controls=\"prev\"]:focus {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n}\n\n.tns-outer .tns-controls button[data-controls=\"next\"] {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n  right: 1rem;\n}\n\n.tns-outer .tns-controls button[data-controls=\"next\"]:hover, .tns-outer .tns-controls button[data-controls=\"next\"]:active, .tns-outer .tns-controls button[data-controls=\"next\"]:focus {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E%0A\");\n}\n\n.tns-outer .tns-nav {\n  justify-content: center;\n  width: 100%;\n  display: flex;\n  position: absolute;\n  bottom: 0;\n}\n\n.tns-outer .tns-nav button {\n  --tw-border-opacity: 1;\n  border-width: 1px;\n  border-color: rgb(91 91 91 / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n  border-radius: 9999px;\n  width: 10px;\n  height: 10px;\n  margin-bottom: 1rem;\n  margin-left: .25rem;\n  margin-right: .25rem;\n}\n\n.tns-outer .tns-nav button.tns-nav-active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(194 194 194 / var(--tw-bg-opacity));\n}\n\n.tns-outer .tns-nav button:hover, .tns-outer .tns-nav button:active, .tns-outer .tns-nav button:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\na[data-fslightbox] {\n  cursor: pointer;\n  z-index: 13;\n  display: block;\n  position: relative;\n}\n\na[data-fslightbox]:after {\n  z-index: 14;\n  content: \"\";\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-ddc5e916-6c5a-4464-bfc9-b52d9ceafdd9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-ea9e10fa-0db4-4243-a69d-a26eff29ea58' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-492bc5c9-42d9-4774-ac9c-ffd3a345aa6f'%3E%3Cg id='uuid-b4e41131-184d-4da2-b29f-b547eb7e62c9'%3E%3Cpath id='uuid-b266d068-8f59-4fa5-98c0-12dc9e3e2429' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-f4395912-1dc7-4cc2-af9b-4ae4bc708dcd' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-281121c0-52c6-4e42-a69e-559332634b66' d='m13.53,9.94v5.94' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-101b957b-4b47-4d5f-81c5-3eefc94a0196' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 27px;\n  width: 27px;\n  height: 27px;\n  display: block;\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n}\n\na[data-fslightbox]:hover:after, a[data-fslightbox]:active:after, a[data-fslightbox]:focus:after {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-13aa0e69-d673-49dd-b95d-e4564e48f446' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-24e8f82e-351d-4779-a98c-19016d5671e0' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-4227a5db-774f-4784-bc81-4109db1fda0b'%3E%3Cg id='uuid-81b1c7c6-220b-448a-a213-c01d1b92f1e1'%3E%3Cpath id='uuid-dd2101e5-2344-44b1-9822-529f642cb174' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-d7a2e362-2123-4dfe-a486-2e296e100a12' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-c0ee6b2e-f189-46a0-875d-636bd8e7cedc' d='m13.53,9.94v5.94' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-0f9852a8-1978-43b8-b56a-4042e65acb2d' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.smooth-scroll {\n  scroll-behavior: smooth;\n}\n\n.layout-item > div > ul > li::marker {\n  color: #5564b9 !important;\n}\n\n.layout-item h1 {\n  line-height: 1.25;\n}\n\n.layout-item h2 {\n  margin-bottom: .75em;\n}\n\n.layout-item > div > p > a, .layout-item > div > p > a:visited {\n  color: #5564b9 !important;\n}\n\n.layout-item > div > p > a:hover {\n  text-decoration: underline;\n  color: #8189b7 !important;\n}\n\n.blog-info {\n  flex-direction: row;\n  width: 100%;\n}\n\n.social-media-icons {\n  z-index: 10;\n  flex-direction: column;\n  position: absolute;\n  left: 950px;\n  transform: translateY(-50%);\n}\n\n.social-media-icons a {\n  margin: 5px 0;\n  display: block;\n}\n\n.social-media-icons img {\n  width: 32px;\n  min-width: 32px;\n  height: 32px;\n  min-height: 32px;\n}\n\n.social-relative {\n  position: relative;\n}\n\n.durationIconOuter {\n  padding-top: 4px;\n}\n\n.durationIcon {\n  width: 16px;\n  min-width: 16px;\n  height: 16px;\n  min-height: 16px;\n}\n\n.prose h2 {\n  font-size: 2.25em;\n}\n\n.productHeading h1 {\n  font-size: 2.75em;\n}\n\n.text-base, .content-nav-list {\n  font-size: 1.125em !important;\n}\n\n.productOuter .layout-item:first-child .prose {\n  padding-top: 0 !important;\n}\n\n.productInfo {\n  flex-direction: column;\n  justify-content: left;\n}\n\n.info.sku {\n  margin-bottom: 8px;\n  font-size: 21px;\n  line-height: 28px;\n}\n\n.info.flag {\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  max-height: 18px;\n  font-size: 10px;\n  line-height: 18px;\n}\n\n.customDesignIcon {\n  margin-right: 0 !important;\n}\n\n.basketWrapper {\n  justify-content: center;\n  padding-top: 72px;\n  padding-bottom: 62px;\n  display: flex;\n}\n\n.basketInner {\n  max-width: 275px;\n}\n\n.basketText {\n  font-size: 1em;\n  line-height: 1.5em;\n}\n\n.basketHeading {\n  margin-top: 45px !important;\n  margin-bottom: 12px !important;\n}\n\n.basketIcon {\n  width: auto;\n  max-height: 97px;\n}\n\n.basketBackButton {\n  color: #fff;\n  background-color: #5564b9;\n  min-width: 100%;\n  margin-top: 31px;\n  padding: 14px 0 15px;\n  font-size: 1.125em;\n}\n\n.interactive-button {\n  cursor: pointer;\n  border: 1px solid #5564b9;\n  padding: 6px 17px 7px;\n  line-height: 2em;\n}\n\n.interactive-button-link {\n  text-decoration: none !important;\n}\n\n@media (width >= 1400px) {\n  .social-media-icons {\n    left: 950px;\n  }\n}\n\n@media (width <= 1399px) {\n  .social-media-icons {\n    left: 700px;\n  }\n}\n\n@media (width <= 1023px) {\n  .social-media-icons {\n    left: 650px;\n  }\n\n  .durationIconOuter {\n    padding-top: 3px;\n  }\n}\n\n@media (width <= 890px) {\n  .social-media-icons {\n    left: 630px;\n  }\n}\n\n@media (width <= 763px) {\n  .blog-info {\n    flex-direction: column;\n  }\n\n  .social-media-icons {\n    position: unset;\n    flex-direction: row;\n    padding-top: 40px;\n  }\n\n  .blogpost-details {\n    justify-content: space-between;\n  }\n\n  .duration {\n    position: relative;\n    top: -40px;\n  }\n\n  .social-media-icons img {\n    margin: 0 5px;\n  }\n\n  .blog-post-heading {\n    margin-bottom: 26px !important;\n  }\n\n  .productHeading h1 {\n    font-size: 1.75em !important;\n  }\n\n  .productInfo {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n\n  .info.flag {\n    max-width: -moz-fit-content;\n    max-width: fit-content;\n    max-height: 14px;\n    margin-top: 4px;\n    font-size: 8px;\n    line-height: 14px;\n  }\n\n  .info.sku {\n    margin-bottom: 0;\n    font-size: 17px;\n    line-height: 23px;\n  }\n\n  .productUpper {\n    width: 100%;\n    min-width: 100%;\n  }\n\n  .layout-item h1 {\n    font-size: 1em;\n  }\n\n  .productUpper .uses .uses-list {\n    margin-bottom: 0;\n  }\n\n  .productUpper .uses .uses-list li {\n    margin-bottom: 0;\n    font-size: 1.3em;\n  }\n\n  .info.related {\n    font-size: .75em;\n  }\n\n  .info.related:before {\n    width: 17px;\n    height: 17px;\n  }\n\n  .productOuter {\n    padding: 0 15px;\n  }\n\n  .productOuter .layout-item .prose {\n    padding: 0;\n  }\n\n  .prose h2 {\n    font-size: 1.5em;\n    line-height: 30px;\n  }\n\n  .productWrapper > .layout-item {\n    padding-bottom: 22px;\n  }\n\n  .productOuter > .layout-item {\n    margin-bottom: 60px;\n  }\n\n  .productInfoContainer {\n    padding-top: 60px !important;\n  }\n\n  .productPreFooterSection {\n    margin: 0;\n    padding: 0 15px 43px !important;\n  }\n\n  .productPreFooterSection .grid .prose {\n    padding: 0 !important;\n  }\n\n  .productPreFooterSection .grid .prose h2 {\n    font-size: 1.5em;\n  }\n\n  .findOutMoreSection {\n    vertical-align: middle;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    height: 78px;\n  }\n\n  .findOutMoreSection .button-icon {\n    background-color: #fff;\n    border-radius: 6px 0 0 6px;\n    min-width: 35%;\n    height: 100%;\n    margin: 0;\n  }\n\n  .findOutMoreSection .button-text {\n    padding: 18px 12px;\n    font-size: 1.125em;\n    line-height: 22px;\n  }\n\n  .customDesignIcon {\n    display: none !important;\n  }\n\n  .learnMoreText > .title {\n    font-size: 1.5em !important;\n  }\n\n  .learnMoreText {\n    font-size: 1em;\n  }\n\n  .learnMoreButton {\n    margin-top: 20px;\n  }\n\n  .learnMoreButton > .button-solid {\n    font-size: 1.125em;\n  }\n}\n\n@media (width <= 639px) {\n  .productWrapper {\n    padding: 0 15px;\n  }\n}\n\n/*# sourceMappingURL=typography.53e04134.css.map */\n","/*Nothing here. Style is done by Tailwind*/\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.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\nh1 {\r\n    @apply font-bold text-5xl;\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-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 pl-0 ml-0;\r\n    margin-top: 11px !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, &:focus, &:active {\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.content-nav {\r\n    a {\r\n        @apply text-body-font-color;\r\n\r\n        &:hover, &:active, &:focus {\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            padding-left: 1.4em;\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;\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\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-8;\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.content-card {\r\n    min-height: 18rem;\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-full;\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-8;\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: 763px)\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 15px;\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: 0 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: 35%;\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}"],"names":[],"version":3,"file":"typography.53e04134.css.map"}