mp-design-system 0.7.5 → 0.8.4

package/dist/build/concentric.05eaed9c.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="641" height="1012" opacity=".075" fill="none"><circle cx="641" cy="506" r="80" stroke="#004157"/><circle cx="641" cy="506" r="20" stroke="#004157"/><circle cx="641" cy="506" r="160" stroke="#004157"/><circle cx="641" cy="506" r="240" stroke="#004157"/><circle cx="641" cy="506" r="320" stroke="#004157"/><circle cx="641" cy="506" r="400" stroke="#004157"/><circle cx="641" cy="506" r="480" stroke="#004157"/><circle cx="641" cy="506" r="560" stroke="#004157"/><circle cx="641" cy="506" r="640" stroke="#004157"/></svg>

package/dist/build/dots-pattern.3c9c2a26.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="421" height="724" fill="none"><g stroke="#004157" opacity=".075"><circle cx="36.965" cy="27.974" r="17.5" transform="rotate(-15 36.965 27.974)"/><circle cx="141.285" cy=".021" r="17.5" transform="rotate(-15 141.285 .021)"/><circle cx="3.44" cy="111.496" r="17.5" transform="rotate(-15 3.44 111.496)"/><circle cx="107.76" cy="83.544" r="17.5" transform="rotate(-15 107.76 83.544)"/><circle cx="212.08" cy="55.591" r="17.5" transform="rotate(-15 212.08 55.591)"/><circle cx="74.235" cy="167.067" r="17.5" transform="rotate(-15 74.235 167.067)"/><circle cx="178.555" cy="139.114" r="17.5" transform="rotate(-15 178.555 139.114)"/><circle cx="40.71" cy="250.59" r="17.5" transform="rotate(-15 40.71 250.59)"/><circle cx="145.03" cy="222.637" r="17.5" transform="rotate(-15 145.03 222.637)"/><circle cx="249.35" cy="194.685" r="17.5" transform="rotate(-15 249.35 194.685)"/><circle cx="7.185" cy="334.113" r="17.5" transform="rotate(-15 7.185 334.113)"/><circle cx="111.505" cy="306.16" r="17.5" transform="rotate(-15 111.505 306.16)"/><circle cx="215.825" cy="278.208" r="17.5" transform="rotate(-15 215.825 278.208)"/><circle cx="77.98" cy="389.683" r="17.5" transform="rotate(-15 77.98 389.683)"/><circle cx="182.3" cy="361.73" r="17.5" transform="rotate(-15 182.3 361.73)"/><circle cx="286.62" cy="333.778" r="17.5" transform="rotate(-15 286.62 333.778)"/><circle cx="44.455" cy="473.206" r="17.5" transform="rotate(-15 44.455 473.206)"/><circle cx="148.775" cy="445.254" r="17.5" transform="rotate(-15 148.775 445.254)"/><circle cx="253.095" cy="417.301" r="17.5" transform="rotate(-15 253.095 417.301)"/><circle cx="10.93" cy="556.729" r="17.5" transform="rotate(-15 10.93 556.729)"/><circle cx="115.25" cy="528.776" r="17.5" transform="rotate(-15 115.25 528.776)"/><circle cx="219.57" cy="500.824" r="17.5" transform="rotate(-15 219.57 500.824)"/><circle cx="323.89" cy="472.871" r="17.5" transform="rotate(-15 323.89 472.871)"/><circle cx="81.725" cy="612.299" r="17.5" transform="rotate(-15 81.725 612.299)"/><circle cx="186.045" cy="584.347" r="17.5" transform="rotate(-15 186.045 584.347)"/><circle cx="290.365" cy="556.394" r="17.5" transform="rotate(-15 290.365 556.394)"/><circle cx="48.2" cy="695.822" r="17.5" transform="rotate(-15 48.2 695.822)"/><circle cx="152.52" cy="667.87" r="17.5" transform="rotate(-15 152.52 667.87)"/><circle cx="256.84" cy="639.917" r="17.5" transform="rotate(-15 256.84 639.917)"/><circle cx="361.16" cy="611.965" r="17.5" transform="rotate(-15 361.16 611.965)"/><circle cx="223.315" cy="723.44" r="17.5" transform="rotate(-15 223.315 723.44)"/><circle cx="327.635" cy="695.488" r="17.5" transform="rotate(-15 327.635 695.488)"/></g></svg>

package/dist/build/js/app.js

@@ -1,26 +1,2 @@
-parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"z8E2":[function(require,module,exports) {
-"use strict";function t(t,r){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=e(t))||r&&t&&"number"==typeof t.length){n&&(t=n);var o=0,a=function(){};return{s:a,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){u=!0,l=t},f:function(){try{i||null==n.return||n.return()}finally{if(u)throw l}}}}function e(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function n(){var e=0,r=document.querySelectorAll(".c-hero__image-bg"),n=document.querySelectorAll(".c-hero__image-fg");n.length>0&&setInterval(function(){var o,a=t(r);try{for(a.s();!(o=a.n()).done;){o.value.style.opacity=0}}catch(u){a.e(u)}finally{a.f()}e=e!=r.length-1?e+1:0,r[e].style.opacity=1;var l,i=t(n);try{for(i.s();!(l=i.n()).done;){l.value.style.opacity=0}}catch(u){i.e(u)}finally{i.f()}n[e].style.opacity=1},5e3)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=n;exports.default=o;
-},{}],"Yb3e":[function(require,module,exports) {
-"use strict";function e(){var e=document.getElementById("clearForm");e&&e.addEventListener("click",function(){this.closest("form").elements.forEach(function(e){if(""!=e.value){if("text"==e.type.toLowerCase()||"email"==e.type.toLowerCase()||"tel"==e.type.toLowerCase()||"select-one"==e.type.toLowerCase()||"textarea"==e.type.toLowerCase())return void(e.value="");if("checkbox"==e.type.toLowerCase())return void(e.checked=!1)}})})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=e;exports.default=t;
-},{}],"WZim":[function(require,module,exports) {
-"use strict";function t(){document.querySelectorAll(".c-comparison").forEach(e)}function e(t){var e=t.querySelector(".c-table tbody"),r=t.querySelector(".c-table thead"),c=t.querySelector(".c-comparison__mobile");if(e&&r&&c){var o=Array.from(r.children[0].children).filter(function(t,e){return e}).map(function(t){return{info:t.innerHTML,table:[]}});Array.from(e.children).forEach(function(t){if(t.classList.contains("c-table__title"))o.forEach(function(e){e.table.push({type:"title",title:t.children[0].textContent})});else{var e=Array.from(t.children),n=e.shift();e.forEach(function(t,e){o[e].table.push({type:"row",key:n.textContent,value:t.innerHTML})})}}),o.forEach(function(t){var e=n(t);c.appendChild(e)})}}function n(t){var e=document.createElement("article");return e.innerHTML='<div class="c-comparison__content">\n    '.concat(t.info,'\n  </div>\n  <table class="c-table">\n    ').concat(t.table.map(function(t){return"title"===t.type?'<tr class="c-table__title"><th colspan="2">'.concat(t.title,"</th></tr>"):"<tr>\n          <td>".concat(t.key,"</td>\n          <td>").concat(t.value,"</td>\n        </tr>")}).join(""),"\n  </table>"),e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var r=t;exports.default=r;
-},{}],"KO1k":[function(require,module,exports) {
-"use strict";function e(){var e=document.querySelectorAll(".c-gallery__main .c-gallery__slide"),t=document.querySelectorAll(".c-gallery__thumbnails .c-gallery__slide");function a(){var e=document.querySelector(".c-gallery__main").cloneNode(!0);e.classList.remove("c-gallery__main"),e.classList.add("c-lightbox"),e.querySelectorAll(".c-gallery__slide").forEach(function(e){e.classList.contains("c-gallery__video")&&e.remove(),e.classList.add("c-lightbox__slide"),e.classList.remove("c-gallery__slide")}),document.body.appendChild(e),e.insertAdjacentHTML("beforeend",'<a class="c-lightbox__prev"></a><a class="c-lightbox__next"></a>'),e.querySelector(".c-lightbox__prev").addEventListener("click",function(){var t=e.querySelector(".active"),a=e.querySelector('[data-slide="'+(parseInt(t.dataset.slide)-1)+'"]');null!=a&&(t.classList.remove("active"),a.classList.add("active"))}),e.querySelector(".c-lightbox__next").addEventListener("click",function(){var t=e.querySelector(".active"),a=e.querySelector('[data-slide="'+(parseInt(t.dataset.slide)+1)+'"]');null!=a&&(t.classList.remove("active"),a.classList.add("active"))}),e.addEventListener("click",function(t){t.target===t.currentTarget&&e.remove()})}t.forEach(function(a){return a.addEventListener("click",function(c){t.forEach(function(e){e!=c.target.parentNode&&e.classList.remove("active")}),c.target.parentNode.classList.add("active"),e.forEach(function(e){e.dataset.slide==a.dataset.slide?e.classList.add("active"):e.classList.remove("active")})})}),e.forEach(function(e){e.classList.contains("c-gallery__video")||e.addEventListener("click",a)})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=e;exports.default=t;
-},{}],"ts5r":[function(require,module,exports) {
-"use strict";function r(r){return o(r)||n(r)||t(r)||e()}function e(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function t(r,e){if(r){if("string"==typeof r)return a(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(r,e):void 0}}function n(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function o(r){if(Array.isArray(r))return a(r)}function a(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function u(e){for(var t=r(e),n=t.length-1;n>0;n--){var o=Math.floor(Math.random()*(n+1)),a=[t[o],t[n]];t[n]=a[0],t[o]=a[1]}return t}function i(){return!window.matchMedia("(prefers-reduced-motion: no-preference)").matches}Object.defineProperty(exports,"__esModule",{value:!0}),exports.shuffle=u,exports.userPrefersReducedMotion=i,exports.range=exports.invlerp=exports.clamp=exports.lerp=exports.debounce=void 0;var c=function(r,e){var t=!1;return function(){t||(r(),t=!0,setTimeout(function(){return t=!1},e))}};exports.debounce=c;var f=function(r,e,t){return r*(1-t)+e*t};exports.lerp=f;var s=function(r){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(t,Math.max(e,r))};exports.clamp=s;var l=function(r,e,t){return s((t-r)/(e-r))};exports.invlerp=l;var p=function(r,e,t,n,o){return f(t,n,l(r,e,o))};exports.range=p;
-},{}],"NkiS":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("./utilities");function t(){var t=0,r=document.querySelector(".c-hero__canvas");if(r){var o,i,n,a,c,h=r.getContext("2d"),s="rgb(19,170,19)",u=(0,e.userPrefersReducedMotion)(),d=147,l=0,f=.5,v=.25,g=[];window.addEventListener("resize",m),m(),function o(){t+=.005,h.clearRect(0,0,r.width,r.height),h.beginPath();for(var n=r.width;n>0;n--)h.lineTo(n,.5*r.height-Math.cos(t+n/5*.03)*(.3*i));h.lineWidth=.5,h.strokeStyle=s,h.stroke(),g.forEach(function(t){var r,o,i;r=t.x,o=t.y,i=(0,e.range)(0,g.length,l,f,t.counter),h.beginPath(),h.moveTo(r-14,o),h.lineTo(r+14,o),h.strokeStyle="rgba(255, 255, 255, ".concat(i),h.moveTo(r,o-14),h.lineTo(r,o+14),h.stroke(),t.counter+=t.direction,t.counter>=g.length&&(t.direction=-1*v),t.counter<0&&(t.direction=v)}),u||window.requestAnimationFrame(o)}()}function m(){o=r.scrollWidth,i=r.scrollHeight,h.canvas.width=o,h.canvas.height=i,n=Math.ceil(o/d),a=Math.ceil(i/d),c=(n+1)*(a+1);var t=(0,e.shuffle)(Array.from({length:c},function(e,t){return t}));g=[];for(var s=0;s<=n;s++)for(var u=0;u<=a;u++)g.push({counter:t.shift(),direction:Math.random()>.5?v:-1*v,x:d*(s+1)-d/1,y:d*(u+1)-d/2})}}var r=t;exports.default=r;
-},{"./utilities":"ts5r"}],"hxUu":[function(require,module,exports) {
-"use strict";function e(){document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("videoBackground");if(void 0!==e&&null!=e){var t=window.matchMedia("(prefers-reduced-motion: reduce)");t&&!t.matches||e.classList.add("u-hidden");var d=document.getElementById("playVideo"),n=document.getElementById("lightboxVideo");d.addEventListener("click",function(t){e.removeAttribute("autoplay"),n.classList.remove("u-hidden")}),n.addEventListener("click",function(t){t.target.classList.contains("c-lightbox__video")||(e.setAttribute("autoplay",""),n.classList.add("u-hidden"))}),window.addEventListener("keydown",function(t){"Escape"==t.key&&(e.setAttribute("autoplay",""),n.classList.add("u-hidden"))})}})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=e;exports.default=t;
-},{}],"SDMK":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(){Array.from(document.querySelectorAll(".c-table--responsive")).forEach(function(e){var t=e.querySelectorAll("thead > :first-child th"),r=Number(e.getAttribute("data-columns"))||2;if(t.length<r)return void e.classList.remove("c-table--responsive");Array.from(e.querySelectorAll("tbody tr")).forEach(function(e){Array.from(t).map(function(e){return e.textContent}).forEach(function(t,r){e.children[r]&&e.children[r].setAttribute("data-responsive-title",t)})})})},t=e;exports.default=t;
-},{}],"XaLY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("./utilities");function t(){i(),window.addEventListener("resize",(0,e.debounce)(i,250))}function i(){document.documentElement.style.setProperty("--scrollbarWidth",window.innerWidth-document.body.clientWidth+"px")}var d=t;exports.default=d;
-},{"./utilities":"ts5r"}],"jSdu":[function(require,module,exports) {
-"use strict";function e(){Array.from(document.querySelectorAll(".c-scroll-spy")).forEach(t)}function t(e){var t=Array.from(e.querySelectorAll("a")),o=new IntersectionObserver(r(t));t.forEach(function(e){var t=e.getAttribute("href").replace("#",""),r=document.getElementById(t);r&&o.observe(r)})}function r(e){return function(t){var r=t.find(function(e){return e.isIntersecting});r&&e.forEach(function(e){e.classList.toggle("c-scroll-spy-active",e.getAttribute("href")==="#"+r.target.id)})}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=e;exports.default=o;
-},{}],"hmaF":[function(require,module,exports) {
-"use strict";function t(){Array.from(document.querySelectorAll(".c-tabs--anchor")).forEach(e)}function e(t){var e=Array.from(t.querySelectorAll(".c-tabs__control")),o=Array.from(t.querySelectorAll(".c-tab")),n=t.classList.contains("c-tabs--persist");if(e.length&&o.length&&(e.forEach(function(t){t.addEventListener("click",r(e,o,n))}),n&&window.location.hash)){var c=t.querySelector('[href="'+window.location.hash+'"]');c&&c.dispatchEvent(new Event("click"))}}function r(t,e,r){return function(o){var n=o.currentTarget,c=e.find(function(t){return t.id===n.getAttribute("href").replace("#","")});if(!c)return!0;o.preventDefault(),r&&history.pushState(null,null,n.getAttribute("href")),t.forEach(function(t){return t.classList.toggle("c-tabs__control--active",t===n)}),e.forEach(function(t){var e=t===c;if(t.classList.toggle("c-tab--active",e),!r)if(e){t.setAttribute("tabIndex",-1);var o=window.scrollY;t.focus(),window.scrollTo({behavior:"auto",top:o})}else t.removeAttribute("tabIndex")})}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=t;exports.default=o;
-},{}],"QdeU":[function(require,module,exports) {
-"use strict";var r=d(require("./imports/carousel")),e=d(require("./imports/clear-form")),o=d(require("./imports/comparison")),t=d(require("./imports/gallery")),i=d(require("./imports/hero-pattern")),a=d(require("./imports/hero-video")),l=d(require("./imports/responsive-table")),p=d(require("./imports/scrollbar-width")),u=d(require("./imports/scroll-spy")),s=d(require("./imports/tabs"));function d(r){return r&&r.__esModule?r:{default:r}}window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),window.HTMLCollection&&!HTMLCollection.prototype.forEach&&(HTMLCollection.prototype.forEach=Array.prototype.forEach),(0,r.default)(),(0,e.default)(),(0,o.default)(),(0,t.default)(),(0,i.default)(),(0,a.default)(),(0,l.default)(),(0,p.default)(),(0,u.default)(),(0,s.default)();
-},{"./imports/carousel":"z8E2","./imports/clear-form":"Yb3e","./imports/comparison":"WZim","./imports/gallery":"KO1k","./imports/hero-pattern":"NkiS","./imports/hero-video":"hxUu","./imports/responsive-table":"SDMK","./imports/scrollbar-width":"XaLY","./imports/scroll-spy":"jSdu","./imports/tabs":"hmaF"}]},{},["QdeU"], null)
-//# sourceMappingURL=../js/app.js.map
+(()=>{function e(e){e.addEventListener("click",(e=>{console.log(e);var t=e.currentTarget.parentElement;console.log(t),t.classList.toggle("c-accordion__item--open")}))}var t=function(){Array.from(document.querySelectorAll(".c-accordion__title")).forEach(e)};var o=function(){let e=0;const t=document.querySelectorAll(".c-hero__image-bg"),o=document.querySelectorAll(".c-hero__image-fg");o.length>0&&setInterval((()=>{for(var r of t)r.style.opacity=0;for(var c of(e=e!=t.length-1?e+1:0,t[e].style.opacity=1,o))c.style.opacity=0;o[e].style.opacity=1}),5e3)};var r=function(){const e=document.getElementById("clearForm");e&&e.addEventListener("click",(function(){this.closest("form").elements.forEach((e=>{if(""!=e.value){if("text"==e.type.toLowerCase()||"email"==e.type.toLowerCase()||"tel"==e.type.toLowerCase()||"select-one"==e.type.toLowerCase()||"textarea"==e.type.toLowerCase())return void(e.value="");if("checkbox"==e.type.toLowerCase())return void(e.checked=!1)}}))}))};function c(e){const t=e.querySelector(".c-table tbody"),o=e.querySelector(".c-table thead"),r=e.querySelector(".c-comparison__mobile");if(!t||!o||!r)return;const c=Array.from(o.children[0].children).filter(((e,t)=>t)).map((e=>({info:e.innerHTML,table:[]})));Array.from(t.children).forEach((e=>{if(e.classList.contains("c-table__title"))c.forEach((t=>{t.table.push({type:"title",title:e.children[0].textContent})}));else{const t=Array.from(e.children),o=t.shift();t.forEach(((e,t)=>{c[t].table.push({type:"row",key:o.textContent,value:e.innerHTML})}))}})),c.forEach((e=>{const t=function(e){const t=document.createElement("article");return t.innerHTML=`<div class="c-comparison__content">\n    ${e.info}\n  </div>\n  <table class="c-table">\n    ${e.table.map((e=>"title"===e.type?`<tr class="c-table__title"><th colspan="2">${e.title}</th></tr>`:`<tr>\n          <td>${e.key}</td>\n          <td>${e.value}</td>\n        </tr>`)).join("")}\n  </table>`,t}(e);r.appendChild(t)}))}var n=function(){document.querySelectorAll(".c-comparison").forEach(c)};var a=function(){const e=document.querySelectorAll(".c-gallery__main .c-gallery__slide"),t=document.querySelectorAll(".c-gallery__thumbnails .c-gallery__slide");function o(){const e=document.querySelector(".c-gallery__main").cloneNode(!0);e.classList.remove("c-gallery__main"),e.classList.add("c-lightbox"),e.querySelectorAll(".c-gallery__slide").forEach((function(e){if(e.classList.contains("c-gallery__video")&&e.remove(),!e.classList.contains("c-gallery__video")){var t=e.querySelector("img");""!=t.srcset&&t.removeAttribute("srcset")}e.classList.add("c-lightbox__slide"),e.classList.remove("c-gallery__slide")})),document.body.appendChild(e),e.insertAdjacentHTML("beforeend",'<a class="c-lightbox__prev"></a><a class="c-lightbox__next"></a>'),e.querySelector(".c-lightbox__prev").addEventListener("click",(function(){const t=e.querySelector(".active"),o=e.querySelector('[data-slide="'+(parseInt(t.dataset.slide)-1)+'"]');null!=o&&(t.classList.remove("active"),o.classList.add("active"))})),e.querySelector(".c-lightbox__next").addEventListener("click",(function(){const t=e.querySelector(".active"),o=e.querySelector('[data-slide="'+(parseInt(t.dataset.slide)+1)+'"]');null!=o&&(t.classList.remove("active"),o.classList.add("active"))})),e.addEventListener("click",(function(t){t.target===t.currentTarget&&e.remove()}))}t.forEach((o=>o.addEventListener("click",(function(r){t.forEach((function(e){e!=r.target.parentNode&&e.classList.remove("active")})),r.target.parentNode.classList.add("active"),e.forEach((function(e){e.dataset.slide==o.dataset.slide?e.classList.add("active"):e.classList.remove("active")}))})))),e.forEach((function(e){e.classList.contains("c-gallery__video")||e.addEventListener("click",o)}))};const i=(e,t,o)=>((e,t=0,o=1)=>Math.min(o,Math.max(t,e)))((o-e)/(t-e));var l=function(){let e=0;const t=document.querySelector(".c-hero__canvas");if(!t)return;const o=t.getContext("2d"),r=!window.matchMedia("(prefers-reduced-motion: no-preference)").matches,c=147,n=.25;let a,l,s,d,u,h=[];function f(){a=t.scrollWidth,l=t.scrollHeight,o.canvas.width=a,o.canvas.height=l,s=Math.ceil(a/c),d=Math.ceil(l/c),u=(s+1)*(d+1);const e=function(e){const t=[...e];for(let e=t.length-1;e>0;e--){let o=Math.floor(Math.random()*(e+1));[t[e],t[o]]=[t[o],t[e]]}return t}(Array.from({length:u},((e,t)=>t)));h=[];for(let t=0;t<=s;t++)for(let o=0;o<=d;o++)h.push({counter:e.shift(),direction:Math.random()>.5?n:-.25,x:c*(t+1)-147,y:c*(o+1)-73.5})}window.addEventListener("resize",f),f(),function c(){e+=.005,o.clearRect(0,0,t.width,t.height),o.beginPath();for(let r=t.width;r>0;r--)o.lineTo(r,.5*t.height-Math.cos(e+r/5*.03)*(.3*l));o.lineWidth=.5,o.strokeStyle="rgb(19,170,19)",o.stroke(),h.forEach((e=>{var t,r,c,a,l,s,d,u;t=e.x,r=e.y,a=0,l=h.length,s=0,d=.5,u=e.counter,c=((e,t,o)=>e*(1-o)+t*o)(s,d,i(a,l,u)),o.beginPath(),o.moveTo(t-14,r),o.lineTo(t+14,r),o.strokeStyle=`rgba(255, 255, 255, ${c}`,o.moveTo(t,r-14),o.lineTo(t,r+14),o.stroke(),e.counter+=e.direction,e.counter>=h.length&&(e.direction=-.25),e.counter<0&&(e.direction=n)})),r||window.requestAnimationFrame(c)}()};var s=function(){document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("videoBackground");if(void 0!==e&&null!=e){const t=window.matchMedia("(prefers-reduced-motion: reduce)");t&&!t.matches||e.classList.add("u-hidden");const o=document.getElementById("playVideo"),r=document.getElementById("lightboxVideo");o.addEventListener("click",(t=>{e.removeAttribute("autoplay"),r.classList.remove("u-hidden")})),r.addEventListener("click",(t=>{t.target.classList.contains("c-lightbox__video")||(e.setAttribute("autoplay",""),r.classList.add("u-hidden"))})),window.addEventListener("keydown",(function(t){"Escape"==t.key&&(e.setAttribute("autoplay",""),r.classList.add("u-hidden"))}))}}))};var d=()=>{Array.from(document.querySelectorAll(".c-table--responsive")).forEach((function(e){const t=e.querySelectorAll("thead > :first-child th"),o=Number(e.getAttribute("data-columns"))||2;if(t.length<o)return void e.classList.remove("c-table--responsive");Array.from(e.querySelectorAll("tbody tr")).forEach((e=>{Array.from(t).map((e=>e.textContent)).forEach(((t,o)=>{e.children[o]&&e.children[o].setAttribute("data-responsive-title",t)}))}))}))};function u(){document.documentElement.style.setProperty("--scrollbarWidth",window.innerWidth-document.body.clientWidth+"px")}var h=function(){u(),window.addEventListener("resize",((e,t)=>{let o=!1;return()=>{o||(e(),o=!0,setTimeout((()=>o=!1),t))}})(u,250))};function f(e){const t=Array.from(e.querySelectorAll("a")),o=new IntersectionObserver(function(e){return t=>{const o=t.find((e=>e.isIntersecting));o&&e.forEach((e=>{e.classList.toggle("c-scroll-spy-active",e.getAttribute("href")==="#"+o.target.id)}))}}(t));t.forEach((e=>{const t=e.getAttribute("href").replace("#",""),r=document.getElementById(t);r&&o.observe(r)}))}var y=function(){Array.from(document.querySelectorAll(".c-scroll-spy")).forEach(f)};function m(e){const t=Array.from(e.querySelectorAll(".c-tabs__control")),o=Array.from(e.querySelectorAll(".c-tab")),r=e.classList.contains("c-tabs--persist");if(t.length&&o.length&&(t.forEach((e=>{e.addEventListener("click",function(e,t,o){return r=>{const c=r.currentTarget,n=t.find((e=>e.id===c.getAttribute("href").replace("#","")));if(!n)return!0;r.preventDefault(),o&&history.pushState(null,null,c.getAttribute("href")),e.forEach((e=>e.classList.toggle("c-tabs__control--active",e===c))),t.forEach((e=>{const t=e===n;if(e.classList.toggle("c-tab--active",t),!o)if(t){e.setAttribute("tabIndex",-1);const t=window.scrollY;e.focus(),window.scrollTo({behavior:"auto",top:t})}else e.removeAttribute("tabIndex")}))}}(t,o,r))})),r&&window.location.hash)){const t=e.querySelector('[href="'+window.location.hash+'"]');t&&t.dispatchEvent(new Event("click"))}}var v=function(){Array.from(document.querySelectorAll(".c-tabs--anchor")).forEach(m)};window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),window.HTMLCollection&&!HTMLCollection.prototype.forEach&&(HTMLCollection.prototype.forEach=Array.prototype.forEach),t(),o(),r(),n(),a(),l(),s(),d(),h(),y(),v()})();
+//# sourceMappingURL=app.js.map

package/dist/build/js/app.js.map

@@ -1 +1 @@
-{"version":3,"sources":["js/imports/carousel.js","js/imports/clear-form.js","js/imports/comparison.js","js/imports/gallery.js","js/imports/utilities.js","js/imports/hero-pattern.js","js/imports/hero-video.js","js/imports/responsive-table.js","js/imports/scrollbar-width.js","js/imports/scroll-spy.js","js/imports/tabs.js","js/app.js"],"names":["Carousel","current","bgSlides","document","querySelectorAll","fgSlides","length","setInterval","style","opacity","ClearForm","formClear","getElementById","addEventListener","closest","elements","forEach","field","value","type","toLowerCase","checked","Comparison","extractMobileComparison","container","body","querySelector","head","mobile","products","Array","from","children","filter","x","i","map","info","innerHTML","table","row","classList","contains","push","title","textContent","cells","firstCell","shift","el","index","key","product","createMobileProduct","appendChild","parent","createElement","join","Gallery","mainSlides","thumbnailSlides","lightboxTrigger","lightbox","cloneNode","remove","add","slide","insertAdjacentHTML","lightboxActive","prevImage","parseInt","dataset","nextImage","e","target","currentTarget","thumbnailSlide","thumbnail","parentNode","mainSlide","shuffle","array","arr","j","Math","floor","random","userPrefersReducedMotion","prefersReducedMotion","window","matchMedia","matches","debounce","func","limit","wait","setTimeout","lerp","y","a","clamp","min","max","invlerp","range","x1","y1","x2","y2","HeroPattern","time","c","ctx","width","height","across","down","totalPoints","getContext","sineColour","reduceMotion","crossGap","minimumOpacity","maximumOpacity","crossSpeed","crosses","onResize","draw","clearRect","beginPath","cnt","lineTo","cos","lineWidth","strokeStyle","stroke","cross","drawCross","counter","moveTo","direction","requestAnimationFrame","scrollWidth","scrollHeight","canvas","ceil","ids","_","HeroVideo","videoBackground","reducedMotion","lightboxVideo","removeAttribute","setAttribute","ResponsiveTable","createResponsiveTable","headers","breakPoint","Number","getAttribute","header","ScrollbarWidth","setScrollbarWidth","documentElement","setProperty","innerWidth","clientWidth","ScrollSpy","setup","element","anchors","observer","IntersectionObserver","observation","anchor","id","replace","observe","results","firstObservation","find","isIntersecting","toggle","Tabs","setupTabs","controls","content","persist","control","controlClick","location","hash","dispatchEvent","Event","contents","event","preventDefault","history","pushState","isCurrent","scrollY","focus","scrollTo","behavior","top","NodeList","prototype","HTMLCollection"],"mappings":"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","file":"app.js","sourceRoot":"..\\..\\src\\assets","sourcesContent":["function Carousel() {\r\n  let current = 0;\r\n  const bgSlides = document.querySelectorAll('.c-hero__image-bg');\r\n  const fgSlides = document.querySelectorAll('.c-hero__image-fg');\r\n\r\n  if(fgSlides.length > 0) {\r\n    setInterval(() => {\r\n      for (var bgSlide of bgSlides) {\r\n        bgSlide.style.opacity = 0;\r\n      }\r\n      current = (current != bgSlides.length - 1) ? current + 1 : 0;\r\n      bgSlides[current].style.opacity = 1;\r\n      \r\n      for (var fgSlide of fgSlides) {\r\n        fgSlide.style.opacity = 0;\r\n      }\r\n      fgSlides[current].style.opacity = 1;\r\n    }, 5000);\r\n  }\r\n}\r\n\r\nexport default Carousel;","function ClearForm() {\r\n  const formClear = document.getElementById('clearForm');\r\n  if (formClear) {\r\n    formClear.addEventListener('click', function () {\r\n      const fields = this.closest('form').elements;\r\n      fields.forEach(field => {\r\n        if (field.value != '') {\r\n          if (\r\n            field.type.toLowerCase() == 'text' || \r\n            field.type.toLowerCase() == 'email' || \r\n            field.type.toLowerCase() == 'tel' || \r\n            field.type.toLowerCase() == 'select-one' || \r\n            field.type.toLowerCase() == 'textarea'\r\n            ) {\r\n            field.value = '';\r\n            return;\r\n          } else if (field.type.toLowerCase() == 'checkbox') {\r\n            field.checked = false;\r\n            return;\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n}\r\n\r\nexport default ClearForm;","function Comparison() {\r\n  document.querySelectorAll('.c-comparison').forEach(extractMobileComparison)\r\n}\r\n\r\nfunction extractMobileComparison(container) {\r\n  const body = container.querySelector('.c-table tbody');\r\n  const head = container.querySelector('.c-table thead');\r\n  const mobile = container.querySelector('.c-comparison__mobile');\r\n\r\n  if (!body || !head || !mobile) return;\r\n\r\n  // Remove empty corner piece\r\n  const products = Array.from(head.children[0].children)\r\n    .filter((x, i) => i)\r\n    .map(x => ({ info: x.innerHTML, table: [] }));\r\n\r\n  Array.from(body.children).forEach(row => {\r\n    // For table row headers, push to all products\r\n    if (row.classList.contains('c-table__title')) {\r\n      products.forEach(x => {\r\n        x.table.push({ type: 'title', title: row.children[0].textContent })\r\n      })\r\n    } else {\r\n      // For all others, loop the cells and push to their appropriate parent\r\n      const cells = Array.from(row.children);\r\n      const firstCell = cells.shift();\r\n\r\n      cells.forEach((el, index) => {\r\n        products[index].table.push({\r\n          type: 'row',\r\n          key: firstCell.textContent,\r\n          value: el.innerHTML\r\n        })\r\n      })\r\n    }\r\n  })\r\n\r\n  products.forEach(product => {\r\n    const el = createMobileProduct(product);\r\n    mobile.appendChild(el)\r\n  })\r\n}\r\n\r\nfunction createMobileProduct(product) {\r\n  const parent = document.createElement('article');\r\n  parent.innerHTML = `<div class=\"c-comparison__content\">\r\n    ${product.info}\r\n  </div>\r\n  <table class=\"c-table\">\r\n    ${product.table.map(x => {\r\n      if (x.type === 'title') {\r\n        return `<tr class=\"c-table__title\"><th colspan=\"2\">${x.title}</th></tr>`;\r\n      } else {\r\n        return `<tr>\r\n          <td>${x.key}</td>\r\n          <td>${x.value}</td>\r\n        </tr>`;\r\n      }\r\n    }).join('')}\r\n  </table>`;\r\n\r\n  return parent;\r\n}\r\n\r\nexport default Comparison;\r\n","function Gallery() {\r\n  const mainSlides = document.querySelectorAll('.c-gallery__main .c-gallery__slide');\r\n  const thumbnailSlides = document.querySelectorAll('.c-gallery__thumbnails .c-gallery__slide');\r\n\r\n  thumbnailSlides.forEach(thumbnailSlide => thumbnailSlide.addEventListener('click', function(e) {\r\n    thumbnailSlides.forEach(function(thumbnail) {\r\n      if(thumbnail != e.target.parentNode) {\r\n        thumbnail.classList.remove('active');\r\n      }\r\n    });\r\n    e.target.parentNode.classList.add('active');\r\n\r\n    mainSlides.forEach(function(mainSlide) {\r\n      if(mainSlide.dataset.slide == thumbnailSlide.dataset.slide) {\r\n        mainSlide.classList.add('active');\r\n      } else {\r\n        mainSlide.classList.remove('active');\r\n      }\r\n    });\r\n  }));\r\n\r\n  mainSlides.forEach(function(mainSlide) {\r\n    if(!mainSlide.classList.contains('c-gallery__video')) {\r\n      mainSlide.addEventListener('click', lightboxTrigger);\r\n    }\r\n  });\r\n\r\n  function lightboxTrigger() {\r\n    const lightbox = document.querySelector('.c-gallery__main').cloneNode(true);\r\n    lightbox.classList.remove('c-gallery__main');\r\n    lightbox.classList.add('c-lightbox');\r\n    lightbox.querySelectorAll('.c-gallery__slide').forEach(function(slide) {\r\n      if(slide.classList.contains('c-gallery__video')) {\r\n        slide.remove();\r\n      }\r\n      slide.classList.add('c-lightbox__slide');\r\n      slide.classList.remove('c-gallery__slide');\r\n    });\r\n    document.body.appendChild(lightbox);\r\n    lightbox.insertAdjacentHTML('beforeend', '<a class=\"c-lightbox__prev\"></a><a class=\"c-lightbox__next\"></a>');\r\n\r\n    lightbox.querySelector('.c-lightbox__prev').addEventListener('click', function() {\r\n      const lightboxActive = lightbox.querySelector('.active');\r\n      const prevImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) - 1) + '\"]');\r\n      if(prevImage != null) {\r\n        lightboxActive.classList.remove('active');\r\n        prevImage.classList.add('active');\r\n      }\r\n    });\r\n\r\n    lightbox.querySelector('.c-lightbox__next').addEventListener('click', function() {\r\n      const lightboxActive = lightbox.querySelector('.active');\r\n      const nextImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) + 1) + '\"]');\r\n      if(nextImage != null) {\r\n        lightboxActive.classList.remove('active');\r\n        nextImage.classList.add('active');\r\n      }\r\n    });\r\n\r\n    lightbox.addEventListener('click', function(e) {\r\n      if (e.target !== e.currentTarget) {\r\n        return;\r\n      } else {\r\n        lightbox.remove();\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nexport default Gallery;\r\n","export function shuffle(array) {\r\n  const arr = [...array];\r\n  for (let i = arr.length - 1; i > 0; i--) {\r\n    let j = Math.floor(Math.random() * (i + 1));\r\n    [arr[i], arr[j]] = [arr[j], arr[i]];\r\n  }\r\n\r\n  return arr;\r\n}\r\n\r\nexport function userPrefersReducedMotion() {\r\n  const QUERY = '(prefers-reduced-motion: no-preference)';\r\n  const mediaQueryList = window.matchMedia(QUERY);\r\n  const prefersReducedMotion = !mediaQueryList.matches;\r\n  return prefersReducedMotion;\r\n}\r\n\r\nexport const debounce = (func, limit) => {\r\n  let wait = false; \r\n  return () => {\r\n      if (wait) return;\r\n      func();\r\n      wait = true;\r\n      setTimeout(() => wait = false, limit);\r\n  }\r\n}\r\n\r\nexport const lerp = (x, y, a) => x * (1 - a) + y * a;\r\nexport const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));\r\nexport const invlerp = (x, y, a) => clamp((a - x) / (y - x));\r\nexport const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));\r\n","import { range, shuffle, userPrefersReducedMotion } from './utilities';\r\n\r\nfunction HeroPattern() {\r\n  let time = 0;\r\n\r\n  const c = document.querySelector('.c-hero__canvas');\r\n  if (!c) return;\r\n  const ctx = c.getContext(\"2d\");\r\n  \r\n  const sineColour = \"rgb(19,170,19)\";\r\n  const reduceMotion = userPrefersReducedMotion();\r\n\r\n  const crossGap = 147;\r\n  const minimumOpacity = 0;\r\n  const maximumOpacity = 0.5;\r\n  const crossSpeed = 0.25;\r\n\r\n  let width;\r\n  let height;\r\n  let across;\r\n  let down;\r\n  let crosses = [];\r\n  let totalPoints;\r\n\r\n  function draw() {\r\n    // Sine wave\r\n    time = time + 0.005;\r\n    \r\n    ctx.clearRect(0, 0, c.width, c.height);\r\n    ctx.beginPath();\r\n  \r\n    for(let cnt = c.width; cnt > 0; cnt--) {\r\n      ctx.lineTo(cnt, c.height * 0.5 - (Math.cos(time + cnt / 5 * 0.03) * (height * 0.3) ));\r\n    }\r\n  \r\n    ctx.lineWidth = 0.5;\r\n    ctx.strokeStyle = sineColour;\r\n    ctx.stroke();\r\n  \r\n    // Crosses\r\n    crosses.forEach(cross => {\r\n      drawCross(cross.x, cross.y, range(0, crosses.length, minimumOpacity, maximumOpacity, cross.counter));\r\n  \r\n      cross.counter += cross.direction;\r\n      if (cross.counter >= crosses.length) cross.direction = -1 * crossSpeed;\r\n      if (cross.counter < 0) cross.direction = crossSpeed;\r\n    })\r\n  \r\n    if (!reduceMotion) {\r\n      window.requestAnimationFrame(draw);\r\n    }\r\n  }\r\n  \r\n  function onResize() {\r\n    width = c.scrollWidth;\r\n    height = c.scrollHeight;\r\n  \r\n    ctx.canvas.width  = width;\r\n    ctx.canvas.height = height;\r\n  \r\n    across = Math.ceil(width / crossGap);\r\n    down = Math.ceil(height / crossGap);\r\n  \r\n    totalPoints = (across + 1) * (down + 1);\r\n    const ids = shuffle(Array.from({ length: totalPoints }, (_, i) => (i)))\r\n    crosses = [];\r\n    for(let x = 0; x <= across; x++) {\r\n      for(let y = 0; y <= down; y++) {\r\n        crosses.push({\r\n          counter: ids.shift(),\r\n          direction: Math.random() > 0.5 ? crossSpeed : -1 * crossSpeed,\r\n          x: crossGap * (x + 1) - crossGap / 1,\r\n          y: crossGap * (y + 1) - crossGap / 2\r\n        });\r\n      }\r\n    }\r\n  }\r\n  \r\n  function drawCross(x, y, opacity) {\r\n    ctx.beginPath();\r\n    ctx.moveTo(x - 14, y);\r\n    ctx.lineTo(x + 14, y);\r\n    ctx.strokeStyle = `rgba(255, 255, 255, ${opacity}`;\r\n    ctx.moveTo(x, y - 14);\r\n    ctx.lineTo(x, y + 14);\r\n    ctx.stroke();\r\n  }\r\n\r\n  window.addEventListener('resize', onResize);\r\n  onResize();\r\n  draw();\r\n}\r\n\r\nexport default HeroPattern;\r\n","function HeroVideo() {\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const videoBackground = document.getElementById('videoBackground');\r\n    if(typeof(videoBackground) != 'undefined' && videoBackground != null) {\r\n      const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n      if(!reducedMotion || reducedMotion.matches) {\r\n        videoBackground.classList.add('u-hidden');\r\n      }\r\n      \r\n      const lightboxTrigger = document.getElementById('playVideo');\r\n      const lightboxVideo = document.getElementById('lightboxVideo');\r\n\r\n      lightboxTrigger.addEventListener('click', e => {\r\n        videoBackground.removeAttribute('autoplay');\r\n        lightboxVideo.classList.remove('u-hidden');\r\n      });\r\n  \r\n      lightboxVideo.addEventListener('click', (e) => {\r\n        if (!e.target.classList.contains('c-lightbox__video')) {\r\n          videoBackground.setAttribute('autoplay','');\r\n          lightboxVideo.classList.add('u-hidden');\r\n        }\r\n      });\r\n      window.addEventListener('keydown', function(e) {\r\n        if (e.key == \"Escape\") {\r\n          videoBackground.setAttribute('autoplay','');\r\n          lightboxVideo.classList.add('u-hidden');\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\nexport default HeroVideo;","const ResponsiveTable = () => {\r\n  const tables = Array.from(document.querySelectorAll('.c-table--responsive'));\r\n  tables.forEach(createResponsiveTable);\r\n\r\n  /**\r\n   * Create responsive table headers for large tables\r\n   * @param {HTMLTableElement} table\r\n   */\r\n  function createResponsiveTable(table) {\r\n    const headers = table.querySelectorAll('thead > :first-child th');\r\n    const breakPoint = Number(table.getAttribute('data-columns')) || 2\r\n  \r\n    if (headers.length < breakPoint) {\r\n      table.classList.remove('c-table--responsive');\r\n      return;\r\n    };\r\n\r\n    Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {\r\n      Array.from(headers)\r\n        .map((x) => x.textContent)\r\n        .forEach((header, index) => {\r\n          if (row.children[index]) {\r\n            row.children[index].setAttribute('data-responsive-title', header);\r\n          }\r\n        });\r\n    });\r\n  }\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","import { debounce } from './utilities';\r\n\r\nfunction ScrollbarWidth() {\r\n    setScrollbarWidth();\r\n    window.addEventListener('resize', debounce(setScrollbarWidth, 250));\r\n}\r\n\r\nfunction setScrollbarWidth() {\r\n    document.documentElement.style.setProperty(\r\n        '--scrollbarWidth', \r\n        window.innerWidth - document.body.clientWidth + 'px'\r\n    );\r\n}\r\n\r\nexport default ScrollbarWidth;","function ScrollSpy() {\r\n  const spies = Array.from(document.querySelectorAll('.c-scroll-spy'));\r\n  spies.forEach(setup);\r\n}\r\n\r\nfunction setup(element) {\r\n  const anchors = Array.from(element.querySelectorAll('a'));\r\n  const observer = new IntersectionObserver(observation(anchors));\r\n  \r\n  anchors.forEach(anchor => {\r\n    const id = anchor.getAttribute('href').replace('#', '');\r\n    const target = document.getElementById(id);\r\n    if (!target) return;\r\n\r\n    observer.observe(target);\r\n  });\r\n}\r\n\r\n/**\r\n * @param {Array<HTMLAnchorElement>} results \r\n * @return {Array<IntersectionObserverEntry>}\r\n */\r\nfunction observation(anchors) {\r\n  return (results) => {\r\n    const firstObservation = results.find(x => x.isIntersecting);\r\n\r\n    if (firstObservation) {\r\n      anchors.forEach(x => {\r\n        x.classList.toggle(\r\n          'c-scroll-spy-active',\r\n          x.getAttribute('href') === '#' + firstObservation.target.id\r\n        )\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nexport default ScrollSpy;\r\n","function Tabs() {\r\n  const tabs = Array.from(document.querySelectorAll('.c-tabs--anchor'));\r\n  tabs.forEach(setupTabs);\r\n}\r\n\r\nfunction setupTabs(parent) {\r\n  const controls = Array.from(parent.querySelectorAll('.c-tabs__control'));\r\n  const content = Array.from(parent.querySelectorAll('.c-tab'));\r\n  const persist = parent.classList.contains('c-tabs--persist');\r\n  \r\n  if (!controls.length || !content.length) return;\r\n\r\n  controls.forEach(control => {\r\n    control.addEventListener('click', controlClick(controls, content, persist))\r\n  })\r\n\r\n  if (persist && window.location.hash) {\r\n    const control = parent.querySelector('[href=\"' + window.location.hash + '\"]');\r\n    if (control) control.dispatchEvent(new Event('click'));\r\n  }\r\n}\r\n\r\nfunction controlClick(controls, contents, persist) {\r\n  return (event) => {\r\n    const control = event.currentTarget;\r\n    const content = contents.find(x => x.id === control.getAttribute('href').replace('#', ''));\r\n    \r\n    if (!content) {\r\n      return true;\r\n    };\r\n\r\n    event.preventDefault();\r\n    \r\n    if (persist) {\r\n      history.pushState(null, null, control.getAttribute('href'));\r\n    }\r\n\r\n    controls.forEach(c => c.classList.toggle('c-tabs__control--active', c === control));\r\n    contents.forEach(c => {\r\n      const isCurrent = c === content;\r\n      c.classList.toggle('c-tab--active', isCurrent);\r\n      \r\n      if (persist) return;\r\n\r\n      if (isCurrent) {\r\n        c.setAttribute('tabIndex', -1);\r\n        \r\n        const y = window.scrollY;\r\n        c.focus();\r\n        window.scrollTo({ behavior: \"auto\", top: y })\r\n      } else {\r\n        c.removeAttribute('tabIndex');\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nexport default Tabs;\r\n","import Carousel from './imports/carousel';\r\nimport ClearForm from './imports/clear-form';\r\nimport Comparison from './imports/comparison';\r\nimport Gallery from './imports/gallery';\r\nimport HeroPattern from './imports/hero-pattern';\r\nimport HeroVideo from './imports/hero-video';\r\nimport ResponsiveTable from './imports/responsive-table';\r\nimport ScrollbarWidth from './imports/scrollbar-width';\r\nimport ScrollSpy from './imports/scroll-spy';\r\nimport Tabs from './imports/tabs';\r\n\r\n(() => {\r\n  if(window.NodeList && !NodeList.prototype.forEach) {\r\n    NodeList.prototype.forEach = Array.prototype.forEach;\r\n  }\r\n  if(window.HTMLCollection && !HTMLCollection.prototype.forEach) {\r\n    HTMLCollection.prototype.forEach = Array.prototype.forEach;\r\n  }\r\n  \r\n  Carousel();\r\n  ClearForm();\r\n  Comparison();\r\n  Gallery();\r\n  HeroPattern();\r\n  HeroVideo();\r\n  ResponsiveTable();\r\n  ScrollbarWidth();\r\n  ScrollSpy();\r\n  Tabs();\r\n})();"]}
+{"mappings":"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","sources":["src/assets/js/imports/accordion.js","src/assets/js/imports/carousel.js","src/assets/js/imports/clear-form.js","src/assets/js/imports/comparison.js","src/assets/js/imports/gallery.js","src/assets/js/imports/utilities.js","src/assets/js/imports/hero-pattern.js","src/assets/js/imports/hero-video.js","src/assets/js/imports/responsive-table.js","src/assets/js/imports/scrollbar-width.js","src/assets/js/imports/scroll-spy.js","src/assets/js/imports/tabs.js","src/assets/js/app.js"],"sourcesContent":["function Accordion() {\r\n    const accordions = Array.from(document.querySelectorAll('.c-accordion__title'));\r\n    accordions.forEach(setupAccordions);\r\n}\r\n\r\nfunction setupAccordions(title) {\r\n    title.addEventListener('click', titleClick())\r\n}\r\n\r\nfunction titleClick() {\r\n    return (event) => {\r\n        console.log(event)\r\n        var item = event.currentTarget.parentElement;\r\n        console.log(item)\r\n        item.classList.toggle('c-accordion__item--open');\r\n    }\r\n}\r\n\r\nexport default Accordion;\r\n","function Carousel() {\r\n  let current = 0;\r\n  const bgSlides = document.querySelectorAll('.c-hero__image-bg');\r\n  const fgSlides = document.querySelectorAll('.c-hero__image-fg');\r\n\r\n  if(fgSlides.length > 0) {\r\n    setInterval(() => {\r\n      for (var bgSlide of bgSlides) {\r\n        bgSlide.style.opacity = 0;\r\n      }\r\n      current = (current != bgSlides.length - 1) ? current + 1 : 0;\r\n      bgSlides[current].style.opacity = 1;\r\n      \r\n      for (var fgSlide of fgSlides) {\r\n        fgSlide.style.opacity = 0;\r\n      }\r\n      fgSlides[current].style.opacity = 1;\r\n    }, 5000);\r\n  }\r\n}\r\n\r\nexport default Carousel;","function ClearForm() {\r\n  const formClear = document.getElementById('clearForm');\r\n  if (formClear) {\r\n    formClear.addEventListener('click', function () {\r\n      const fields = this.closest('form').elements;\r\n      fields.forEach(field => {\r\n        if (field.value != '') {\r\n          if (\r\n            field.type.toLowerCase() == 'text' || \r\n            field.type.toLowerCase() == 'email' || \r\n            field.type.toLowerCase() == 'tel' || \r\n            field.type.toLowerCase() == 'select-one' || \r\n            field.type.toLowerCase() == 'textarea'\r\n            ) {\r\n            field.value = '';\r\n            return;\r\n          } else if (field.type.toLowerCase() == 'checkbox') {\r\n            field.checked = false;\r\n            return;\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n}\r\n\r\nexport default ClearForm;","function Comparison() {\r\n  document.querySelectorAll('.c-comparison').forEach(extractMobileComparison)\r\n}\r\n\r\nfunction extractMobileComparison(container) {\r\n  const body = container.querySelector('.c-table tbody');\r\n  const head = container.querySelector('.c-table thead');\r\n  const mobile = container.querySelector('.c-comparison__mobile');\r\n\r\n  if (!body || !head || !mobile) return;\r\n\r\n  // Remove empty corner piece\r\n  const products = Array.from(head.children[0].children)\r\n    .filter((x, i) => i)\r\n    .map(x => ({ info: x.innerHTML, table: [] }));\r\n\r\n  Array.from(body.children).forEach(row => {\r\n    // For table row headers, push to all products\r\n    if (row.classList.contains('c-table__title')) {\r\n      products.forEach(x => {\r\n        x.table.push({ type: 'title', title: row.children[0].textContent })\r\n      })\r\n    } else {\r\n      // For all others, loop the cells and push to their appropriate parent\r\n      const cells = Array.from(row.children);\r\n      const firstCell = cells.shift();\r\n\r\n      cells.forEach((el, index) => {\r\n        products[index].table.push({\r\n          type: 'row',\r\n          key: firstCell.textContent,\r\n          value: el.innerHTML\r\n        })\r\n      })\r\n    }\r\n  })\r\n\r\n  products.forEach(product => {\r\n    const el = createMobileProduct(product);\r\n    mobile.appendChild(el)\r\n  })\r\n}\r\n\r\nfunction createMobileProduct(product) {\r\n  const parent = document.createElement('article');\r\n  parent.innerHTML = `<div class=\"c-comparison__content\">\r\n    ${product.info}\r\n  </div>\r\n  <table class=\"c-table\">\r\n    ${product.table.map(x => {\r\n      if (x.type === 'title') {\r\n        return `<tr class=\"c-table__title\"><th colspan=\"2\">${x.title}</th></tr>`;\r\n      } else {\r\n        return `<tr>\r\n          <td>${x.key}</td>\r\n          <td>${x.value}</td>\r\n        </tr>`;\r\n      }\r\n    }).join('')}\r\n  </table>`;\r\n\r\n  return parent;\r\n}\r\n\r\nexport default Comparison;\r\n","function Gallery() {\r\n  const mainSlides = document.querySelectorAll('.c-gallery__main .c-gallery__slide');\r\n  const thumbnailSlides = document.querySelectorAll('.c-gallery__thumbnails .c-gallery__slide');\r\n\r\n  thumbnailSlides.forEach(thumbnailSlide => thumbnailSlide.addEventListener('click', function(e) {\r\n    thumbnailSlides.forEach(function(thumbnail) {\r\n      if(thumbnail != e.target.parentNode) {\r\n        thumbnail.classList.remove('active');\r\n      }\r\n    });\r\n    e.target.parentNode.classList.add('active');\r\n\r\n    mainSlides.forEach(function(mainSlide) {\r\n      if(mainSlide.dataset.slide == thumbnailSlide.dataset.slide) {\r\n        mainSlide.classList.add('active');\r\n      } else {\r\n        mainSlide.classList.remove('active');\r\n      }\r\n    });\r\n  }));\r\n\r\n  mainSlides.forEach(function(mainSlide) {\r\n    if(!mainSlide.classList.contains('c-gallery__video')) {\r\n      mainSlide.addEventListener('click', lightboxTrigger);\r\n    }\r\n  });\r\n\r\n  function lightboxTrigger() {\r\n    const lightbox = document.querySelector('.c-gallery__main').cloneNode(true);\r\n    lightbox.classList.remove('c-gallery__main');\r\n    lightbox.classList.add('c-lightbox');\r\n    lightbox.querySelectorAll('.c-gallery__slide').forEach(function(slide) {\r\n      if(slide.classList.contains('c-gallery__video')) {\r\n        slide.remove();\r\n      }\r\n      if(!slide.classList.contains('c-gallery__video')) {\r\n        var slideImg = slide.querySelector('img');\r\n        if(slideImg.srcset != '') {\r\n          slideImg.removeAttribute('srcset');\r\n        }\r\n      }\r\n      slide.classList.add('c-lightbox__slide');\r\n      slide.classList.remove('c-gallery__slide');\r\n    });\r\n    document.body.appendChild(lightbox);\r\n    lightbox.insertAdjacentHTML('beforeend', '<a class=\"c-lightbox__prev\"></a><a class=\"c-lightbox__next\"></a>');\r\n\r\n    lightbox.querySelector('.c-lightbox__prev').addEventListener('click', function() {\r\n      const lightboxActive = lightbox.querySelector('.active');\r\n      const prevImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) - 1) + '\"]');\r\n      if(prevImage != null) {\r\n        lightboxActive.classList.remove('active');\r\n        prevImage.classList.add('active');\r\n      }\r\n    });\r\n\r\n    lightbox.querySelector('.c-lightbox__next').addEventListener('click', function() {\r\n      const lightboxActive = lightbox.querySelector('.active');\r\n      const nextImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) + 1) + '\"]');\r\n      if(nextImage != null) {\r\n        lightboxActive.classList.remove('active');\r\n        nextImage.classList.add('active');\r\n      }\r\n    });\r\n\r\n    lightbox.addEventListener('click', function(e) {\r\n      if (e.target !== e.currentTarget) {\r\n        return;\r\n      } else {\r\n        lightbox.remove();\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nexport default Gallery;\r\n","export function shuffle(array) {\r\n  const arr = [...array];\r\n  for (let i = arr.length - 1; i > 0; i--) {\r\n    let j = Math.floor(Math.random() * (i + 1));\r\n    [arr[i], arr[j]] = [arr[j], arr[i]];\r\n  }\r\n\r\n  return arr;\r\n}\r\n\r\nexport function userPrefersReducedMotion() {\r\n  const QUERY = '(prefers-reduced-motion: no-preference)';\r\n  const mediaQueryList = window.matchMedia(QUERY);\r\n  const prefersReducedMotion = !mediaQueryList.matches;\r\n  return prefersReducedMotion;\r\n}\r\n\r\nexport const debounce = (func, limit) => {\r\n  let wait = false; \r\n  return () => {\r\n      if (wait) return;\r\n      func();\r\n      wait = true;\r\n      setTimeout(() => wait = false, limit);\r\n  }\r\n}\r\n\r\nexport const lerp = (x, y, a) => x * (1 - a) + y * a;\r\nexport const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));\r\nexport const invlerp = (x, y, a) => clamp((a - x) / (y - x));\r\nexport const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));\r\n","import { range, shuffle, userPrefersReducedMotion } from './utilities';\r\n\r\nfunction HeroPattern() {\r\n  let time = 0;\r\n\r\n  const c = document.querySelector('.c-hero__canvas');\r\n  if (!c) return;\r\n  const ctx = c.getContext(\"2d\");\r\n  \r\n  const sineColour = \"rgb(19,170,19)\";\r\n  const reduceMotion = userPrefersReducedMotion();\r\n\r\n  const crossGap = 147;\r\n  const minimumOpacity = 0;\r\n  const maximumOpacity = 0.5;\r\n  const crossSpeed = 0.25;\r\n\r\n  let width;\r\n  let height;\r\n  let across;\r\n  let down;\r\n  let crosses = [];\r\n  let totalPoints;\r\n\r\n  function draw() {\r\n    // Sine wave\r\n    time = time + 0.005;\r\n    \r\n    ctx.clearRect(0, 0, c.width, c.height);\r\n    ctx.beginPath();\r\n  \r\n    for(let cnt = c.width; cnt > 0; cnt--) {\r\n      ctx.lineTo(cnt, c.height * 0.5 - (Math.cos(time + cnt / 5 * 0.03) * (height * 0.3) ));\r\n    }\r\n  \r\n    ctx.lineWidth = 0.5;\r\n    ctx.strokeStyle = sineColour;\r\n    ctx.stroke();\r\n  \r\n    // Crosses\r\n    crosses.forEach(cross => {\r\n      drawCross(cross.x, cross.y, range(0, crosses.length, minimumOpacity, maximumOpacity, cross.counter));\r\n  \r\n      cross.counter += cross.direction;\r\n      if (cross.counter >= crosses.length) cross.direction = -1 * crossSpeed;\r\n      if (cross.counter < 0) cross.direction = crossSpeed;\r\n    })\r\n  \r\n    if (!reduceMotion) {\r\n      window.requestAnimationFrame(draw);\r\n    }\r\n  }\r\n  \r\n  function onResize() {\r\n    width = c.scrollWidth;\r\n    height = c.scrollHeight;\r\n  \r\n    ctx.canvas.width  = width;\r\n    ctx.canvas.height = height;\r\n  \r\n    across = Math.ceil(width / crossGap);\r\n    down = Math.ceil(height / crossGap);\r\n  \r\n    totalPoints = (across + 1) * (down + 1);\r\n    const ids = shuffle(Array.from({ length: totalPoints }, (_, i) => (i)))\r\n    crosses = [];\r\n    for(let x = 0; x <= across; x++) {\r\n      for(let y = 0; y <= down; y++) {\r\n        crosses.push({\r\n          counter: ids.shift(),\r\n          direction: Math.random() > 0.5 ? crossSpeed : -1 * crossSpeed,\r\n          x: crossGap * (x + 1) - crossGap / 1,\r\n          y: crossGap * (y + 1) - crossGap / 2\r\n        });\r\n      }\r\n    }\r\n  }\r\n  \r\n  function drawCross(x, y, opacity) {\r\n    ctx.beginPath();\r\n    ctx.moveTo(x - 14, y);\r\n    ctx.lineTo(x + 14, y);\r\n    ctx.strokeStyle = `rgba(255, 255, 255, ${opacity}`;\r\n    ctx.moveTo(x, y - 14);\r\n    ctx.lineTo(x, y + 14);\r\n    ctx.stroke();\r\n  }\r\n\r\n  window.addEventListener('resize', onResize);\r\n  onResize();\r\n  draw();\r\n}\r\n\r\nexport default HeroPattern;\r\n","function HeroVideo() {\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const videoBackground = document.getElementById('videoBackground');\r\n    if(typeof(videoBackground) != 'undefined' && videoBackground != null) {\r\n      const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n      if(!reducedMotion || reducedMotion.matches) {\r\n        videoBackground.classList.add('u-hidden');\r\n      }\r\n      \r\n      const lightboxTrigger = document.getElementById('playVideo');\r\n      const lightboxVideo = document.getElementById('lightboxVideo');\r\n\r\n      lightboxTrigger.addEventListener('click', e => {\r\n        videoBackground.removeAttribute('autoplay');\r\n        lightboxVideo.classList.remove('u-hidden');\r\n      });\r\n  \r\n      lightboxVideo.addEventListener('click', (e) => {\r\n        if (!e.target.classList.contains('c-lightbox__video')) {\r\n          videoBackground.setAttribute('autoplay','');\r\n          lightboxVideo.classList.add('u-hidden');\r\n        }\r\n      });\r\n      window.addEventListener('keydown', function(e) {\r\n        if (e.key == \"Escape\") {\r\n          videoBackground.setAttribute('autoplay','');\r\n          lightboxVideo.classList.add('u-hidden');\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\nexport default HeroVideo;","const ResponsiveTable = () => {\r\n  const tables = Array.from(document.querySelectorAll('.c-table--responsive'));\r\n  tables.forEach(createResponsiveTable);\r\n\r\n  /**\r\n   * Create responsive table headers for large tables\r\n   * @param {HTMLTableElement} table\r\n   */\r\n  function createResponsiveTable(table) {\r\n    const headers = table.querySelectorAll('thead > :first-child th');\r\n    const breakPoint = Number(table.getAttribute('data-columns')) || 2\r\n  \r\n    if (headers.length < breakPoint) {\r\n      table.classList.remove('c-table--responsive');\r\n      return;\r\n    };\r\n\r\n    Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {\r\n      Array.from(headers)\r\n        .map((x) => x.textContent)\r\n        .forEach((header, index) => {\r\n          if (row.children[index]) {\r\n            row.children[index].setAttribute('data-responsive-title', header);\r\n          }\r\n        });\r\n    });\r\n  }\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","import { debounce } from './utilities';\r\n\r\nfunction ScrollbarWidth() {\r\n    setScrollbarWidth();\r\n    window.addEventListener('resize', debounce(setScrollbarWidth, 250));\r\n}\r\n\r\nfunction setScrollbarWidth() {\r\n    document.documentElement.style.setProperty(\r\n        '--scrollbarWidth', \r\n        window.innerWidth - document.body.clientWidth + 'px'\r\n    );\r\n}\r\n\r\nexport default ScrollbarWidth;","function ScrollSpy() {\r\n  const spies = Array.from(document.querySelectorAll('.c-scroll-spy'));\r\n  spies.forEach(setup);\r\n}\r\n\r\nfunction setup(element) {\r\n  const anchors = Array.from(element.querySelectorAll('a'));\r\n  const observer = new IntersectionObserver(observation(anchors));\r\n  \r\n  anchors.forEach(anchor => {\r\n    const id = anchor.getAttribute('href').replace('#', '');\r\n    const target = document.getElementById(id);\r\n    if (!target) return;\r\n\r\n    observer.observe(target);\r\n  });\r\n}\r\n\r\n/**\r\n * @param {Array<HTMLAnchorElement>} results \r\n * @return {Array<IntersectionObserverEntry>}\r\n */\r\nfunction observation(anchors) {\r\n  return (results) => {\r\n    const firstObservation = results.find(x => x.isIntersecting);\r\n\r\n    if (firstObservation) {\r\n      anchors.forEach(x => {\r\n        x.classList.toggle(\r\n          'c-scroll-spy-active',\r\n          x.getAttribute('href') === '#' + firstObservation.target.id\r\n        )\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nexport default ScrollSpy;\r\n","function Tabs() {\r\n  const tabs = Array.from(document.querySelectorAll('.c-tabs--anchor'));\r\n  tabs.forEach(setupTabs);\r\n}\r\n\r\nfunction setupTabs(parent) {\r\n  const controls = Array.from(parent.querySelectorAll('.c-tabs__control'));\r\n  const content = Array.from(parent.querySelectorAll('.c-tab'));\r\n  const persist = parent.classList.contains('c-tabs--persist');\r\n  \r\n  if (!controls.length || !content.length) return;\r\n\r\n  controls.forEach(control => {\r\n    control.addEventListener('click', controlClick(controls, content, persist))\r\n  })\r\n\r\n  if (persist && window.location.hash) {\r\n    const control = parent.querySelector('[href=\"' + window.location.hash + '\"]');\r\n    if (control) control.dispatchEvent(new Event('click'));\r\n  }\r\n}\r\n\r\nfunction controlClick(controls, contents, persist) {\r\n  return (event) => {\r\n    const control = event.currentTarget;\r\n    const content = contents.find(x => x.id === control.getAttribute('href').replace('#', ''));\r\n    \r\n    if (!content) {\r\n      return true;\r\n    };\r\n\r\n    event.preventDefault();\r\n    \r\n    if (persist) {\r\n      history.pushState(null, null, control.getAttribute('href'));\r\n    }\r\n\r\n    controls.forEach(c => c.classList.toggle('c-tabs__control--active', c === control));\r\n    contents.forEach(c => {\r\n      const isCurrent = c === content;\r\n      c.classList.toggle('c-tab--active', isCurrent);\r\n      \r\n      if (persist) return;\r\n\r\n      if (isCurrent) {\r\n        c.setAttribute('tabIndex', -1);\r\n        \r\n        const y = window.scrollY;\r\n        c.focus();\r\n        window.scrollTo({ behavior: \"auto\", top: y })\r\n      } else {\r\n        c.removeAttribute('tabIndex');\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nexport default Tabs;\r\n","import Accordion from './imports/accordion';\r\nimport Carousel from './imports/carousel';\r\nimport ClearForm from './imports/clear-form';\r\nimport Comparison from './imports/comparison';\r\nimport Gallery from './imports/gallery';\r\nimport HeroPattern from './imports/hero-pattern';\r\nimport HeroVideo from './imports/hero-video';\r\nimport ResponsiveTable from './imports/responsive-table';\r\nimport ScrollbarWidth from './imports/scrollbar-width';\r\nimport ScrollSpy from './imports/scroll-spy';\r\nimport Tabs from './imports/tabs';\r\n\r\n(() => {\r\n  if(window.NodeList && !NodeList.prototype.forEach) {\r\n    NodeList.prototype.forEach = Array.prototype.forEach;\r\n  }\r\n  if(window.HTMLCollection && !HTMLCollection.prototype.forEach) {\r\n    HTMLCollection.prototype.forEach = Array.prototype.forEach;\r\n  }\r\n  \r\n  Accordion();\r\n  Carousel();\r\n  ClearForm();\r\n  Comparison();\r\n  Gallery();\r\n  HeroPattern();\r\n  HeroVideo();\r\n  ResponsiveTable();\r\n  ScrollbarWidth();\r\n  ScrollSpy();\r\n  Tabs();\r\n})();"],"names":["$c274619fa9ae66ac$var$setupAccordions","title","addEventListener","event","console","log","item","currentTarget","parentElement","classList","toggle","$c274619fa9ae66ac$export$2e2bcd8739ae039","Array","from","document","querySelectorAll","forEach","$5bdce36a18199573$export$2e2bcd8739ae039","current","bgSlides","fgSlides","length","setInterval","bgSlide","style","opacity","fgSlide","$2b04c6f63ef290fb$export$2e2bcd8739ae039","formClear","getElementById","this","closest","elements","field","value","type","toLowerCase","checked","$7fbc59e2fab6d5d2$var$extractMobileComparison","container","body","querySelector","head","mobile","products","children","filter","x","i","map","info","innerHTML","table","row","contains","push","textContent","cells","firstCell","shift","el","index","key","product","parent","createElement","join","$7fbc59e2fab6d5d2$var$createMobileProduct","appendChild","$7fbc59e2fab6d5d2$export$2e2bcd8739ae039","$dfe0031b837edf6f$export$2e2bcd8739ae039","mainSlides","thumbnailSlides","lightboxTrigger","lightbox","cloneNode","remove","add","slide","slideImg","srcset","removeAttribute","insertAdjacentHTML","lightboxActive","prevImage","parseInt","dataset","nextImage","e","target","thumbnailSlide","thumbnail","parentNode","mainSlide","$41a3994d4318effb$export$b568019c0551f0a4","y","a","min","max","Math","$41a3994d4318effb$export$7d15b64cf5a3a4c4","$2e27ca8f14f20195$export$2e2bcd8739ae039","time","c","ctx","getContext","reduceMotion","window","matchMedia","matches","crossGap","crossSpeed","width","height","across","down","totalPoints","crosses","onResize","scrollWidth","scrollHeight","canvas","ceil","ids","array","arr","j","floor","random","$41a3994d4318effb$export$448332262467e042","_","counter","direction","draw","clearRect","beginPath","cnt","lineTo","cos","lineWidth","strokeStyle","stroke","cross","x1","y1","x2","y2","$41a3994d4318effb$export$3a89f8d6f6bf6c9f","moveTo","requestAnimationFrame","$63fd9338c6a56d33$export$2e2bcd8739ae039","videoBackground","reducedMotion","lightboxVideo","setAttribute","headers","breakPoint","Number","getAttribute","header","$e3dc92a106d80d6c$var$setScrollbarWidth","documentElement","setProperty","innerWidth","clientWidth","$e3dc92a106d80d6c$export$2e2bcd8739ae039","func","limit","wait","setTimeout","$41a3994d4318effb$export$61fc7d43ac8f84b0","$9d1dec2ad218c628$var$setup","element","anchors","observer","IntersectionObserver","results","firstObservation","find","isIntersecting","id","$9d1dec2ad218c628$var$observation","anchor","replace","observe","$1d2dabc452d8efd6$var$setupTabs","controls","content","persist","control","contents","preventDefault","history","pushState","isCurrent","scrollY","focus","scrollTo","behavior","top","$1d2dabc452d8efd6$var$controlClick","location","hash","dispatchEvent","Event","$1d2dabc452d8efd6$export$2e2bcd8739ae039","NodeList","prototype","HTMLCollection","$384feef4bde84172$export$2e2bcd8739ae039","$9d1dec2ad218c628$export$2e2bcd8739ae039"],"version":3,"file":"app.js.map"}

package/dist/build/scss/library.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");.u-breakout{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:safe-space(0);padding-right:safe-space(0)}:root{--fluid-min-width:320;--fluid-max-width:1332;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1332px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--2-min:12.64;--f--2-max:12.5;--step--2:calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:14.22;--f--1-max:15;--step--1:calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16;--f-0-max:18;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:18;--f-1-max:21.6;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:20.25;--f-2-max:25.92;--step-2:calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:22.78;--f-3-max:31.1;--step-3:calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:25.63;--f-4-max:37.32;--step-4:calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--f-5-min:28.83;--f-5-max:44.79;--step-5:calc(var(--f-5-min)/16*1rem + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));--f-6-min:32.44;--f-6-max:53.75;--step-6:calc(var(--f-6-min)/16*1rem + (var(--f-6-max) - var(--f-6-min))*var(--fluid-bp));--f-7-min:36.49;--f-7-max:64.5;--step-7:calc(var(--f-7-min)/16*1rem + (var(--f-7-max) - var(--f-7-min))*var(--fluid-bp));--f-8-min:41.05;--f-8-max:77.4;--step-8:calc(var(--f-8-min)/16*1rem + (var(--f-8-max) - var(--f-8-min))*var(--fluid-bp));--f-9-min:46.18;--f-9-max:92.88;--step-9:calc(var(--f-9-min)/16*1rem + (var(--f-9-max) - var(--f-9-min))*var(--fluid-bp));--f-10-min:51.96;--f-10-max:111.45;--step-10:calc(var(--f-10-min)/16*1rem + (var(--f-10-max) - var(--f-10-min))*var(--fluid-bp));--max-screen:83.25;--fc-screen:100vw;--fc-bp:calc((var(--fc-screen) - 20em)/(var(--max-screen) - 20));--fc-base:18;--fc-3xs:4.5;--space-3xs:calc(var(--fc-3xs)/16*1rem);--fc-2xs:9;--space-2xs:calc(var(--fc-2xs)/16*1rem);--fc-xs:13.5;--space-xs:calc(var(--fc-xs)/16*1rem);--fc-s:18;--space-s:calc(var(--fc-s)/16*1rem);--fc-m:27;--space-m:calc(var(--fc-m)/16*1rem);--fc-l:36;--space-l:calc(var(--fc-l)/16*1rem);--fc-xl:54;--space-xl:calc(var(--fc-xl)/16*1rem);--fc-2xl:72;--space-2xl:calc(var(--fc-2xl)/16*1rem);--fc-3xl:108;--space-3xl:calc(var(--fc-3xl)/16*1rem);--fc-4xl:144;--space-4xl:calc(var(--fc-4xl)/16*1rem);--space--3xs:calc(var(--fc-)/16*1rem + (var(--fc-3xs) - var(--fc-))*var(--fluid-bp));--space-3xs-2xs:calc(var(--fc-3xs)/16*1rem + (var(--fc-2xs) - var(--fc-3xs))*var(--fluid-bp));--space-2xs-xs:calc(var(--fc-2xs)/16*1rem + (var(--fc-xs) - var(--fc-2xs))*var(--fluid-bp));--space-xs-s:calc(var(--fc-xs)/16*1rem + (var(--fc-s) - var(--fc-xs))*var(--fluid-bp));--space-m-l:calc(var(--fc-m)/16*1rem + (var(--fc-l) - var(--fc-m))*var(--fluid-bp));--space-l-xl:calc(var(--fc-l)/16*1rem + (var(--fc-xl) - var(--fc-l))*var(--fluid-bp));--space-xl-2xl:calc(var(--fc-xl)/16*1rem + (var(--fc-2xl) - var(--fc-xl))*var(--fluid-bp));--space-2xl-3xl:calc(var(--fc-2xl)/16*1rem + (var(--fc-3xl) - var(--fc-2xl))*var(--fluid-bp));--space-3xl-4xl:calc(var(--fc-3xl)/16*1rem + (var(--fc-4xl) - var(--fc-3xl))*var(--fluid-bp));--space-s-l:calc(var(--fc-s)/16*1rem + (var(--fc-l) - var(--fc-s))*var(--fluid-bp));--space-s-m:calc(var(--fc-s)/16*1rem + (var(--fc-m) - var(--fc-s))*var(--fluid-bp));--space-xs-l:calc(var(--fc-xs)/16*1rem + (var(--fc-l) - var(--fc-xs))*var(--fluid-bp));--space-m-xl:calc(var(--fc-m)/16*1rem + (var(--fc-xl) - var(--fc-m))*var(--fluid-bp));--space-l-2xl:calc(var(--fc-l)/16*1rem + (var(--fc-2xl) - var(--fc-l))*var(--fluid-bp));--space-s-xl:calc(var(--fc-s)/16*1rem + (var(--fc-xl) - var(--fc-s))*var(--fluid-bp));--space-l-3xl:calc(var(--fc-l)/16*1rem + (var(--fc-3xl) - var(--fc-l))*var(--fluid-bp));--space-xl-3xl:calc(var(--fc-xl)/16*1rem + (var(--fc-3xl) - var(--fc-xl))*var(--fluid-bp));--space-l-4xl:calc(var(--fc-l)/16*1rem + (var(--fc-4xl) - var(--fc-l))*var(--fluid-bp));--space-3xs-m:calc(var(--fc-3xs)/16*1rem + (var(--fc-m) - var(--fc-3xs))*var(--fluid-bp));--gutter:var(--space-s-l)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../Inter-Regular.03253301.woff2) format("woff2"),url(../Inter-Regular.27892b21.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../Inter-SemiBold.97a52f0e.woff2) format("woff2"),url(../Inter-SemiBold.ba1d0d7d.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../Inter-Bold.a2748096.woff2) format("woff2"),url(../Inter-Bold.39130deb.woff) format("woff")}@media screen and (min-width:75em){:root{--fc-screen:calc(var(--max-screen)*1rem)}}*,:after,:before{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0}html{scroll-behavior:smooth}blockquote,figure,ol,pre,ul{padding:0;margin:0}img{max-width:100%;height:auto;border:none}article,aside,figure,footer,header,img,main,nav{display:block}iframe{border:none}body{font:400 1.125rem/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;letter-spacing:-.01em;font-size:18px;font-size:var(--step-0);color:#333}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,p,ul{line-height:1.2}a{text-decoration:none}a,a:hover{cursor:pointer;color:inherit}.mp ol,.mp ul{list-style:none}address,cite{font-style:normal}[type=button],[type=submit],button{border-radius:0;background:transparent;box-shadow:none;appearance:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}.mp.c-button[disabled],[disabled]{opacity:.5;cursor:not-allowed}label{cursor:pointer}fieldset{border:0;padding:.01em 0 0}@media (prefers-reduced-motion:reduce){*{-webkit-animation:none!important;animation:none!important;transition:none!important;scroll-behavior:auto!important}}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#3d7b87;background:#ebf1f2;font-family:Source Code Pro,monospace;font-size:1rem;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#cceae7;color:#263238}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#cceae7;color:#263238}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;padding:18px;padding:var(--space-s)}.language-css>code,.language-sass>code,.language-scss>code{color:#f2a60d}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#3d7b87}.token.attr-name{color:#00a2c2}.token.attr-value,.token.attribute{color:#13aa13}.token.boolean{color:#ce0058}.token.builtin,.token.cdata,.token.char,.token.class{color:#00a2c2}.token.class-name{color:#6182b8}.token.comment{color:#aabfc9}.token.constant{color:#3d7b87}.token.deleted{color:#ce0058}.token.doctype{color:#aabfc9}.token.entity{color:#ce0058}.token.function{color:#3d7b87}.token.hexcode{color:#f2a60d}.token.id,.token.important{color:#3d7b87;font-weight:700}.token.inserted{color:#00a2c2}.token.keyword{color:#3d7b87}.token.number{color:#f2a60d}.token.operator{color:#00a2c2}.token.prolog{color:#aabfc9}.token.property{color:#00a2c2}.token.pseudo-class,.token.pseudo-element{color:#13aa13}.token.punctuation,.token.regex{color:#00a2c2}.token.selector{color:#ce0058}.token.string{color:#13aa13}.token.symbol{color:#3d7b87}.token.tag{color:#005461}.token.unit{color:#f2a60d}.token.url,.token.variable{color:#ce0058}.c-library hr,.o-prose hr,.u-hr{padding-bottom:27px;padding-bottom:var(--space-m-xl);margin:0 0 27px;margin-bottom:var(--space-m-xl);border:none;border-bottom:1px solid #bfd3d6}.u-border-top{border-top:1px solid #bfd3d6}.u-border{border:1px solid #bfd3d6}.o-grid{display:flex;flex-wrap:wrap;justify-content:stretch;margin-bottom:-18px;margin-bottom:calc(var(--gutter)*-1);width:100%}.o-grid--float:after{content:" ";display:table;clear:both}.o-grid--between{justify-content:space-between}.o-grid--no-height-match{align-items:start}.o-grid>*{width:100%;margin-bottom:18px;margin-bottom:var(--gutter)}@media (min-width:40em){.o-grid--of-two>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-two-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two-late>:nth-child(odd){margin-left:0}}@media (min-width:38em) and (max-width:54.9375em){.o-grid--of-three>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-three>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:67.9375em){.o-grid--of-three-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(odd){margin-left:0}}@media (min-width:68em){.o-grid--of-three-late>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:59.9375em){.o-grid--of-four>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-four>:nth-child(odd){margin-left:0}}@media (min-width:60em){.o-grid--of-four>*{width:calc(25% - 13.6px);width:calc(25% - var(--gutter)*3/4 - .1px)}.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-four>:nth-child(4n+1){margin-left:0}}@media (max-width:54.9375em){.o-grid--swipeable{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:var(--gutter);padding-right:var(--gutter);flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.o-grid--swipeable>*{flex:0 0 auto;max-width:23em;width:calc(85vw - var(--gutter)*2.333);scroll-snap-align:center}.o-grid--swipeable>*+*{margin-left:var(--gutter)!important}}@media (min-width:55em){.o-grid--4\/7-switch>:nth-child(2n+2),.o-grid--4\/7>:nth-child(2n+2){width:57.1428571429%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--8\/4-switch>:nth-child(2n+2),.o-grid--8\/4>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:65.7142857143%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--4\/7-switch>:nth-child(odd),.o-grid--4\/7>:nth-child(odd),.o-grid--4\/8-switch>:nth-child(2n+2),.o-grid--4\/8>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:31.4285714286%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){margin-left:2.8571428571%;margin-right:0}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd){max-width:828px}.o-grid[class*=switch]>:nth-child(odd){order:1}.o-grid--layout,.o-grid--layout>:last-child,.o-grid--layout>:nth-last-child(2){margin-bottom:0}.o-grid--push{justify-content:space-between}.o-grid--pull{justify-content:flex-start}.o-grid--float{display:block}.o-grid--float:not([class*=switch])>:nth-child(odd),.o-grid--float[class*=switch]>:nth-child(2n+2){float:left}.o-grid--float:not([class*=switch])>:nth-child(2n+2),.o-grid--float[class*=switch]>:nth-child(odd){float:right}}@media (min-width:70em){.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:74.2857142857%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:22.8571428571%}}.c-library{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.c-library--components{grid-template-rows:auto 1fr}.c-library__header{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:9px;padding:var(--space-2xs);flex-direction:column;align-items:flex-start;background:#005461;color:#fff;font-weight:700}@media only screen and (min-width:650px){.c-library__header{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);flex-direction:row;align-items:center}}@media only screen and (min-width:1000px){.c-library__header{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:18px;padding:var(--space-s) var(--space-s-l)}}.c-library__header img{filter:saturate(0) brightness(10)}.c-library__header .c-library-page-active{position:relative}.c-library__header .c-library-page-active:after{content:"";position:absolute;left:0;width:100%;bottom:-6px;border-bottom:1px solid}.c-library__body{display:grid;grid-template-rows:auto auto}@media only screen and (min-width:600px){.c-library__body{grid-template-columns:10em 1fr}}@media only screen and (min-width:800px){.c-library__body{grid-template-columns:17em 1fr}}@media only screen and (min-width:600px){.c-library--components .c-library__body>*{overflow-y:scroll;height:calc(100vh - var(--headerHeight) - 1px)}}.c-library__sidebar{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);border-right:1px solid #ebf1f2;grid-row:-1;scroll-behavior:none}@media only screen and (min-width:600px){.c-library__sidebar{grid-row:auto}}@media only screen and (min-width:800px){.c-library__sidebar{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}}.c-library__sidebar>*{padding:18px;padding:var(--space-s-l) var(--space-s) var(--space-s-l) var(--space-s-l)}.c-library__sidebar li{position:relative}.c-library__sidebar li a{color:#006daf}.c-library__sidebar li a:hover{text-decoration:underline;color:#006daf}.c-library__sidebar li+li{margin-top:13.5px;margin-top:var(--space-xs)}.c-library__sidebar ul ul{padding:13.5px;padding:var(--space-xs);padding-bottom:0}.c-library__sidebar ul ul li+li{margin-top:9px;margin-top:var(--space-2xs)}.c-library__skip-link{padding:13.5px;padding:var(--space-xs)}@media only screen and (min-width:600px){.c-library__skip-link{display:none}}.c-library__logo{display:flex;align-items:center;max-width:15%;min-width:100px}.c-library__logo-name{padding-left:13.5px;padding-left:var(--space-xs-s);margin-left:13.5px;margin-left:var(--space-xs-s);border-left:1px solid #3d7b87;white-space:nowrap}.c-library__logo-name span{display:block}.c-library__logo-name span:last-child,.c-library__logo-name span:nth-last-child(3){text-transform:uppercase;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);letter-spacing:.08em;color:#bfd3d6}.c-library__logo-name span:nth-last-child(2){color:#fff;letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}.c-library__logo-name span:nth-last-child(3){color:#3d7b87}.has-js .c-library__sidebar ul>li>ul{display:none}.has-js .c-library__sidebar ul>.c-library-accordion-open>ul{display:block}.c-library .c-library-accordion-open>.c-library-accordion__toggle{transform:rotate(180deg)}.c-library .c-library-accordion__toggle{color:#006daf;line-height:1;font-size:1rem;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:.25rem}.c-library-menu-active{font-weight:700;position:relative}.c-library-menu-active:before{content:"▸ ";position:absolute;left:-17px;top:0}.c-library-stretch{display:flex;flex-direction:column;flex:1}.c-library__main{overflow-y:auto}@media only screen and (min-width:600px){.c-library__main{overflow-y:scroll}}.c-library__frame{position:relative;width:100%}.c-library__frame-links{position:absolute;right:0;top:calc(var(--space-m)*-1 + var(--space-s)*-1);z-index:1}.c-library__frame-links a,.c-library__frame-links button{border-radius:0 0 .25em .25em;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:.25em .666em;background:#bfd3d6;color:#6c6c6c}.c-library__frame-background{border-radius:0 0 0 .25em;top:0}.c-library__frame iframe{position:absolute;height:100%;width:100%;left:0;top:0;transition:all .3s cubic-bezier(.22,.61,.36,1)}.c-library-code,.c-library-pre{font-family:Source Code Pro}.c-library-pre{overflow-x:auto;background:#ebf1f2;padding:18px;padding:var(--space-s);line-height:1.4}.c-library-pre--bordered{border-bottom:1px solid #bfd3d6}.c-library-status,.c-library-version{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#6c6c6c}.c-library-status{padding:.25em .666em;border-radius:.25em;background:#bfd3d6}.c-library-status--ready{background:#13aa13;color:#fff}.c-library-status--development,.c-library-status--in-production,.c-library-status--placeholder{background:#f2a60d;color:#fff}.c-library-status--deprecated{background:#ce0058;color:#fff}.c-library__swatch-grid{display:grid;gap:0 1em;grid-auto-rows:minmax(4em,auto);margin-bottom:var(--space-m)}@media only screen and (min-width:680px){.c-library__swatch-grid{gap:0;grid-template-columns:repeat(5,auto);grid-template-rows:5em auto}}.c-library__swatch-grid--has-labels{grid-template-columns:15em auto;grid-template-rows:auto;grid-auto-flow:row}@media only screen and (min-width:1000px){.c-library__swatch-grid--has-labels{grid-auto-flow:column;grid-template-columns:repeat(5,1fr);grid-template-rows:5em auto}}.c-library__swatch-labels,.c-library__swatches{display:grid;grid-template-columns:repeat(auto-fit,165px)}.c-library__swatch{display:flex}.c-library__swatch>*{justify-content:center;font-weight:700;margin:auto}.c-library__swatches>*{height:0;padding-bottom:50%;position:relative}.c-library__swatches>*>*{display:flex;justify-content:center;align-items:center;padding:.5rem;font-weight:700;text-align:center;position:absolute;height:100%;width:100%;left:0;top:0}.c-library__swatch-grid table{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}.c-library__swatch-grid table td,.c-library__swatch-grid table th{padding:9px 0 9px 4.5px;padding:var(--space-2xs) 0 var(--space-2xs) var(--space-3xs)}.c-library__swatch-grid table th{widtH:3em}.c-library__swatch-grid table td{font-family:monospace}.c-library__image-row{display:flex;max-width:100%}.c-library__image-row img{flex:1 1 auto;margin:0 2% 0 0;object-fit:contain;width:6%}.c-library__image-row img:last-child{margin-right:0}.c-library__space{display:block}.c-library__space span{background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0)),rgba(206,0,88,.5);height:0;padding-bottom:100%;position:relative;display:block}.c-library__space code{position:absolute;line-height:1;left:100%;top:50%;margin-left:18px;margin-left:var(--space-s);white-space:nowrap;transform:translateY(-50%)}.c-library-grid{background:#00758c;padding:3rem 1rem;display:flex;justify-content:center;align-items:center;color:#fff;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-library-grid--alt{background:#3d7b87;padding:2rem 1rem}.c-library-grid--alt:before{content:" ";display:block}.c-library-grid--first{background:#005461;padding:2rem 1rem}.c-library-grid--first:before{content:"First on mobile"}.c-library-copy{position:relative}.c-library-copy__trigger{position:absolute;background:#bfd3d6;bottom:0;right:0;font-weight:700;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:4.5px 9px;padding:var(--space-3xs) var(--space-2xs);letter-spacing:.02em}.c-library-copy__trigger:hover{color:#ce0058}.c-library__typo__sidebar{width:14.2857142857%}.c-library__typo__sidebar span{display:block}.c-library__typo__sidebar .x2{margin-top:4.25em;border:1px solid #333;border-width:1px 0;height:2em;line-height:2em}.c-library__typo__main{width:82.8571428571%}.c-library__semi{font-weight:600}.c-library__photo-grid{display:grid;gap:2px;grid-template-columns:1fr;margin-top:54px;margin-top:var(--space-xl)}@media only screen and (min-width:880px){.c-library__photo-grid{grid-auto-flow:dense;grid-auto-rows:auto}.c-library__photo-grid img{height:100%;width:100%;object-fit:cover}.c-library__photo-grid div{grid-column:1/3;grid-row:1/2;display:flex}.c-library__photo-grid div h2{margin:auto var(--space-s)}.c-library__photo-grid.grid-1{grid-template-columns:40% 20% 40%;grid-template-rows:var(--space-2xl) 400px 400px}.c-library__photo-grid.grid-1 img:nth-child(2){grid-row:2/3;grid-column:1/3}.c-library__photo-grid.grid-1 img:nth-child(3){grid-column:3/4;grid-row:1/3}.c-library__photo-grid.grid-1 img:nth-child(5){grid-column:2/4}.c-library__photo-grid.grid-2{grid-template-columns:50% 50%;grid-template-rows:var(--space-2xl) 300px 300px}.c-library__photo-grid.grid-2 div{grid-column:1/2}.c-library__photo-grid.grid-2 img:nth-child(2){grid-row:2/4}.c-library__photo-grid.grid-2 img:nth-child(3){grid-row:1/3}}.c-library .c-alert ul li{list-style:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" viewBox="0 0 10 20"><circle cx="5" cy="14" r="3.5" fill="%2313AA13" fill-rule="evenodd"/></svg>') outside;margin-left:1em;padding-left:.5rem}.c-library .c-alert ul li h3,.c-library .c-alert ul li h4{line-height:1.6;font-size:1em;color:#13aa13}@media only screen and (max-width:1050px){.c-library__logo-name span:last-child,.c-library__logo-name span:nth-last-child(3){letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}.c-library__logo-name span:nth-last-child(2){letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-library__header nav li:last-child{display:none}}@media only screen and (min-width:650px) and (max-width:700px),screen and (max-width:450px){.c-library__header nav .u-row{gap:9px;gap:var(--space-2xs);letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}}@media only screen and (max-width:650px){.c-library__header nav a{padding:9px 0;padding:var(--space-2xs) 0;display:block}.c-library__header .c-library-page-active:after{bottom:4.5px;bottom:var(--space-3xs)}}
-/*# sourceMappingURL=../library.css.map */
+@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";.u-breakout{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:safe-space(0);padding-right:safe-space(0);position:relative;transform:translate(-50vw)}:root{--fluid-min-width:320;--fluid-max-width:1332;--fluid-screen:100vw;--fluid-bp:calc( (var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1332px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--2-min:12.64;--f--2-max:12.5;--step--2:calc( ((var(--f--2-min)/16)*1rem) + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:14.22;--f--1-max:15;--step--1:calc( ((var(--f--1-min)/16)*1rem) + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16;--f-0-max:18;--step-0:calc( ((var(--f-0-min)/16)*1rem) + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:18;--f-1-max:21.6;--step-1:calc( ((var(--f-1-min)/16)*1rem) + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:20.25;--f-2-max:25.92;--step-2:calc( ((var(--f-2-min)/16)*1rem) + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:22.78;--f-3-max:31.1;--step-3:calc( ((var(--f-3-min)/16)*1rem) + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:25.63;--f-4-max:37.32;--step-4:calc( ((var(--f-4-min)/16)*1rem) + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--f-5-min:28.83;--f-5-max:44.79;--step-5:calc( ((var(--f-5-min)/16)*1rem) + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));--f-6-min:32.44;--f-6-max:53.75;--step-6:calc( ((var(--f-6-min)/16)*1rem) + (var(--f-6-max) - var(--f-6-min))*var(--fluid-bp));--f-7-min:36.49;--f-7-max:64.5;--step-7:calc( ((var(--f-7-min)/16)*1rem) + (var(--f-7-max) - var(--f-7-min))*var(--fluid-bp));--f-8-min:41.05;--f-8-max:77.4;--step-8:calc( ((var(--f-8-min)/16)*1rem) + (var(--f-8-max) - var(--f-8-min))*var(--fluid-bp));--f-9-min:46.18;--f-9-max:92.88;--step-9:calc( ((var(--f-9-min)/16)*1rem) + (var(--f-9-max) - var(--f-9-min))*var(--fluid-bp));--f-10-min:51.96;--f-10-max:111.45;--step-10:calc( ((var(--f-10-min)/16)*1rem) + (var(--f-10-max) - var(--f-10-min))*var(--fluid-bp))}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../Inter-Regular.ed77b881.woff2)format("woff2"),url(../Inter-Regular.ca6858d7.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../Inter-SemiBold.dd034768.woff2)format("woff2"),url(../Inter-SemiBold.cc1168df.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../Inter-Bold.af5441a3.woff2)format("woff2"),url(../Inter-Bold.419e8c71.woff)format("woff")}:root{--max-screen:83.25;--fc-screen:100vw;--fc-bp:calc((var(--fc-screen) - 20em)/(var(--max-screen) - 20));--fc-base:18;--fc-3xs:4.5;--space-3xs:calc(var(--fc-3xs)/16*1rem);--fc-2xs:9;--space-2xs:calc(var(--fc-2xs)/16*1rem);--fc-xs:13.5;--space-xs:calc(var(--fc-xs)/16*1rem);--fc-s:18;--space-s:calc(var(--fc-s)/16*1rem);--fc-m:27;--space-m:calc(var(--fc-m)/16*1rem);--fc-l:36;--space-l:calc(var(--fc-l)/16*1rem);--fc-xl:54;--space-xl:calc(var(--fc-xl)/16*1rem);--fc-2xl:72;--space-2xl:calc(var(--fc-2xl)/16*1rem);--fc-3xl:108;--space-3xl:calc(var(--fc-3xl)/16*1rem);--fc-4xl:144;--space-4xl:calc(var(--fc-4xl)/16*1rem);--space--3xs:calc( ((var(--fc-)/16)*1rem) + (var(--fc-3xs) - var(--fc-))*var(--fluid-bp));--space-3xs-2xs:calc( ((var(--fc-3xs)/16)*1rem) + (var(--fc-2xs) - var(--fc-3xs))*var(--fluid-bp));--space-2xs-xs:calc( ((var(--fc-2xs)/16)*1rem) + (var(--fc-xs) - var(--fc-2xs))*var(--fluid-bp));--space-xs-s:calc( ((var(--fc-xs)/16)*1rem) + (var(--fc-s) - var(--fc-xs))*var(--fluid-bp));--space-s-m:calc( ((var(--fc-s)/16)*1rem) + (var(--fc-m) - var(--fc-s))*var(--fluid-bp));--space-m-l:calc( ((var(--fc-m)/16)*1rem) + (var(--fc-l) - var(--fc-m))*var(--fluid-bp));--space-l-xl:calc( ((var(--fc-l)/16)*1rem) + (var(--fc-xl) - var(--fc-l))*var(--fluid-bp));--space-xl-2xl:calc( ((var(--fc-xl)/16)*1rem) + (var(--fc-2xl) - var(--fc-xl))*var(--fluid-bp));--space-2xl-3xl:calc( ((var(--fc-2xl)/16)*1rem) + (var(--fc-3xl) - var(--fc-2xl))*var(--fluid-bp));--space-3xl-4xl:calc( ((var(--fc-3xl)/16)*1rem) + (var(--fc-4xl) - var(--fc-3xl))*var(--fluid-bp));--space-s-l:calc( ((var(--fc-s)/16)*1rem) + (var(--fc-l) - var(--fc-s))*var(--fluid-bp));--space-s-m:calc( ((var(--fc-s)/16)*1rem) + (var(--fc-m) - var(--fc-s))*var(--fluid-bp));--space-xs-l:calc( ((var(--fc-xs)/16)*1rem) + (var(--fc-l) - var(--fc-xs))*var(--fluid-bp));--space-m-xl:calc( ((var(--fc-m)/16)*1rem) + (var(--fc-xl) - var(--fc-m))*var(--fluid-bp));--space-l-2xl:calc( ((var(--fc-l)/16)*1rem) + (var(--fc-2xl) - var(--fc-l))*var(--fluid-bp));--space-s-xl:calc( ((var(--fc-s)/16)*1rem) + (var(--fc-xl) - var(--fc-s))*var(--fluid-bp));--space-l-3xl:calc( ((var(--fc-l)/16)*1rem) + (var(--fc-3xl) - var(--fc-l))*var(--fluid-bp));--space-xl-3xl:calc( ((var(--fc-xl)/16)*1rem) + (var(--fc-3xl) - var(--fc-xl))*var(--fluid-bp));--space-l-4xl:calc( ((var(--fc-l)/16)*1rem) + (var(--fc-4xl) - var(--fc-l))*var(--fluid-bp));--space-3xs-m:calc( ((var(--fc-3xs)/16)*1rem) + (var(--fc-m) - var(--fc-3xs))*var(--fluid-bp));--gutter:var(--space-s-l)}@media screen and (min-width:75em){:root{--fc-screen:calc(var(--max-screen)*1rem)}}*,:before,:after{box-sizing:border-box}body{min-height:100vh;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;display:flex}html{scroll-behavior:smooth}blockquote,pre,ol,ul,figure{margin:0;padding:0}img{max-width:100%;height:auto;border:0;display:block}article,aside,figure,footer,header,aside,main,nav{display:block}iframe{border:0}body{letter-spacing:-.01em;font:400 18px/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:var(--step-0);color:#333}h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0}ul,ol,p{line-height:1.2}a{text-decoration:none}a,a:hover{cursor:pointer;color:inherit}.mp ol,.mp ul{list-style:none}cite,address{font-style:normal}[type=submit],[type=button],button{box-shadow:none;appearance:none;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:0}[disabled],.mp.c-button[disabled]{opacity:.5;cursor:not-allowed}label{cursor:pointer}fieldset{border:0;padding:.01em 0 0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#3d7b87;tab-size:4;-webkit-hyphens:none;hyphens:none;background:#ebf1f2;font-family:Source Code Pro,monospace;font-size:1rem;line-height:1.5em}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{color:#263238;background:#cceae7}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{padding:18px;padding:var(--space-s);position:relative;overflow:auto}.language-css>code,.language-sass>code,.language-scss>code{color:#f2a60d}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#3d7b87}.token.attr-name{color:#00a2c2}.token.attr-value,.token.attribute{color:#13aa13}.token.boolean{color:#ce0058}.token.builtin,.token.cdata,.token.char,.token.class{color:#00a2c2}.token.class-name{color:#6182b8}.token.comment{color:#aabfc9}.token.constant{color:#3d7b87}.token.deleted{color:#ce0058}.token.doctype{color:#aabfc9}.token.entity{color:#ce0058}.token.function{color:#3d7b87}.token.hexcode{color:#f2a60d}.token.id,.token.important{color:#3d7b87;font-weight:700}.token.inserted{color:#00a2c2}.token.keyword{color:#3d7b87}.token.number{color:#f2a60d}.token.operator{color:#00a2c2}.token.prolog{color:#aabfc9}.token.property{color:#00a2c2}.token.pseudo-class,.token.pseudo-element{color:#13aa13}.token.punctuation,.token.regex{color:#00a2c2}.token.selector{color:#ce0058}.token.string{color:#13aa13}.token.symbol{color:#3d7b87}.token.tag{color:#005461}.token.unit{color:#f2a60d}.token.url,.token.variable{color:#ce0058}.u-hr,.c-library hr,.o-prose hr{padding-bottom:27px;padding-bottom:var(--space-m-xl);margin:0 0 27px;margin-bottom:var(--space-m-xl);border:0;border-bottom:1px solid #bfd3d6}.u-border-top{border-top:1px solid #bfd3d6}.u-border{border:1px solid #bfd3d6}.o-grid{margin-bottom:-18px;margin-bottom:calc(-1*var(--gutter));width:100%;flex-wrap:wrap;justify-content:stretch;display:flex}.o-grid--float:after{content:" ";clear:both;display:table}.o-grid--between{justify-content:space-between}.o-grid--no-height-match{align-items:start}.o-grid>*{width:100%;margin-bottom:18px;margin-bottom:var(--gutter)}@media (min-width:40em){.o-grid--of-two>*{width:calc(50% - 9.1px);width:calc(50% - 1*var(--gutter)/2 - .1px)}.o-grid--of-two>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two>:nth-child(2n+1){margin-left:0}}@media (min-width:55em){.o-grid--of-two-late>*{width:calc(50% - 9.1px);width:calc(50% - 1*var(--gutter)/2 - .1px)}.o-grid--of-two-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two-late>:nth-child(2n+1){margin-left:0}}@media (min-width:38em) and (max-width:54.9375em){.o-grid--of-three>*{width:calc(50% - 9.1px);width:calc(50% - 1*var(--gutter)/2 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(2n+1){margin-left:0}}@media (min-width:55em){.o-grid--of-three>*{width:calc(33.333% - 12.1px);width:calc(33.333% - 2*var(--gutter)/3 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:67.9375em){.o-grid--of-three-late>*{width:calc(50% - 9.1px);width:calc(50% - 1*var(--gutter)/2 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(2n+1){margin-left:0}}@media (min-width:68em){.o-grid--of-three-late>*{width:calc(33.333% - 12.1px);width:calc(33.333% - 2*var(--gutter)/3 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:59.9375em){.o-grid--of-four>*{width:calc(50% - 9.1px);width:calc(50% - 1*var(--gutter)/2 - .1px)}.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-four>:nth-child(2n+1){margin-left:0}}@media (min-width:60em){.o-grid--of-four>*{width:calc(25% - 13.6px);width:calc(25% - 3*var(--gutter)/4 - .1px)}.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-four>:nth-child(4n+1){margin-left:0}}@media (max-width:54.9375em){.o-grid--swipeable{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:var(--gutter);padding-right:var(--gutter);scroll-snap-type:x mandatory;scroll-padding:var(--gutter);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;position:relative;overflow-x:scroll;transform:translate(-50vw)}.o-grid--swipeable>*{max-width:23em;width:calc(85vw - var(--gutter)*2.333);scroll-snap-align:start;scroll-snap-stop:always;flex:none}.o-grid--swipeable>*+*{margin-left:var(--gutter)!important}}@media (min-width:55em){.o-grid--4\/7>:nth-child(2n+2),.o-grid--4\/7-switch>:nth-child(2n+2){width:57.1429%}.o-grid--9\/3>:nth-child(2n+1),.o-grid--8\/3>:nth-child(2n+1),.o-grid--8\/4>:nth-child(2n+1),.o-grid--3\/9>:nth-child(2n+2),.o-grid--3\/8>:nth-child(2n+2),.o-grid--4\/8>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(2n+1),.o-grid--3\/8-switch>:nth-child(2n+1),.o-grid--4\/8-switch>:nth-child(2n+1){width:65.7143%}.o-grid--9\/3>:nth-child(2n+2),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4>:nth-child(2n+2),.o-grid--3\/9>:nth-child(2n+1),.o-grid--3\/8>:nth-child(2n+1),.o-grid--4\/8>:nth-child(2n+1),.o-grid--4\/7>:nth-child(2n+1),.o-grid--9\/3-switch>:nth-child(2n+1),.o-grid--8\/3-switch>:nth-child(2n+1),.o-grid--8\/4-switch>:nth-child(2n+1),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(2n+2),.o-grid--4\/7-switch>:nth-child(2n+1){width:31.4286%}.o-grid--3\/9>:nth-child(2n+2),.o-grid--3\/8>:nth-child(2n+2),.o-grid--4\/8>:nth-child(2n+2),.o-grid--9\/3>:nth-child(2n+2),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(2n+1),.o-grid--8\/3-switch>:nth-child(2n+1),.o-grid--8\/4-switch>:nth-child(2n+1),.o-grid--3\/9-switch>:nth-child(2n+1),.o-grid--3\/8-switch>:nth-child(2n+1),.o-grid--4\/8-switch>:nth-child(2n+1){margin-left:2.85714%;margin-right:0}.o-grid--8\/3>:nth-child(2n+1),.o-grid--3\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--3\/8-switch>:nth-child(2n+1){max-width:828px}.o-grid[class*=switch]>:nth-child(2n+1){order:1}.o-grid--layout,.o-grid--layout>:nth-last-child(1),.o-grid--layout>:nth-last-child(2){margin-bottom:0}.o-grid--push{justify-content:space-between}.o-grid--pull{justify-content:flex-start}.o-grid--float{display:block}.o-grid--float:not([class*=switch])>:nth-child(2n+1),.o-grid--float[class*=switch]>:nth-child(2n+2){float:left}.o-grid--float:not([class*=switch])>:nth-child(2n+2),.o-grid--float[class*=switch]>:nth-child(2n+1){float:right}}@media (min-width:70em){.o-grid--9\/3>:nth-child(2n+1),.o-grid--8\/3>:nth-child(2n+1),.o-grid--3\/9>:nth-child(2n+2),.o-grid--3\/8>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(2n+1),.o-grid--3\/8-switch>:nth-child(2n+1){width:74.2857%}.o-grid--9\/3>:nth-child(2n+2),.o-grid--8\/3>:nth-child(2n+2),.o-grid--3\/9>:nth-child(2n+1),.o-grid--3\/8>:nth-child(2n+1),.o-grid--9\/3-switch>:nth-child(2n+1),.o-grid--8\/3-switch>:nth-child(2n+1),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/8-switch>:nth-child(2n+2){width:22.8571%}}.c-library{min-height:100vh;grid-template-rows:auto 1fr auto;display:grid}.c-library--components{grid-template-rows:auto 1fr}.c-library__header{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:9px;padding:var(--space-2xs);color:#fff;background:#005461;flex-direction:column;align-items:flex-start;font-weight:700}@media only screen and (min-width:650px){.c-library__header{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);flex-direction:row;align-items:center}}@media only screen and (min-width:1000px){.c-library__header{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:18px;padding:var(--space-s)var(--space-s-l)}}.c-library__header img{filter:saturate(0)brightness(10)}.c-library__header .c-library-page-active{position:relative}.c-library__header .c-library-page-active:after{content:"";width:100%;border-bottom:1px solid ;position:absolute;bottom:-6px;left:0}.c-library__body{grid-template-rows:auto auto;display:grid}@media only screen and (min-width:600px){.c-library__body{grid-template-columns:10em 1fr}}@media only screen and (min-width:800px){.c-library__body{grid-template-columns:17em 1fr}}@media only screen and (min-width:600px){.c-library--components .c-library__body>*{height:calc(100vh - var(--headerHeight) - 1px);overflow-y:scroll}}.c-library__sidebar{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);scroll-behavior:none;border-right:1px solid #ebf1f2;grid-row:-1}@media only screen and (min-width:600px){.c-library__sidebar{grid-row:auto}}@media only screen and (min-width:800px){.c-library__sidebar{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}}.c-library__sidebar>*{padding:18px;padding:var(--space-s-l)var(--space-s)var(--space-s-l)var(--space-s-l)}.c-library__sidebar li{position:relative}.c-library__sidebar li a{color:#006daf}.c-library__sidebar li a:hover{color:#006daf;text-decoration:underline}.c-library__sidebar li+li{margin-top:13.5px;margin-top:var(--space-xs)}.c-library__sidebar ul ul{padding:13.5px;padding:var(--space-xs);padding-bottom:0}.c-library__sidebar ul ul li+li{margin-top:9px;margin-top:var(--space-2xs)}.c-library__skip-link{padding:13.5px;padding:var(--space-xs)}@media only screen and (min-width:600px){.c-library__skip-link{display:none}}.c-library__logo{max-width:15%;min-width:100px;justify-content:center;align-items:center;display:flex}@media only screen and (min-width:650px){.c-library__logo{justify-content:flex-start}}.c-library__logo-name{padding-left:13.5px;padding-left:var(--space-xs-s);margin-left:13.5px;margin-left:var(--space-xs-s);white-space:nowrap;border-left:1px solid #3d7b87}.c-library__logo-name span{display:block}.c-library__logo-name span:nth-last-child(3),.c-library__logo-name span:nth-last-child(1){text-transform:uppercase;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);letter-spacing:.08em;color:#bfd3d6}.c-library__logo-name span:nth-last-child(2){color:#fff;letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}.c-library__logo-name span:nth-last-child(3){color:#3d7b87}.has-js .c-library__sidebar ul>li>ul{display:none}.has-js .c-library__sidebar ul>.c-library-accordion-open>ul{display:block}.c-library .c-library-accordion-open>.c-library-accordion__toggle{transform:rotate(180deg)}.c-library .c-library-accordion__toggle{color:#006daf;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;line-height:1;display:flex;position:absolute;top:0;right:0}.c-library-menu-active{font-weight:700;position:relative}.c-library-menu-active:before{content:"▸ ";position:absolute;top:0;left:-17px}.c-library-stretch{flex-direction:column;flex:1;display:flex}.c-library__main{overflow-y:auto}@media only screen and (min-width:600px){.c-library__main{overflow-y:scroll}}.c-library__frame{width:100%;position:relative}.c-library__frame-links{right:0;top:calc(-1*(var(--space-m) + var(--space-s)));z-index:1;position:absolute}.c-library__frame-links a,.c-library__frame-links button{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#6c6c6c;background:#bfd3d6;border-radius:0 0 .25em .25em;padding:.25em .666em}.c-library__frame-background{border-radius:0 0 0 .25em;top:0}.c-library__frame iframe{height:100%;width:100%;transition:all .3s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0}.c-library-code{font-family:Source Code Pro}.c-library-pre{padding:18px;padding:var(--space-s);background:#ebf1f2;font-family:Source Code Pro;line-height:1.4;overflow-x:auto}.c-library-pre--bordered{border-bottom:1px solid #bfd3d6}.c-library-version{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#6c6c6c}.c-library-status{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#6c6c6c;background:#bfd3d6;border-radius:.25em;padding:.25em .666em}.c-library-status--ready{color:#fff;background:#13aa13}.c-library-status--in-production,.c-library-status--development,.c-library-status--placeholder{color:#fff;background:#f2a60d}.c-library-status--deprecated{color:#fff;background:#ce0058}.c-library__swatch-grid{margin-bottom:var(--space-m);grid-auto-rows:minmax(4em,auto);gap:0 1em;display:grid}@media only screen and (min-width:680px){.c-library__swatch-grid{grid-template-rows:5em auto;grid-template-columns:repeat(5,auto);gap:0}}.c-library__swatch-grid--has-labels{grid-template-rows:auto;grid-template-columns:15em auto;grid-auto-flow:row}@media only screen and (min-width:1000px){.c-library__swatch-grid--has-labels{grid-template-rows:5em auto;grid-template-columns:repeat(5,1fr);grid-auto-flow:column}}.c-library__swatches,.c-library__swatch-labels{grid-template-columns:repeat(auto-fit,165px);display:grid}.c-library__swatch{display:flex}.c-library__swatch>*{justify-content:center;margin:auto;font-weight:700}.c-library__swatches>*{height:0;padding-bottom:50%;position:relative}.c-library__swatches>*>*{text-align:center;height:100%;width:100%;justify-content:center;align-items:center;padding:.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.c-library__swatch-grid table{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}.c-library__swatch-grid table td,.c-library__swatch-grid table th{padding:9px 0 9px 4.5px;padding:var(--space-2xs)0 var(--space-2xs)var(--space-3xs)}.c-library__swatch-grid table th{width:3em}.c-library__swatch-grid table td{font-family:monospace}.c-library__image-row{max-width:100%;display:flex}.c-library__image-row img{object-fit:contain;width:6%;flex:auto;margin:0 2% 0 0}.c-library__image-row img:last-child{margin-right:0}.c-library__space{display:block}.c-library__space span{height:0;background:linear-gradient(45deg,#fff3 0%,#fff0 100%),#ce005880;padding-bottom:100%;display:block;position:relative}.c-library__space code{margin-left:18px;margin-left:var(--space-s);white-space:nowrap;line-height:1;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.c-library-grid{color:#fff;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);background:#00758c;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.c-library-grid--alt{background:#3d7b87;padding:2rem 1rem}.c-library-grid--alt:before{content:" ";display:block}.c-library-grid--first{background:#005461;padding:2rem 1rem}.c-library-grid--first:before{content:"First on mobile"}.c-library-copy{position:relative}.c-library-copy__trigger{letter-spacing:-.01em;font-size:15px;font-weight:700;font-size:var(--step--1);padding:4.5px 9px;padding:var(--space-3xs)var(--space-2xs);letter-spacing:.02em;background:#bfd3d6;position:absolute;bottom:0;right:0}.c-library-copy__trigger:hover{color:#ce0058}.c-library__typo__sidebar{width:14.2857%}.c-library__typo__sidebar span{display:block}.c-library__typo__sidebar .x2{height:2em;border:1px solid #333;border-width:1px 0;margin-top:4.25em;line-height:2em}.c-library__typo__main{width:82.8572%}.c-library__semi{font-weight:600}.c-library__photo-grid{margin-top:54px;margin-top:var(--space-xl);grid-template-columns:1fr;gap:2px;display:grid}@media only screen and (min-width:880px){.c-library__photo-grid{grid-auto-flow:dense;grid-auto-rows:auto}.c-library__photo-grid img{height:100%;width:100%;object-fit:cover}.c-library__photo-grid div{grid-area:1/1/2/3;display:flex}.c-library__photo-grid div h2{margin:auto var(--space-s)}.c-library__photo-grid.grid-1{grid-template-columns:40% 20% 40%;grid-template-rows:var(--space-2xl)400px 400px}.c-library__photo-grid.grid-1 img:nth-child(2){grid-area:2/1/3/3}.c-library__photo-grid.grid-1 img:nth-child(3){grid-area:1/3/3/4}.c-library__photo-grid.grid-1 img:nth-child(5){grid-column:2/4}.c-library__photo-grid.grid-2{grid-template-columns:50% 50%;grid-template-rows:var(--space-2xl)300px 300px}.c-library__photo-grid.grid-2 div{grid-column:1/2}.c-library__photo-grid.grid-2 img:nth-child(2){grid-row:2/4}.c-library__photo-grid.grid-2 img:nth-child(3){grid-row:1/3}}.c-library .c-alert ul li{margin-left:1em;padding-left:.5rem;list-style:outside url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"20\" viewBox=\"0 0 10 20\"><circle cx=\"5\" cy=\"14\" r=\"3.5\" fill=\"%2313AA13\" fill-rule=\"evenodd\"/></svg>")}.c-library .c-alert ul li h3,.c-library .c-alert ul li h4{color:#13aa13;font-size:1em;line-height:1.6}@media only screen and (max-width:1050px){.c-library__logo-name span:nth-last-child(3),.c-library__logo-name span:nth-last-child(1){letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}.c-library__logo-name span:nth-last-child(2){letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-library__header nav li:last-child{display:none}}@media only screen and (min-width:650px) and (max-width:700px),screen and (max-width:450px){.c-library__header nav .u-row{gap:9px;gap:var(--space-2xs);letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}}@media only screen and (max-width:650px){.c-library__header nav a{padding:9px 0;padding:var(--space-2xs)0;display:block}.c-library__header .c-library-page-active:after{bottom:4.5px;bottom:var(--space-3xs)}}
+/*# sourceMappingURL=library.css.map */