{"mappings":"ACSA,8DERE,+BIAA,yRKAA,kCGAA,+CGAA,8FEAA,wDIAA,wGEAA,4BGAA,gMIAA,oBC+aF,8EA+6BA,kBC51CE,cAWA,kEAiBA,gNAqBE,kC,uHhCrCI,6BASA,iCCnBJ,iCAQE,wCAAA,wCAYI,+D,oDCLJ,oEAQE,0BCnBJ,4D,4BCAA,iBAIE,8CAeE,iBCnBJ,yBAYI,iE,oCEfF,yB,mFEAA,qCAaE,sBAGE,gYCVJ,uwBEOI,kEAKA,4CClBJ,uDAAA,kEAAA,mEAAA,iEAAA,kEAAA,oEAAA,oEAAA,yEAAA,sEAIA,uY,mMC6BI,4K,8RC3BF,8B,yC,yLAcA,8B,sC,mK,oYCdA,8B,+CCRN,yFAII,+FASA,iCAGE,4EAUA,mGAIE,sIAOF,uIAIE,qI,oICnCJ,gE,gEASE,gEAQF,gEAGE,2DAGE,yGASA,sCAGA,iFC7BF,0I,kFCRF,wFAIE,iF,uFAcA,sNCpBF,yNASA,wNAaI,qN,yF,yF,yFCLF,yFAGA,yHAQE,sWCbJ,uuBAcI,iEC7BJ,iDAGA,+C,sa,8JA2BI,uUCXJ,gCAGE,gCAGE,oe,uOCVJ,yXAQI,4O,wc,yHCJF,+HAYE,2CChCN,0L,gEAuBM,2EAMA,sE,qJCjBF,oEAIA,0EAMA,gd,iJCfA,gEAIF,sEAIA,0DAMA,qD,yehCRE,2EAKI,iE,6CAMI,0gC,sB,sBiC4CZ,4BAKI,sB,4BAQR,uBACI,6B,uBAOJ,6BAKI,uB,6B,oC,6GAcA,mL,8H,sHAiBI,qQASI,2JAUR,2GAGA,2G,6GAQA,6GAGA,2GAGJ,2GAII,6GAGA,6GAIJ,yGAEI,wJAYA,iIAIQ,gHAIJ,wIAOJ,6J,yS,yH,wH,gMAyCI,4GAIA,2LASA,4GAII,2LATZ,4GAsBQ,0K,4GAcI,yGAQR,2HAOJ,4SAaQ,qIAIA,2KAMA,qKAQA,2G,yGAYI,gQAgBA,mT,yOAsCJ,oLASJ,6LAgBJ,iJAQI,0NAQI,oJAII,8GAGA,qG,2IAQA,gG,0GAWR,wKAMQ,+lCA2DR,6GAKA,2GAKA,0GAKA,wKAOA,wHAKA,gHAGA,kHAIA,gHAIA,kHAIA,iI,8GAUJ,4GASI,iTAeA,wGAIA,wGAGA,wGAQA,6HAGA,4HAIA,4GAKA,qGAIA,uGAIJ,wG,8FAOI,qkCAiDJ,yD,+KAuOI,wCAGA,0FAMA,oE,+QAaI,kGAAA,8C,gDAQQ,6DAKZ,8JAGI,oK,yGAQJ,sGAGI,uGAIA,+DATR,gKAeQ,wKAGJ,4G,wGAMQ,yGAGA,6DAIR,8JAKJ,oKAEI,0GAKI,sGAKI,uGAGI,+DAIA,gKAIA,wKAGI,2GAII,wG,yGAOJ,8DAOJ,+J,sKAOY,yG,uGAgBI,wGAMR,gEAQA,iKAMI,0K,0IAahB,yGAGI,0GAKJ,qHAIQ,mHAGI,qHAGI,qHAIA,4HAIQ,8H,0MASI,6MAQZ,8HAMQ,gIAII,0M,+MAwBhB,wFAGI,qHASpB,qH,0F,yH,uH,yL,mFAmBwB,kF,mG,+K,kJA0BA,sKAIA,qL,mKAcgB,kNAYR,iLAWQ,oJ,wK,sLA4BpB,qKAUR,mNAKQ,gJAYA,gG,6HAoBJ,0HAaxB,iG,mI,kJ,kG,+HjC1wCI,6H,mGmC7EF,oI,kDAKE,mGAGF,yKAAA,kLAUA,4I,8OAUI,iPAQA,oDAIA,qGARJ,2KAgBI,oL,8I,iPAgBI,kPASN,8KAGE,oNAKE,uEAGE,yEAGE,yDAIE,+JASE,gEAMA,kGAMF,+HAOA,2GAKF,2D,iKAYF,kEAIA,qGAGE,+HAQR,4GAGE,mI,0G,uI,iKAoBA,sInC1FN,kL,qI,4G,yI,oK,wI,mL,oG,2K,2K,wG,8N,yN,6K,8I,qK,qL,kK,iN,+I,uI,yI,iM,mL,uL,iJ,yI,2I,oM,qL,yL,sI,+F,mI,mK,yH,6K,8H,6L,wF,4F,yI,uJ,kF,kG,gI,iM,0F,8F,4I,2J,oF,qG,qC,2D,yL,sB,4D,uB,8C,6L,uB,6C,2C,6C,8D,gE,qH,0H,uB,8D,uB,oD,sF,sB,qE,4C,sB,6C,sB,6C,uB,8C,uB,8C,qD,qD,0D,oD,6C,uD,iD,oD,kE,iE,wC,+C,6D,wD,uB,yD,wE,iC,sC,uB,wC,4P,+F,g2D,gD,+E,6G,8G,0H,6B,+C,yF,2F,2G,0G,+D,uF,oS,yX,2J,+J,iK,yD,uB,yD,sR,6E,mxB,sB,yG,6E,4D,oP,giB,gP,wO,uP,0P,mI,mK,2e,sG,6M,4G,2G,sK,wH,mH,4H,mE,mE,iE,oD,+K,2H,2M,gE,2C,4C,yE,gE,0P,kD,yF,wH,sZ,slB,iuB,qlB,kuB,2G,kT,gI,8M,0F,m/C,45C,mD,oE,8C,iD,oG,0F,sD,0H,8D,2F,gD,gD,iF,wC,iD,2D,mF,qE,yE,yH,wD,qG,0C,yD,mF,oD,wI,8G,qE,uB,6C,uB,6C,uB,4C,iD,sB,6C,sB,8C,oF,6D,mD,kD,6D,2D,2E,uI,uE,qD,2C,4D,+E,2C,yD,0C,yD,wD,8D,2D,8D,6E,uE,sE,2G,iI,mG,sD,6D,0C,8C,+D,sB,6C,kU,uB,+C,gI,uB,kD,2E,uB,yF,6D,sB,8D,uB,6D,mD,uB,qD,oK,4D,6D,sB,6G,uB,2M,4d,qH,iG,2D,kF,+E,sL,6I,kO,+J,oqC,uB,6F,iU,+gB,0L,k7B,8H,4M,07B,yJ,wI,8T,oM,2M,8I,kK,4L,8M,iV,ic,6oB,oQ,4/B,qK,sK,uB,wL,2E,uG,0F,kK,8d,0M,yS,6gB,4yB,uf,iiB,6kB,gmB,8tB,2vB,wvB,6uB,4rB,unE,6lI,8vB,gJ,oX,qiB,uB,2b,gJ,wN,mC,yC,wC,uC,oC,c,mG,uB,6B,qH,uB,yD,uB,+C,iF,sB,gE,wD,uB,yD,6F,8F,wE,6I,oD,sB,gD,4I,iE,sB,mF,uB,2E,iE,gE,gH,iE,yH,2H,gL,83D,6wF,6hD,+hD,4S,oZ,sB,qD,gE,0F,qG,8M,4G,4D,qE,0M,sB,4C,sE,yC,4B,6B,8B,wB,sB,4B,4B,wB,iB,0B,uB,mB,oB,mB,6B,e,oB,kB,iB,sB,oB,a,kB,kB,iB,gB,2B,iB,iB,iB,iB,iB,sC,yC,yC,sC,sC,sC,iC,kB,4C,6C,0C,2C,0C,6C,yC,6C,yC,2B,0B,0B,2B,yB,yB,wB,yB,0B,wB,wB,uB,uB,sB,yB,sB,qB,mC,uB,mB,qB,mB,qB,oB,oB,kB,iB,oB,mB,iB,oB,oB,kB,mB,gB,mB,kB,kB,gB,gD,mB,iC,2B,2B,2B,2B,2B,iC,iC,8B,2B,2B,e,qB,2B,wB,kB,iC,2B,kC,2B,4C,kO,mO,kO,mO,6N,iO,iO,wN,sN,oM,+B,+B,uC,+B,oB,2D,6D,2D,2D,2D,2D,6B,6C,gC,0B,uC,oC,gC,iC,0C,sC,uC,+C,kB,gB,kB,gB,0B,2B,yB,2B,+K,iC,8B,mC,gC,kC,2E,6E,yB,yB,kC,+B,gD,6F,4F,wG,8F,8F,8F,6F,4G,+F,6E,oF,kF,oF,sF,sF,sF,mF,mF,uF,sF,yF,uF,uF,uF,uF,wF,mF,yC,kC,oB,mB,wB,oB,kB,qB,6C,+C,2C,iD,+C,+C,6C,oD,+C,2C,2C,kD,2B,0B,0B,0B,2B,4B,0B,0B,2B,wB,wB,uB,yB,+B,6B,8B,8C,gC,4C,iD,+C,8B,4B,0B,gD,+C,+C,2C,2B,iC,4B,6B,6B,+B,oC,4B,8B,+B,mC,gC,wC,kF,qF,wE,gF,qF,+E,yF,iF,8E,8E,iF,mF,gF,+F,kF,gF,mF,kF,8E,0C,wC,qB,uB,mQ,gR,uM,6B,mM,2Q,iL,sR,4H,gI,uC,sC,gE,4D,uB,qD,0H,8K,oJ,qJ,mK,+J,+I,+M,oH,8H,sJ,oG,uG,oG,6L,gO,2H,yL,8I,iI,mI,iI,mI,gJ,2H,mG,0H,2H,6U,qH,gJ,+G,+G,2G,oI,mI,+H,iH,yI,mH,sH,uC,uD,2G,iG,qG,mG,oG,oG,gG,6F,2F,2F,6R,qG,oG,oG,wC,sC,+D,6R,sE,8T,8T,8T,wG,wG,mG,+R,kH,6G,qE,6C,yG,kG,uG,8G,4G,4G,wD,sG,qG,oG,oG,oG,6D,mD,iG,kG,+F,kH,iH,iH,8G,+G,4G,sB,uC,2B,yB,uC,2B,uB,uB,yB,8B,wB,uB,+B,yB,wB,+D,sC,oC,yC,iC,8B,4B,4B,oD,sB,qB,qB,qB,0C,6C,6C,6C,0C,0C,0C,0C,0C,0C,0C,0C,qC,qC,6B,uB,yB,yB,uB,oD,qC,oC,oC,iE,+D,wC,2C,sB,oD,gC,wB,+B,iD,uB,0C,6C,6C,6C,0C,0C,0C,0C,0C,0C,0C,0C,qC,qC,qC,qC,yB,uC,yB,sB,+D,oC,oB,gD,4B,2B,4B,uB,0C,6C,6C,6C,0C,0C,0C,0C,0C,0C,0C,0C,6B,8B,+B,4B,4B,6B,2B,8B,6B,8B,2B,8B,gE,uB","sources":["typography.cceb3c67.css","src/css/main.scss","src/css/vendor/hamburgers/hamburgers.scss","src/css/vendor/hamburgers/types/_3dx.scss","src/css/vendor/hamburgers/types/_3dx-r.scss","src/css/vendor/hamburgers/types/_3dy.scss","src/css/vendor/hamburgers/types/_3dy-r.scss","src/css/vendor/hamburgers/types/_3dxy.scss","src/css/vendor/hamburgers/types/_3dxy-r.scss","src/css/vendor/hamburgers/types/_arrow.scss","src/css/vendor/hamburgers/types/_arrow-r.scss","src/css/vendor/hamburgers/types/_arrowalt.scss","src/css/vendor/hamburgers/types/_arrowalt-r.scss","src/css/vendor/hamburgers/types/_arrowturn.scss","src/css/vendor/hamburgers/types/_arrowturn-r.scss","src/css/vendor/hamburgers/types/_boring.scss","src/css/vendor/hamburgers/types/_collapse.scss","src/css/vendor/hamburgers/types/_collapse-r.scss","src/css/vendor/hamburgers/types/_elastic.scss","src/css/vendor/hamburgers/types/_elastic-r.scss","src/css/vendor/hamburgers/types/_emphatic.scss","src/css/vendor/hamburgers/types/_emphatic-r.scss","src/css/vendor/hamburgers/types/_minus.scss","src/css/vendor/hamburgers/types/_slider.scss","src/css/vendor/hamburgers/types/_slider-r.scss","src/css/vendor/hamburgers/types/_spin.scss","src/css/vendor/hamburgers/types/_spin-r.scss","src/css/vendor/hamburgers/types/_spring.scss","src/css/vendor/hamburgers/types/_spring-r.scss","src/css/vendor/hamburgers/types/_stand.scss","src/css/vendor/hamburgers/types/_stand-r.scss","src/css/vendor/hamburgers/types/_squeeze.scss","src/css/vendor/hamburgers/types/_vortex.scss","src/css/vendor/hamburgers/types/_vortex-r.scss","src/css/header.scss","src/css/vendor/hamburgers/_base.scss","src/css/footer.scss"],"sourcesContent":["*, :before, :after {\n box-sizing: border-box;\n border: 0 solid #e5e7eb;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n[type=\"text\"], input:where(:not([type])), [type=\"email\"], [type=\"url\"], [type=\"password\"], [type=\"number\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"search\"], [type=\"tel\"], [type=\"time\"], [type=\"week\"], [multiple], textarea, select {\n appearance: none;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n border-width: 1px;\n border-color: #6b7280;\n border-radius: 0;\n padding: .5rem .75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n[type=\"text\"]:focus, input:where(:not([type])):focus, [type=\"email\"]:focus, [type=\"url\"]:focus, [type=\"password\"]:focus, [type=\"number\"]:focus, [type=\"date\"]:focus, [type=\"datetime-local\"]:focus, [type=\"month\"]:focus, [type=\"search\"]:focus, [type=\"tel\"]:focus, [type=\"time\"]:focus, [type=\"week\"]:focus, [multiple]:focus, textarea:focus, select:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #1c64f2;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #1c64f2;\n outline: 2px solid #0000;\n}\n\n::-webkit-date-and-time-value {\n text-align: inherit;\n min-height: 1.5em;\n}\n\n::-webkit-datetime-edit {\n display: inline-flex;\n}\n\n::-webkit-datetime-edit {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-year-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-month-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-day-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-hour-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-minute-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-second-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-millisecond-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n::-webkit-datetime-edit-meridiem-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\nselect {\n print-color-adjust: exact;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right .5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n}\n\n[multiple], [size]:where(select:not([size=\"1\"])) {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n print-color-adjust: unset;\n padding-right: .75rem;\n}\n\n[type=\"checkbox\"]:checked, [type=\"radio\"]:checked {\n background-color: currentColor;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n [type=\"checkbox\"]:checked {\n appearance: auto;\n }\n}\n\n[type=\"radio\"]:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n [type=\"radio\"]:checked {\n appearance: auto;\n }\n}\n\n[type=\"checkbox\"]:checked:hover, [type=\"checkbox\"]:checked:focus, [type=\"radio\"]:checked:hover, [type=\"radio\"]:checked:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate {\n background-color: currentColor;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n border-color: #0000;\n}\n\n@media (forced-colors: active) {\n [type=\"checkbox\"]:indeterminate {\n appearance: auto;\n }\n}\n\n[type=\"file\"]:focus {\n outline: 1px solid ButtonText;\n outline: 1px auto -webkit-focus-ring-color;\n}\n\n.tooltip-arrow, .tooltip-arrow:before {\n background: inherit;\n width: 8px;\n height: 8px;\n position: absolute;\n}\n\n.tooltip-arrow {\n visibility: hidden;\n}\n\n.tooltip-arrow:before {\n content: \"\";\n visibility: visible;\n transform: rotate(45deg);\n}\n\n[data-tooltip-style^=\"light\"] + .tooltip > .tooltip-arrow:before {\n border-style: solid;\n border-color: #e5e7eb;\n}\n\n[data-tooltip-style^=\"light\"] + .tooltip[data-popper-placement^=\"top\"] > .tooltip-arrow:before {\n border-bottom-width: 1px;\n border-right-width: 1px;\n}\n\n[data-tooltip-style^=\"light\"] + .tooltip[data-popper-placement^=\"right\"] > .tooltip-arrow:before {\n border-bottom-width: 1px;\n border-left-width: 1px;\n}\n\n[data-tooltip-style^=\"light\"] + .tooltip[data-popper-placement^=\"bottom\"] > .tooltip-arrow:before {\n border-top-width: 1px;\n border-left-width: 1px;\n}\n\n[data-tooltip-style^=\"light\"] + .tooltip[data-popper-placement^=\"left\"] > .tooltip-arrow:before {\n border-top-width: 1px;\n border-right-width: 1px;\n}\n\n.tooltip[data-popper-placement^=\"top\"] > .tooltip-arrow {\n bottom: -4px;\n}\n\n.tooltip[data-popper-placement^=\"bottom\"] > .tooltip-arrow {\n top: -4px;\n}\n\n.tooltip[data-popper-placement^=\"left\"] > .tooltip-arrow {\n right: -4px;\n}\n\n.tooltip[data-popper-placement^=\"right\"] > .tooltip-arrow {\n left: -4px;\n}\n\n.tooltip.invisible > .tooltip-arrow:before {\n visibility: hidden;\n}\n\n[data-popper-arrow], [data-popper-arrow]:before {\n background: inherit;\n width: 8px;\n height: 8px;\n position: absolute;\n}\n\n[data-popper-arrow] {\n visibility: hidden;\n}\n\n[data-popper-arrow]:before {\n content: \"\";\n visibility: visible;\n transform: rotate(45deg);\n}\n\n[data-popper-arrow]:after {\n content: \"\";\n visibility: visible;\n background: inherit;\n width: 9px;\n height: 9px;\n position: absolute;\n transform: rotate(45deg);\n}\n\n[role=\"tooltip\"] > [data-popper-arrow]:before {\n border-style: solid;\n border-color: #e5e7eb;\n}\n\n.dark [role=\"tooltip\"] > [data-popper-arrow]:before {\n border-style: solid;\n border-color: #4b5563;\n}\n\n[role=\"tooltip\"] > [data-popper-arrow]:after {\n border-style: solid;\n border-color: #e5e7eb;\n}\n\n.dark [role=\"tooltip\"] > [data-popper-arrow]:after {\n border-style: solid;\n border-color: #4b5563;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"top\"] > [data-popper-arrow]:before, [data-popover][role=\"tooltip\"][data-popper-placement^=\"top\"] > [data-popper-arrow]:after {\n border-bottom-width: 1px;\n border-right-width: 1px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"right\"] > [data-popper-arrow]:before, [data-popover][role=\"tooltip\"][data-popper-placement^=\"right\"] > [data-popper-arrow]:after {\n border-bottom-width: 1px;\n border-left-width: 1px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"bottom\"] > [data-popper-arrow]:before, [data-popover][role=\"tooltip\"][data-popper-placement^=\"bottom\"] > [data-popper-arrow]:after {\n border-top-width: 1px;\n border-left-width: 1px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"left\"] > [data-popper-arrow]:before, [data-popover][role=\"tooltip\"][data-popper-placement^=\"left\"] > [data-popper-arrow]:after {\n border-top-width: 1px;\n border-right-width: 1px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"top\"] > [data-popper-arrow] {\n bottom: -5px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"bottom\"] > [data-popper-arrow] {\n top: -5px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"left\"] > [data-popper-arrow] {\n right: -5px;\n}\n\n[data-popover][role=\"tooltip\"][data-popper-placement^=\"right\"] > [data-popper-arrow] {\n left: -5px;\n}\n\n[role=\"tooltip\"].invisible > [data-popper-arrow]:before, [role=\"tooltip\"].invisible > [data-popper-arrow]:after {\n visibility: hidden;\n}\n\n[type=\"text\"], [type=\"email\"], [type=\"url\"], [type=\"password\"], [type=\"number\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"search\"], [type=\"tel\"], [type=\"time\"], [type=\"week\"], [multiple], textarea, select {\n appearance: none;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n border-width: 1px;\n border-color: #6b7280;\n border-radius: 0;\n padding: .5rem .75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n[type=\"text\"]:focus, [type=\"email\"]:focus, [type=\"url\"]:focus, [type=\"password\"]:focus, [type=\"number\"]:focus, [type=\"date\"]:focus, [type=\"datetime-local\"]:focus, [type=\"month\"]:focus, [type=\"search\"]:focus, [type=\"tel\"]:focus, [type=\"time\"]:focus, [type=\"week\"]:focus, [multiple]:focus, textarea:focus, select:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #1c64f2;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #1c64f2;\n outline: 2px solid #0000;\n}\n\ninput::placeholder, textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n}\n\nselect:not([size]) {\n print-color-adjust: exact;\n background-image: url(\"data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e\");\n background-position: right .75rem center;\n background-repeat: no-repeat;\n background-size: .75em .75em;\n padding-right: 2.5rem;\n}\n\n[multiple] {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n print-color-adjust: unset;\n padding-right: .75rem;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n appearance: none;\n print-color-adjust: exact;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n color: #1c64f2;\n --tw-shadow: 0 0 #0000;\n background-color: #fff;\n background-origin: border-box;\n border-width: 1px;\n border-color: #6b7280;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n padding: 0;\n display: inline-block;\n}\n\n[type=\"checkbox\"] {\n border-radius: 0;\n}\n\n[type=\"radio\"] {\n border-radius: 100%;\n}\n\n[type=\"checkbox\"]:focus, [type=\"radio\"]:focus {\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #1c64f2;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n outline: 2px solid #0000;\n}\n\n[type=\"checkbox\"]:checked, [type=\"radio\"]:checked, .dark [type=\"checkbox\"]:checked, .dark [type=\"radio\"]:checked {\n background-color: currentColor;\n background-position: center;\n background-repeat: no-repeat;\n background-size: .55em .55em;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:checked {\n print-color-adjust: exact;\n background-image: url(\"data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e\");\n background-repeat: no-repeat;\n background-size: .55em .55em;\n}\n\n[type=\"radio\"]:checked, .dark [type=\"radio\"]:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n background-size: 1em 1em;\n}\n\n[type=\"checkbox\"]:indeterminate {\n print-color-adjust: exact;\n background-color: currentColor;\n background-image: url(\"data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: .55em .55em;\n border-color: #0000;\n}\n\n[type=\"checkbox\"]:indeterminate:hover, [type=\"checkbox\"]:indeterminate:focus {\n background-color: currentColor;\n border-color: #0000;\n}\n\n[type=\"file\"] {\n background: unset;\n border-color: inherit;\n font-size: unset;\n line-height: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n[type=\"file\"]:focus {\n outline: 1px auto inherit;\n}\n\ninput[type=\"file\"]::file-selector-button {\n color: #fff;\n cursor: pointer;\n background: #1f2937;\n border: 0;\n margin-inline: -1rem 1rem;\n padding: .625rem 1rem .625rem 2rem;\n font-size: .875rem;\n font-weight: 500;\n}\n\ninput[type=\"file\"]::file-selector-button:hover {\n background: #374151;\n}\n\n.dark input[type=\"file\"]::file-selector-button {\n color: #fff;\n background: #4b5563;\n}\n\n.dark input[type=\"file\"]::file-selector-button:hover {\n background: #6b7280;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n cursor: pointer;\n background: #1c64f2;\n border: 0;\n border-radius: 9999px;\n width: 1.25rem;\n height: 1.25rem;\n}\n\ninput[type=\"range\"]:disabled::-webkit-slider-thumb {\n background: #9ca3af;\n}\n\n.dark input[type=\"range\"]:disabled::-webkit-slider-thumb {\n background: #6b7280;\n}\n\ninput[type=\"range\"]:focus::-webkit-slider-thumb {\n outline-offset: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n --tw-ring-opacity: 1px;\n --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));\n outline: 2px solid #0000;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n appearance: none;\n cursor: pointer;\n background: #1c64f2;\n border: 0;\n border-radius: 9999px;\n width: 1.25rem;\n height: 1.25rem;\n}\n\ninput[type=\"range\"]:disabled::-moz-range-thumb {\n background: #9ca3af;\n}\n\n.dark input[type=\"range\"]:disabled::-moz-range-thumb {\n background: #6b7280;\n}\n\ninput[type=\"range\"]::-moz-range-progress {\n background: #3f83f8;\n}\n\ninput[type=\"range\"]::-ms-fill-lower {\n background: #3f83f8;\n}\n\n.toggle-bg:after {\n content: \"\";\n box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n background: #fff;\n border-width: 1px;\n border-color: #d1d5db;\n border-radius: 9999px;\n width: 1.25rem;\n height: 1.25rem;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter, -webkit-backdrop-filter;\n transition-duration: .15s;\n position: absolute;\n top: .125rem;\n left: .125rem;\n}\n\ninput:checked + .toggle-bg:after {\n border-color: #fff;\n transform: translateX(100%);\n}\n\ninput:checked + .toggle-bg {\n background: #1c64f2;\n border-color: #1c64f2;\n}\n\nhtml {\n font-family: Roboto, system-ui, sans-serif;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3f83f880;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (width >= 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (width >= 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (width >= 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (width >= 1400px) {\n .container {\n max-width: 1400px;\n }\n}\n\n@media (width >= 1401px) {\n .container {\n max-width: 1401px;\n }\n}\n\n.prose {\n color: #5b5b5b;\n max-width: 65ch;\n}\n\n.prose :where(p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n\n.prose :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-lead);\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n font-size: 1.25em;\n line-height: 1.6;\n}\n\n.prose :where(a):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-weight: 500;\n text-decoration: underline;\n}\n\n.prose :where(strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n\n.prose :where(a strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(blockquote strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(thead th strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n}\n\n.prose :where(ol):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-left: 1.625em;\n list-style-type: decimal;\n}\n\n.prose :where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n}\n\n.prose :where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n}\n\n.prose :where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n}\n\n.prose :where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n}\n\n.prose :where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: decimal;\n}\n\n.prose :where(ul):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-left: 1.625em;\n list-style-type: disc;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-counters);\n font-weight: 400;\n}\n\n.prose :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\n color: var(--tw-prose-bullets);\n}\n\n.prose :where(dt):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.25em;\n font-weight: 600;\n}\n\n.prose :where(hr):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n\n.prose :where(blockquote):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-quotes);\n border-left-width: .25rem;\n border-left-color: var(--tw-prose-quote-borders);\n quotes: \"“\"\"”\"\"‘\"\"’\";\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-left: 1em;\n font-style: italic;\n font-weight: 500;\n}\n\n.prose :where(blockquote p:first-of-type):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):before {\n content: open-quote;\n}\n\n.prose :where(blockquote p:last-of-type):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):after {\n content: close-quote;\n}\n\n.prose :where(h1):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 0;\n margin-bottom: .888889em;\n font-size: 2.25em;\n font-weight: 800;\n line-height: 1.11111;\n}\n\n.prose :where(h1 strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-weight: 900;\n}\n\n.prose :where(h2):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 2em;\n margin-bottom: 1em;\n font-size: 1.5em;\n font-weight: 700;\n line-height: 1.33333;\n}\n\n.prose :where(h2 strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-weight: 800;\n}\n\n.prose :where(h3):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.6em;\n margin-bottom: .6em;\n font-size: 1.25em;\n font-weight: 600;\n line-height: 1.6;\n}\n\n.prose :where(h3 strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-weight: 700;\n}\n\n.prose :where(h4):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n margin-top: 1.5em;\n margin-bottom: .5em;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.prose :where(h4 strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-weight: 700;\n}\n\n.prose :where(img):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(picture):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n display: block;\n}\n\n.prose :where(kbd):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);\n border-radius: .3125rem;\n padding: .1875em .375em;\n font-family: inherit;\n font-size: .875em;\n font-weight: 500;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-code);\n font-size: .875em;\n font-weight: 600;\n}\n\n.prose :where(code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):before, .prose :where(code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):after {\n content: \"`\";\n}\n\n.prose :where(a code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(h1 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n}\n\n.prose :where(h2 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-size: .875em;\n}\n\n.prose :where(h3 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n font-size: .9em;\n}\n\n.prose :where(h4 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(blockquote code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(thead th code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n}\n\n.prose :where(pre):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n border-radius: .375rem;\n margin-top: 1.71429em;\n margin-bottom: 1.71429em;\n padding: .857143em 1.14286em;\n font-size: .875em;\n font-weight: 400;\n line-height: 1.71429;\n overflow-x: auto;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n background-color: #0000;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n}\n\n.prose :where(pre code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):before, .prose :where(pre code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)):after {\n content: none;\n}\n\n.prose :where(table):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n table-layout: auto;\n text-align: left;\n width: 100%;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: .875em;\n line-height: 1.71429;\n}\n\n.prose :where(thead):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n\n.prose :where(thead th):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-headings);\n vertical-align: bottom;\n padding-bottom: .571429em;\n padding-left: .571429em;\n padding-right: .571429em;\n font-weight: 600;\n}\n\n.prose :where(tbody tr):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n\n.prose :where(tbody tr:last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-bottom-width: 0;\n}\n\n.prose :where(tbody td):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n vertical-align: baseline;\n}\n\n.prose :where(tfoot):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n\n.prose :where(tfoot td):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n vertical-align: top;\n}\n\n.prose :where(figure > *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose :where(figcaption):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--tw-prose-captions);\n margin-top: .857143em;\n font-size: .875em;\n line-height: 1.42857;\n}\n\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-counters: #6b7280;\n --tw-prose-bullets: #d1d5db;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-kbd: #111827;\n --tw-prose-kbd-shadows: 17 24 39;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: #00000080;\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n\n.prose :where(picture > img):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.prose :where(video):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .5em;\n margin-bottom: .5em;\n}\n\n.prose :where(ol > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: .375em;\n}\n\n.prose :where(.prose > ul > li p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose :where(.prose > ul > li > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose :where(.prose > ul > li > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose :where(.prose > ol > li > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n}\n\n.prose :where(.prose > ol > li > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 1.25em;\n}\n\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .75em;\n margin-bottom: .75em;\n}\n\n.prose :where(dl):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n\n.prose :where(dd):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .5em;\n padding-left: 1.625em;\n}\n\n.prose :where(hr + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(h2 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(h3 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .prose :where(h4 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(thead th:first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(thead th:last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding: .571429em;\n}\n\n.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: 0;\n}\n\n.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-right: 0;\n}\n\n.prose :where(figure):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.prose :where(.prose > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n}\n\n.prose :where(.prose > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n}\n\n.prose :where(h1, h2, strong, li, label):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: #5b5b5b;\n}\n\n.prose :where(h3, h4, h5, h6):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: #5564b9;\n}\n\n.prose-slate {\n --tw-prose-body: #334155;\n --tw-prose-headings: #0f172a;\n --tw-prose-lead: #475569;\n --tw-prose-links: #0f172a;\n --tw-prose-bold: #0f172a;\n --tw-prose-counters: #64748b;\n --tw-prose-bullets: #cbd5e1;\n --tw-prose-hr: #e2e8f0;\n --tw-prose-quotes: #0f172a;\n --tw-prose-quote-borders: #e2e8f0;\n --tw-prose-captions: #64748b;\n --tw-prose-kbd: #0f172a;\n --tw-prose-kbd-shadows: 15 23 42;\n --tw-prose-code: #0f172a;\n --tw-prose-pre-code: #e2e8f0;\n --tw-prose-pre-bg: #1e293b;\n --tw-prose-th-borders: #cbd5e1;\n --tw-prose-td-borders: #e2e8f0;\n --tw-prose-invert-body: #cbd5e1;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #94a3b8;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #94a3b8;\n --tw-prose-invert-bullets: #475569;\n --tw-prose-invert-hr: #334155;\n --tw-prose-invert-quotes: #f1f5f9;\n --tw-prose-invert-quote-borders: #334155;\n --tw-prose-invert-captions: #94a3b8;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #cbd5e1;\n --tw-prose-invert-pre-bg: #00000080;\n --tw-prose-invert-th-borders: #475569;\n --tw-prose-invert-td-borders: #334155;\n}\n\n.header-lock {\n z-index: 100;\n width: 100%;\n position: fixed;\n top: 0;\n}\n\n.header-lock .hamburger {\n cursor: pointer;\n font: inherit;\n color: inherit;\n text-transform: none;\n background-color: #0000;\n border: 0;\n margin: 0;\n padding: 0;\n display: inline-block;\n overflow: visible;\n}\n\n.header-lock .hamburger:hover {\n opacity: 1;\n}\n\n.header-lock .hamburger-box {\n width: 18px;\n height: 14px;\n display: inline-block;\n position: relative;\n}\n\n.header-lock .hamburger-inner {\n margin-top: -1px;\n display: block;\n top: 50%;\n}\n\n.header-lock .hamburger-inner, .header-lock .hamburger-inner:before, .header-lock .hamburger-inner:after {\n background-color: #494949;\n border-radius: 0;\n width: 18px;\n height: 2px;\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: ease;\n position: absolute;\n}\n\n.header-lock .hamburger-inner:before, .header-lock .hamburger-inner:after {\n content: \"\";\n display: block;\n}\n\n.header-lock .hamburger-inner:before {\n top: -6px;\n}\n\n.header-lock .hamburger-inner:after {\n bottom: -6px;\n}\n\n.header-lock .hamburger--3dx .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dx .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dx .hamburger-inner:before, .header-lock .hamburger--3dx .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dx.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateY(180deg);\n}\n\n.header-lock .hamburger--3dx.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dx.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--3dx-r .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dx-r .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dx-r .hamburger-inner:before, .header-lock .hamburger--3dx-r .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dx-r.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateY(-180deg);\n}\n\n.header-lock .hamburger--3dx-r.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dx-r.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--3dy .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dy .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dy .hamburger-inner:before, .header-lock .hamburger--3dy .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dy.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateX(-180deg);\n}\n\n.header-lock .hamburger--3dy.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dy.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--3dy-r .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dy-r .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dy-r .hamburger-inner:before, .header-lock .hamburger--3dy-r .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dy-r.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateX(180deg);\n}\n\n.header-lock .hamburger--3dy-r.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dy-r.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--3dxy .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dxy .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dxy .hamburger-inner:before, .header-lock .hamburger--3dxy .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dxy.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateX(180deg)rotateY(180deg);\n}\n\n.header-lock .hamburger--3dxy.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dxy.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--3dxy-r .hamburger-box {\n perspective: 36px;\n}\n\n.header-lock .hamburger--3dxy-r .hamburger-inner {\n transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dxy-r .hamburger-inner:before, .header-lock .hamburger--3dxy-r .hamburger-inner:after {\n transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;\n}\n\n.header-lock .hamburger--3dxy-r.is-active .hamburger-inner {\n background-color: #0000;\n transform: rotateX(180deg)rotateY(180deg)rotateZ(-180deg);\n}\n\n.header-lock .hamburger--3dxy-r.is-active .hamburger-inner:before {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--3dxy-r.is-active .hamburger-inner:after {\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--arrow.is-active .hamburger-inner:before {\n transform: translate3d(-3.6px, 0, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrow.is-active .hamburger-inner:after {\n transform: translate3d(-3.6px, 0, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrow-r.is-active .hamburger-inner:before {\n transform: translate3d(3.6px, 0, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrow-r.is-active .hamburger-inner:after {\n transform: translate3d(3.6px, 0, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowalt .hamburger-inner:before {\n transition: top .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);\n}\n\n.header-lock .hamburger--arrowalt .hamburger-inner:after {\n transition: bottom .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);\n}\n\n.header-lock .hamburger--arrowalt.is-active .hamburger-inner:before {\n transition: top .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;\n top: 0;\n transform: translate3d(-3.6px, -4.5px, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowalt.is-active .hamburger-inner:after {\n transition: bottom .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;\n bottom: 0;\n transform: translate3d(-3.6px, 4.5px, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowalt-r .hamburger-inner:before {\n transition: top .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);\n}\n\n.header-lock .hamburger--arrowalt-r .hamburger-inner:after {\n transition: bottom .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);\n}\n\n.header-lock .hamburger--arrowalt-r.is-active .hamburger-inner:before {\n transition: top .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;\n top: 0;\n transform: translate3d(3.6px, -4.5px, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowalt-r.is-active .hamburger-inner:after {\n transition: bottom .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;\n bottom: 0;\n transform: translate3d(3.6px, 4.5px, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowturn.is-active .hamburger-inner {\n transform: rotate(-180deg);\n}\n\n.header-lock .hamburger--arrowturn.is-active .hamburger-inner:before {\n transform: translate3d(8px, 0, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowturn.is-active .hamburger-inner:after {\n transform: translate3d(8px, 0, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowturn-r.is-active .hamburger-inner {\n transform: rotate(-180deg);\n}\n\n.header-lock .hamburger--arrowturn-r.is-active .hamburger-inner:before {\n transform: translate3d(-8px, 0, 0)rotate(-45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--arrowturn-r.is-active .hamburger-inner:after {\n transform: translate3d(-8px, 0, 0)rotate(45deg)scale(.7, 1);\n}\n\n.header-lock .hamburger--boring .hamburger-inner, .header-lock .hamburger--boring .hamburger-inner:before, .header-lock .hamburger--boring .hamburger-inner:after {\n transition-property: none;\n}\n\n.header-lock .hamburger--boring.is-active .hamburger-inner {\n transform: rotate(45deg);\n}\n\n.header-lock .hamburger--boring.is-active .hamburger-inner:before {\n opacity: 0;\n top: 0;\n}\n\n.header-lock .hamburger--boring.is-active .hamburger-inner:after {\n bottom: 0;\n transform: rotate(-90deg);\n}\n\n.header-lock .hamburger--collapse .hamburger-inner {\n transition-duration: .13s;\n transition-delay: .13s;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n top: auto;\n bottom: 0;\n}\n\n.header-lock .hamburger--collapse .hamburger-inner:after {\n transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;\n top: -12px;\n}\n\n.header-lock .hamburger--collapse .hamburger-inner:before {\n transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--collapse.is-active .hamburger-inner {\n transition-delay: .22s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--collapse.is-active .hamburger-inner:after {\n opacity: 0;\n transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;\n top: 0;\n}\n\n.header-lock .hamburger--collapse.is-active .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;\n top: 0;\n transform: rotate(-90deg);\n}\n\n.header-lock .hamburger--collapse-r .hamburger-inner {\n transition-duration: .13s;\n transition-delay: .13s;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n top: auto;\n bottom: 0;\n}\n\n.header-lock .hamburger--collapse-r .hamburger-inner:after {\n transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;\n top: -12px;\n}\n\n.header-lock .hamburger--collapse-r .hamburger-inner:before {\n transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--collapse-r.is-active .hamburger-inner {\n transition-delay: .22s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: translate3d(0, -6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--collapse-r.is-active .hamburger-inner:after {\n opacity: 0;\n transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;\n top: 0;\n}\n\n.header-lock .hamburger--collapse-r.is-active .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;\n top: 0;\n transform: rotate(90deg);\n}\n\n.header-lock .hamburger--elastic .hamburger-inner {\n transition-duration: .275s;\n transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);\n top: 1px;\n}\n\n.header-lock .hamburger--elastic .hamburger-inner:before {\n transition: opacity .125s .275s;\n top: 6px;\n}\n\n.header-lock .hamburger--elastic .hamburger-inner:after {\n transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);\n top: 12px;\n}\n\n.header-lock .hamburger--elastic.is-active .hamburger-inner {\n transition-delay: 75ms;\n transform: translate3d(0, 6px, 0)rotate(135deg);\n}\n\n.header-lock .hamburger--elastic.is-active .hamburger-inner:before {\n opacity: 0;\n transition-delay: 0s;\n}\n\n.header-lock .hamburger--elastic.is-active .hamburger-inner:after {\n transition-delay: 75ms;\n transform: translate3d(0, -12px, 0)rotate(-270deg);\n}\n\n.header-lock .hamburger--elastic-r .hamburger-inner {\n transition-duration: .275s;\n transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);\n top: 1px;\n}\n\n.header-lock .hamburger--elastic-r .hamburger-inner:before {\n transition: opacity .125s .275s;\n top: 6px;\n}\n\n.header-lock .hamburger--elastic-r .hamburger-inner:after {\n transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);\n top: 12px;\n}\n\n.header-lock .hamburger--elastic-r.is-active .hamburger-inner {\n transition-delay: 75ms;\n transform: translate3d(0, 6px, 0)rotate(-135deg);\n}\n\n.header-lock .hamburger--elastic-r.is-active .hamburger-inner:before {\n opacity: 0;\n transition-delay: 0s;\n}\n\n.header-lock .hamburger--elastic-r.is-active .hamburger-inner:after {\n transition-delay: 75ms;\n transform: translate3d(0, -12px, 0)rotate(270deg);\n}\n\n.header-lock .hamburger--emphatic {\n overflow: hidden;\n}\n\n.header-lock .hamburger--emphatic .hamburger-inner {\n transition: background-color .125s ease-in .175s;\n}\n\n.header-lock .hamburger--emphatic .hamburger-inner:before {\n transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, left .125s ease-in .175s;\n left: 0;\n}\n\n.header-lock .hamburger--emphatic .hamburger-inner:after {\n transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, right .125s ease-in .175s;\n top: 6px;\n right: 0;\n}\n\n.header-lock .hamburger--emphatic.is-active .hamburger-inner {\n background-color: #0000;\n transition-delay: 0s;\n transition-timing-function: ease-out;\n}\n\n.header-lock .hamburger--emphatic.is-active .hamburger-inner:before {\n transition: left .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;\n top: -36px;\n left: -36px;\n transform: translate3d(36px, 36px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--emphatic.is-active .hamburger-inner:after {\n transition: right .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;\n top: -36px;\n right: -36px;\n transform: translate3d(-36px, 36px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--emphatic-r {\n overflow: hidden;\n}\n\n.header-lock .hamburger--emphatic-r .hamburger-inner {\n transition: background-color .125s ease-in .175s;\n}\n\n.header-lock .hamburger--emphatic-r .hamburger-inner:before {\n transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, left .125s ease-in .175s;\n left: 0;\n}\n\n.header-lock .hamburger--emphatic-r .hamburger-inner:after {\n transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, right .125s ease-in .175s;\n top: 6px;\n right: 0;\n}\n\n.header-lock .hamburger--emphatic-r.is-active .hamburger-inner {\n background-color: #0000;\n transition-delay: 0s;\n transition-timing-function: ease-out;\n}\n\n.header-lock .hamburger--emphatic-r.is-active .hamburger-inner:before {\n transition: left .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;\n top: 36px;\n left: -36px;\n transform: translate3d(36px, -36px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--emphatic-r.is-active .hamburger-inner:after {\n transition: right .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;\n top: 36px;\n right: -36px;\n transform: translate3d(-36px, -36px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--minus .hamburger-inner:before, .header-lock .hamburger--minus .hamburger-inner:after {\n transition: bottom 80ms ease-out, top 80ms ease-out, opacity linear;\n}\n\n.header-lock .hamburger--minus.is-active .hamburger-inner:before, .header-lock .hamburger--minus.is-active .hamburger-inner:after {\n opacity: 0;\n transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s linear 80ms;\n}\n\n.header-lock .hamburger--minus.is-active .hamburger-inner:before {\n top: 0;\n}\n\n.header-lock .hamburger--minus.is-active .hamburger-inner:after {\n bottom: 0;\n}\n\n.header-lock .hamburger--slider .hamburger-inner {\n top: 1px;\n}\n\n.header-lock .hamburger--slider .hamburger-inner:before {\n transition-property: transform, opacity;\n transition-duration: .15s;\n transition-timing-function: ease;\n top: 6px;\n}\n\n.header-lock .hamburger--slider .hamburger-inner:after {\n top: 12px;\n}\n\n.header-lock .hamburger--slider.is-active .hamburger-inner {\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--slider.is-active .hamburger-inner:before {\n opacity: 0;\n transform: rotate(-45deg)translate3d(-2.57143px, -4px, 0);\n}\n\n.header-lock .hamburger--slider.is-active .hamburger-inner:after {\n transform: translate3d(0, -12px, 0)rotate(-90deg);\n}\n\n.header-lock .hamburger--slider-r .hamburger-inner {\n top: 1px;\n}\n\n.header-lock .hamburger--slider-r .hamburger-inner:before {\n transition-property: transform, opacity;\n transition-duration: .15s;\n transition-timing-function: ease;\n top: 6px;\n}\n\n.header-lock .hamburger--slider-r .hamburger-inner:after {\n top: 12px;\n}\n\n.header-lock .hamburger--slider-r.is-active .hamburger-inner {\n transform: translate3d(0, 6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--slider-r.is-active .hamburger-inner:before {\n opacity: 0;\n transform: rotate(45deg)translate3d(2.57143px, -4px, 0);\n}\n\n.header-lock .hamburger--slider-r.is-active .hamburger-inner:after {\n transform: translate3d(0, -12px, 0)rotate(90deg);\n}\n\n.header-lock .hamburger--spin .hamburger-inner {\n transition-duration: .22s;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--spin .hamburger-inner:before {\n transition: top .1s ease-in .25s, opacity .1s ease-in;\n}\n\n.header-lock .hamburger--spin .hamburger-inner:after {\n transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--spin.is-active .hamburger-inner {\n transition-delay: .12s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: rotate(225deg);\n}\n\n.header-lock .hamburger--spin.is-active .hamburger-inner:before {\n opacity: 0;\n transition: top .1s ease-out, opacity .1s ease-out .12s;\n top: 0;\n}\n\n.header-lock .hamburger--spin.is-active .hamburger-inner:after {\n transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;\n bottom: 0;\n transform: rotate(-90deg);\n}\n\n.header-lock .hamburger--spin-r .hamburger-inner {\n transition-duration: .22s;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--spin-r .hamburger-inner:before {\n transition: top .1s ease-in .25s, opacity .1s ease-in;\n}\n\n.header-lock .hamburger--spin-r .hamburger-inner:after {\n transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--spin-r.is-active .hamburger-inner {\n transition-delay: .12s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: rotate(-225deg);\n}\n\n.header-lock .hamburger--spin-r.is-active .hamburger-inner:before {\n opacity: 0;\n transition: top .1s ease-out, opacity .1s ease-out .12s;\n top: 0;\n}\n\n.header-lock .hamburger--spin-r.is-active .hamburger-inner:after {\n transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;\n bottom: 0;\n transform: rotate(90deg);\n}\n\n.header-lock .hamburger--spring .hamburger-inner {\n transition: background-color 0s linear .13s;\n top: 1px;\n}\n\n.header-lock .hamburger--spring .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);\n top: 6px;\n}\n\n.header-lock .hamburger--spring .hamburger-inner:after {\n transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);\n top: 12px;\n}\n\n.header-lock .hamburger--spring.is-active .hamburger-inner {\n background-color: #0000;\n transition-delay: .22s;\n}\n\n.header-lock .hamburger--spring.is-active .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;\n top: 0;\n transform: translate3d(0, 6px, 0)rotate(45deg);\n}\n\n.header-lock .hamburger--spring.is-active .hamburger-inner:after {\n transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;\n top: 0;\n transform: translate3d(0, 6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--spring-r .hamburger-inner {\n transition-duration: .13s;\n transition-delay: 0s;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n top: auto;\n bottom: 0;\n}\n\n.header-lock .hamburger--spring-r .hamburger-inner:after {\n transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity linear;\n top: -12px;\n}\n\n.header-lock .hamburger--spring-r .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--spring-r.is-active .hamburger-inner {\n transition-delay: .22s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: translate3d(0, -6px, 0)rotate(-45deg);\n}\n\n.header-lock .hamburger--spring-r.is-active .hamburger-inner:after {\n opacity: 0;\n transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;\n top: 0;\n}\n\n.header-lock .hamburger--spring-r.is-active .hamburger-inner:before {\n transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;\n top: 0;\n transform: rotate(90deg);\n}\n\n.header-lock .hamburger--stand .hamburger-inner {\n transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;\n}\n\n.header-lock .hamburger--stand .hamburger-inner:before {\n transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--stand .hamburger-inner:after {\n transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--stand.is-active .hamburger-inner {\n background-color: #0000;\n transition: transform 75ms cubic-bezier(.215, .61, .355, 1), background-color 0s linear .15s;\n transform: rotate(90deg);\n}\n\n.header-lock .hamburger--stand.is-active .hamburger-inner:before {\n transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;\n top: 0;\n transform: rotate(-45deg);\n}\n\n.header-lock .hamburger--stand.is-active .hamburger-inner:after {\n transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;\n bottom: 0;\n transform: rotate(45deg);\n}\n\n.header-lock .hamburger--stand-r .hamburger-inner {\n transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;\n}\n\n.header-lock .hamburger--stand-r .hamburger-inner:before {\n transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--stand-r .hamburger-inner:after {\n transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--stand-r.is-active .hamburger-inner {\n background-color: #0000;\n transition: transform 75ms cubic-bezier(.215, .61, .355, 1), background-color 0s linear .15s;\n transform: rotate(-90deg);\n}\n\n.header-lock .hamburger--stand-r.is-active .hamburger-inner:before {\n transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;\n top: 0;\n transform: rotate(-45deg);\n}\n\n.header-lock .hamburger--stand-r.is-active .hamburger-inner:after {\n transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;\n bottom: 0;\n transform: rotate(45deg);\n}\n\n.header-lock .hamburger--squeeze .hamburger-inner {\n transition-duration: 75ms;\n transition-timing-function: cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--squeeze .hamburger-inner:before {\n transition: top 75ms .12s, opacity 75ms;\n}\n\n.header-lock .hamburger--squeeze .hamburger-inner:after {\n transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);\n}\n\n.header-lock .hamburger--squeeze.is-active .hamburger-inner {\n transition-delay: .12s;\n transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n transform: rotate(45deg);\n}\n\n.header-lock .hamburger--squeeze.is-active .hamburger-inner:before {\n opacity: 0;\n transition: top 75ms, opacity 75ms .12s;\n top: 0;\n}\n\n.header-lock .hamburger--squeeze.is-active .hamburger-inner:after {\n transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;\n bottom: 0;\n transform: rotate(-90deg);\n}\n\n.header-lock .hamburger--vortex .hamburger-inner {\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.19, 1, .22, 1);\n}\n\n.header-lock .hamburger--vortex .hamburger-inner:before, .header-lock .hamburger--vortex .hamburger-inner:after {\n transition-duration: 0s;\n transition-delay: .1s;\n transition-timing-function: linear;\n}\n\n.header-lock .hamburger--vortex .hamburger-inner:before {\n transition-property: top, opacity;\n}\n\n.header-lock .hamburger--vortex .hamburger-inner:after {\n transition-property: bottom, transform;\n}\n\n.header-lock .hamburger--vortex.is-active .hamburger-inner {\n transition-timing-function: cubic-bezier(.19, 1, .22, 1);\n transform: rotate(765deg);\n}\n\n.header-lock .hamburger--vortex.is-active .hamburger-inner:before, .header-lock .hamburger--vortex.is-active .hamburger-inner:after {\n transition-delay: 0s;\n}\n\n.header-lock .hamburger--vortex.is-active .hamburger-inner:before {\n opacity: 0;\n top: 0;\n}\n\n.header-lock .hamburger--vortex.is-active .hamburger-inner:after {\n bottom: 0;\n transform: rotate(90deg);\n}\n\n.header-lock .hamburger--vortex-r .hamburger-inner {\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.19, 1, .22, 1);\n}\n\n.header-lock .hamburger--vortex-r .hamburger-inner:before, .header-lock .hamburger--vortex-r .hamburger-inner:after {\n transition-duration: 0s;\n transition-delay: .1s;\n transition-timing-function: linear;\n}\n\n.header-lock .hamburger--vortex-r .hamburger-inner:before {\n transition-property: top, opacity;\n}\n\n.header-lock .hamburger--vortex-r .hamburger-inner:after {\n transition-property: bottom, transform;\n}\n\n.header-lock .hamburger--vortex-r.is-active .hamburger-inner {\n transition-timing-function: cubic-bezier(.19, 1, .22, 1);\n transform: rotate(-765deg);\n}\n\n.header-lock .hamburger--vortex-r.is-active .hamburger-inner:before, .header-lock .hamburger--vortex-r.is-active .hamburger-inner:after {\n transition-delay: 0s;\n}\n\n.header-lock .hamburger--vortex-r.is-active .hamburger-inner:before {\n opacity: 0;\n top: 0;\n}\n\n.header-lock .hamburger--vortex-r.is-active .hamburger-inner:after {\n bottom: 0;\n transform: rotate(-90deg);\n}\n\n.nav-active .header-lock {\n height: 100%;\n}\n\n.nav-active .header-lock .navigation-wrapper {\n display: block;\n}\n\n.nav-active .header-lock:before {\n --tw-bg-opacity: 1;\n background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n content: \"\";\n z-index: -1;\n min-height: 100dvh;\n display: block;\n position: absolute;\n inset: 0;\n}\n\n@media (width >= 640px) {\n .nav-active .header-lock:before {\n max-width: 360px;\n right: auto;\n }\n}\n\n@media (width >= 1024px) {\n .nav-active .header-lock:before {\n display: none;\n }\n}\n\n.nav-active .header-lock:after {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n opacity: .5;\n content: \"\";\n z-index: -2;\n min-height: 100dvh;\n display: block;\n position: absolute;\n inset: 0;\n}\n\n@media (width >= 1024px) {\n .nav-active .header-lock:after {\n display: none;\n }\n}\n\n.header-lock .container.header {\n z-index: 110;\n}\n\n.header-lock .container.header * {\n z-index: 111;\n}\n\n.header-lock .container.header.navigation-wrapper {\n z-index: 200;\n}\n\n.header-lock .container.header.navigation-wrapper * {\n z-index: 201;\n}\n\n.header-lock .container.header.logo-wrapper {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.header-lock .container {\n width: 100%;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n padding-left: 10px;\n padding-right: 10px;\n}\n\n@media (width >= 1024px) {\n .header-lock .container {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n@media (width >= 1401px) {\n .header-lock .container {\n max-width: 1400px !important;\n }\n}\n\n.header-lock .container.header {\n padding-top: 1rem;\n padding-bottom: 1rem;\n position: relative;\n}\n\n@media (width >= 768px) {\n .header-lock .container.header {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n}\n\n.header-lock .page-wrapper {\n padding-top: 46px;\n}\n\n@media (width >= 640px) {\n .header-lock .page-wrapper {\n padding-top: 53px;\n }\n}\n\n@media (width >= 768px) {\n .header-lock .page-wrapper {\n padding-top: 61px;\n }\n}\n\n@media (width >= 1024px) {\n .header-lock .page-wrapper {\n padding-top: 116px;\n }\n}\n\n@media (width >= 1400px) {\n .header-lock .page-wrapper {\n padding-top: 120px;\n }\n}\n\n.header-lock .prose-page {\n max-width: 100%;\n padding: 20px;\n}\n\n.header-lock .prose-page:last-child {\n padding-bottom: 0;\n}\n\n.header-lock .prose-page img {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.header-lock .prose-page p:first-child {\n margin-top: 0;\n}\n\n.header-lock .layout-item {\n margin-bottom: 46px;\n}\n\n.header-lock .layout-item .layout-item {\n margin-bottom: 0;\n}\n\n.header-lock .layout-item img {\n border-radius: 10px;\n}\n\n.header-lock .layout-item.no-bottom {\n margin-bottom: 0;\n}\n\n.header-lock .layout-item.padding-not-margin-top {\n padding-top: 66px;\n}\n\n.header-lock .layout-item.padding-not-margin {\n padding-bottom: 66px;\n}\n\n.header-lock .no-bottom {\n margin-bottom: 0;\n}\n\n.header-lock .section-gap-top {\n padding-top: 66px;\n}\n\n.header-lock h1 {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1;\n}\n\n.header-lock .caption, .header-lock .meta {\n font-size: 12px;\n}\n\n@media (width >= 1024px) {\n .header-lock .caption, .header-lock .meta {\n font-size: 14px;\n }\n}\n\n.header-lock .caption {\n margin-top: .5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.header-lock .info {\n display: block;\n}\n\n.header-lock .info.sku {\n font-size: 17px;\n}\n\n@media (width >= 1024px) {\n .header-lock .info.sku {\n font-size: 1.3em;\n }\n}\n\n.header-lock .info.flag {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: 0 .5rem;\n font-size: 10px;\n line-height: 22px;\n display: inline-block;\n}\n\n.header-lock .info.related {\n padding-left: 30px;\n font-size: .9em;\n line-height: 20px;\n position: relative;\n}\n\n.header-lock .info.related:before {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"19.75\\\" height=\\\"19.75\\\" viewBox=\\\"0 0 19.75 19.75\\\"%3E%3Cg id=\\\"Group_11\\\" data-name=\\\"Group 11\\\" transform=\\\"translate(0.375 0.375)\\\"%3E%3Cpath id=\\\"Stroke_1\\\" data-name=\\\"Stroke 1\\\" d=\\\"M19,9.5A9.5,9.5,0,1,0,9.5,19,9.5,9.5,0,0,0,19,9.5Z\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cpath id=\\\"Fill_3\\\" data-name=\\\"Fill 3\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_5\\\" data-name=\\\"Stroke 5\\\" d=\\\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38Z\\\" transform=\\\"translate(8.295 3.728)\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3Cg id=\\\"Group_10\\\" data-name=\\\"Group 10\\\" transform=\\\"translate(7.64 7.852)\\\"%3E%3Cpath id=\\\"Fill_7\\\" data-name=\\\"Fill 7\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"%23a4d3ff\\\"/%3E%3Cpath id=\\\"Stroke_9\\\" data-name=\\\"Stroke 9\\\" d=\\\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\\\" fill=\\\"none\\\" stroke=\\\"%23575756\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-miterlimit=\\\"10\\\" stroke-width=\\\"0.75\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100%;\n width: 20px;\n height: 20px;\n margin-right: .5rem;\n display: block;\n position: absolute;\n top: 50%;\n left: 0;\n}\n\n.header-lock .use-to-measure {\n margin: 0 !important;\n}\n\n.header-lock .uses-list {\n margin-left: 0;\n padding-left: 0;\n margin-top: 11px !important;\n}\n\n.header-lock .uses-list li {\n margin-left: 0;\n padding-left: 0;\n font-size: 1.5em;\n font-weight: 300;\n list-style-type: none;\n}\n\n.header-lock .media-wrapper {\n width: 100%;\n margin-top: 1.5rem;\n padding-top: 56.25%;\n position: relative;\n overflow: hidden;\n}\n\n.header-lock .media-wrapper iframe, .header-lock .media-wrapper .video-js {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n}\n\n.header-lock a {\n color: inherit;\n}\n\n.header-lock a:hover {\n text-decoration-line: none;\n}\n\n.header-lock .content a {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.header-lock .content-nav a {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n}\n\n.header-lock .content-nav a:hover {\n font-weight: 700;\n text-decoration-line: none;\n text-decoration: none !important;\n}\n\n.header-lock .content-nav a.active {\n font-weight: 700;\n color: #5564b9 !important;\n text-decoration: none !important;\n}\n\n.header-lock .content-nav .content-nav-list {\n margin-bottom: 2rem;\n}\n\n.header-lock .content-nav .content-nav-list li {\n padding-bottom: .5rem;\n padding-left: 1.4em;\n}\n\n.header-lock .button-solid {\n cursor: pointer;\n white-space: nowrap;\n --tw-bg-opacity: 1;\n background-color: rgb(51 51 51 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: .5rem 1.5rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff !important;\n}\n\n.header-lock .button-solid:hover, .header-lock .button-solid:active, .header-lock .button-solid:focus, a:focus .header-lock .button-solid, a:hover .header-lock .button-solid, a:active .header-lock .button-solid, a:focus-within .header-lock .button-solid {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n text-decoration-line: none;\n text-decoration: none !important;\n}\n\n.header-lock .button-solid.button-alt, .header-lock .button-solid.button-alt:visited {\n --tw-bg-opacity: 1;\n background-color: rgb(61 96 207 / var(--tw-bg-opacity));\n}\n\n.header-lock .button-solid.button-alt:hover, .header-lock .button-solid.button-alt:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(45 75 167 / var(--tw-bg-opacity));\n}\n\n.header-lock .button-solid.button-alt:active, .header-lock .button-solid.button-alt.active {\n --tw-bg-opacity: 1;\n background-color: rgb(16 68 150 / var(--tw-bg-opacity));\n}\n\n.header-lock .button-solid.button-strong {\n font-weight: 700;\n}\n\n@media (width >= 1400px) {\n .header-lock .button-solid {\n font-size: 19px;\n line-height: 1;\n }\n}\n\n.header-lock .button-outline {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(85 100 185 / var(--tw-border-opacity));\n border-radius: .5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1.125rem;\n font-weight: 500;\n line-height: 35px;\n text-decoration-line: none;\n display: inline-block;\n}\n\n.header-lock .button-outline.with-arrow {\n padding-right: 40px;\n position: relative;\n}\n\n.header-lock .button-outline.with-arrow:after {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%235564b9' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 9px 16px;\n width: 9px;\n height: 16px;\n position: absolute;\n top: 50%;\n right: 1rem;\n}\n\n@media (width >= 768px) {\n .header-lock .button-outline {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.25rem;\n line-height: 45px;\n }\n\n .header-lock .button-outline.with-arrow {\n padding-right: 50px;\n position: relative;\n }\n\n .header-lock .button-outline.with-arrow:after {\n right: 1.5rem;\n }\n}\n\n.header-lock .button-outline:hover, .header-lock .button-outline:active, .header-lock .button-outline:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.header-lock .button-outline:hover.with-arrow:after, .header-lock .button-outline:active.with-arrow:after, .header-lock .button-outline:focus.with-arrow:after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n}\n\n.header-lock .button-tag {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(85 100 185 / var(--tw-border-opacity));\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n border-radius: 9999px;\n padding: .25rem 1rem;\n font-weight: 700;\n}\n\n.header-lock .button-tag:hover, .header-lock .button-tag:active, .header-lock .button-tag:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.header-lock .button-tag-small {\n --tw-bg-opacity: 1;\n background-color: rgb(112 112 112 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n border-radius: 9999px;\n margin-right: .25rem;\n padding: .25rem 1rem;\n font-weight: 700;\n}\n\n.header-lock .button-tag-small:hover, .header-lock .button-tag-small:active, .header-lock .button-tag-small:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.header-lock .button-icon-small, .header-lock .button-icon-large {\n flex-direction: row;\n align-items: center;\n font-weight: 700;\n display: flex;\n}\n\n.header-lock .button-icon-small .button-icon, .header-lock .button-icon-large .button-icon {\n width: 60px;\n height: 60px;\n margin-right: 2rem;\n display: block;\n position: relative;\n}\n\n.header-lock .button-icon-small .button-icon img, .header-lock .button-icon-small .button-icon svg, .header-lock .button-icon-large .button-icon img, .header-lock .button-icon-large .button-icon svg {\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n object-fit: cover;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.header-lock .button-icon-small .button-text, .header-lock .button-icon-large .button-text {\n flex-grow: 1;\n}\n\n.header-lock .button-icon-large {\n --tw-bg-opacity: 1;\n background-color: rgb(224 230 243 / var(--tw-bg-opacity));\n border-radius: .5rem;\n flex-direction: row;\n align-items: center;\n padding: 2rem;\n font-weight: 700;\n display: flex;\n}\n\n.header-lock .button-icon-large .button-text {\n flex-direction: column;\n flex-grow: 1;\n font-weight: 400;\n display: flex;\n}\n\n.header-lock .button-icon-large .button-text .title {\n font-size: 1.875rem;\n font-weight: 500;\n line-height: 2.25rem;\n}\n\n.header-lock table.technical-information tr {\n --tw-border-opacity: 1;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-color: rgb(194 194 194 / var(--tw-border-opacity));\n}\n\n.header-lock table.technical-information tr th {\n --tw-bg-opacity: 1;\n background-color: rgb(247 247 247 / var(--tw-bg-opacity));\n}\n\n.header-lock table.technical-information tr th, .header-lock table.technical-information tr td {\n padding: .5rem 1.5rem;\n}\n\n.header-lock table.technical-information.one-data-col th, .header-lock table.technical-information.one-data-col td {\n width: 50%;\n}\n\n.header-lock table.technical-information.two-data-col th {\n width: 40%;\n}\n\n.header-lock table.technical-information.two-data-col td {\n width: 30%;\n}\n\n.header-lock table.technical-information tfoot tr {\n border-width: 0;\n}\n\n.header-lock a.image-link {\n text-decoration-line: none;\n}\n\n.header-lock a.image-link span {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n padding-top: 1rem;\n line-height: 1.5rem;\n display: block;\n text-decoration: none !important;\n}\n\n.header-lock a.image-link:hover, .header-lock a.image-link:active, .header-lock a.image-link:focus {\n text-decoration-line: none;\n}\n\n.header-lock a.image-link:hover span, .header-lock a.image-link:active span, .header-lock a.image-link:focus span {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: none;\n}\n\n.header-lock .image-wrapper {\n border-radius: .5rem;\n overflow: hidden;\n}\n\n.header-lock .image-wrapper img {\n width: 100%;\n}\n\n.header-lock .content-card {\n min-height: 18rem;\n}\n\n.header-lock .carousel-image-wrapper {\n border-radius: .5rem;\n overflow: hidden;\n}\n\n.header-lock .carousel-image-wrapper img {\n width: 100%;\n height: auto;\n}\n\n.header-lock a h1:hover, .header-lock a h1:active, .header-lock a h1:focus, .header-lock a h2:hover, .header-lock a h2:active, .header-lock a h2:focus, .header-lock a h3:hover, .header-lock a h3:active, .header-lock a h3:focus {\n text-decoration-line: underline;\n}\n\n.header-lock .sticky-nav {\n position: sticky;\n top: 2rem;\n}\n\n.header-lock .tns-outer {\n z-index: 10;\n border-radius: .5rem;\n position: relative;\n overflow: hidden;\n}\n\n.header-lock .tns-outer .tns-controls {\n pointer-events: none;\n z-index: 11;\n width: 100%;\n padding-top: 50%;\n position: absolute;\n top: 0;\n}\n\n.header-lock .tns-outer .tns-controls button {\n pointer-events: auto;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n text-indent: -9999px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n position: absolute;\n}\n\n.header-lock .tns-outer .tns-controls button[data-controls=\"prev\"] {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n left: 1rem;\n}\n\n.header-lock .tns-outer .tns-controls button[data-controls=\"prev\"]:hover, .header-lock .tns-outer .tns-controls button[data-controls=\"prev\"]:active, .header-lock .tns-outer .tns-controls button[data-controls=\"prev\"]:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n}\n\n.header-lock .tns-outer .tns-controls button[data-controls=\"next\"] {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n right: 1rem;\n}\n\n.header-lock .tns-outer .tns-controls button[data-controls=\"next\"]:hover, .header-lock .tns-outer .tns-controls button[data-controls=\"next\"]:active, .header-lock .tns-outer .tns-controls button[data-controls=\"next\"]:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E%0A\");\n}\n\n.header-lock .tns-outer .tns-nav {\n justify-content: center;\n width: 100%;\n display: flex;\n position: absolute;\n bottom: 0;\n}\n\n.header-lock .tns-outer .tns-nav button {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(91 91 91 / var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 9999px;\n width: 10px;\n height: 10px;\n margin-bottom: 1rem;\n margin-left: .25rem;\n margin-right: .25rem;\n}\n\n.header-lock .tns-outer .tns-nav button.tns-nav-active {\n --tw-bg-opacity: 1;\n background-color: rgb(194 194 194 / var(--tw-bg-opacity));\n}\n\n.header-lock .tns-outer .tns-nav button:hover, .header-lock .tns-outer .tns-nav button:active, .header-lock .tns-outer .tns-nav button:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n.header-lock a[data-fslightbox] {\n cursor: pointer;\n z-index: 13;\n display: block;\n position: relative;\n}\n\n.header-lock a[data-fslightbox]:after {\n z-index: 14;\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-ddc5e916-6c5a-4464-bfc9-b52d9ceafdd9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-ea9e10fa-0db4-4243-a69d-a26eff29ea58' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-492bc5c9-42d9-4774-ac9c-ffd3a345aa6f'%3E%3Cg id='uuid-b4e41131-184d-4da2-b29f-b547eb7e62c9'%3E%3Cpath id='uuid-b266d068-8f59-4fa5-98c0-12dc9e3e2429' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-f4395912-1dc7-4cc2-af9b-4ae4bc708dcd' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-281121c0-52c6-4e42-a69e-559332634b66' d='m13.53,9.94v5.94' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-101b957b-4b47-4d5f-81c5-3eefc94a0196' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n display: block;\n position: absolute;\n top: 1rem;\n right: 1rem;\n}\n\n.header-lock a[data-fslightbox]:hover:after, .header-lock a[data-fslightbox]:active:after, .header-lock a[data-fslightbox]:focus:after {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-13aa0e69-d673-49dd-b95d-e4564e48f446' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-24e8f82e-351d-4779-a98c-19016d5671e0' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-4227a5db-774f-4784-bc81-4109db1fda0b'%3E%3Cg id='uuid-81b1c7c6-220b-448a-a213-c01d1b92f1e1'%3E%3Cpath id='uuid-dd2101e5-2344-44b1-9822-529f642cb174' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-d7a2e362-2123-4dfe-a486-2e296e100a12' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-c0ee6b2e-f189-46a0-875d-636bd8e7cedc' d='m13.53,9.94v5.94' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-0f9852a8-1978-43b8-b56a-4042e65acb2d' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.header-lock .smooth-scroll {\n scroll-behavior: smooth;\n}\n\n.header-lock .layout-item > div > ul > li::marker {\n color: #5564b9 !important;\n}\n\n.header-lock .layout-item h1 {\n line-height: 1.25;\n}\n\n.header-lock .layout-item h2 {\n margin-bottom: .75em;\n}\n\n.header-lock .layout-item > div > p > a, .header-lock .layout-item > div > p > a:visited {\n color: #5564b9 !important;\n}\n\n.header-lock .layout-item > div > p > a:hover {\n text-decoration: underline;\n color: #8189b7 !important;\n}\n\n.header-lock .blog-info {\n flex-direction: row;\n width: 100%;\n}\n\n.header-lock .social-media-icons {\n z-index: 10;\n flex-direction: column;\n position: absolute;\n left: 950px;\n transform: translateY(-50%);\n}\n\n.header-lock .social-media-icons a {\n margin: 5px 0;\n display: block;\n}\n\n.header-lock .social-media-icons img {\n width: 32px;\n min-width: 32px;\n height: 32px;\n min-height: 32px;\n}\n\n.header-lock .social-relative {\n position: relative;\n}\n\n.header-lock .durationIconOuter {\n padding-top: 4px;\n}\n\n.header-lock .durationIcon {\n width: 16px;\n min-width: 16px;\n height: 16px;\n min-height: 16px;\n}\n\n.header-lock .prose h2 {\n font-size: 2.25em;\n}\n\n.header-lock .productHeading h1 {\n font-size: 2.75em;\n}\n\n.header-lock .content-nav-list {\n font-size: 1.125em !important;\n}\n\n.header-lock .productOuter .layout-item:first-child .prose {\n padding-top: 0 !important;\n}\n\n.header-lock .productInfo {\n flex-direction: column;\n justify-content: left;\n}\n\n.header-lock .info.sku {\n margin-bottom: 8px;\n font-size: 21px;\n line-height: 28px;\n}\n\n.header-lock .info.flag {\n max-width: -moz-fit-content;\n max-width: fit-content;\n max-height: 18px;\n font-size: 10px;\n line-height: 18px;\n}\n\n.header-lock .customDesignIcon {\n margin-right: 0 !important;\n}\n\n.header-lock .basketWrapper {\n justify-content: center;\n padding-top: 72px;\n padding-bottom: 62px;\n display: flex;\n}\n\n.header-lock .basketInner {\n max-width: 275px;\n}\n\n.header-lock .basketText {\n font-size: 1em;\n line-height: 1.5em;\n}\n\n.header-lock .basketHeading {\n margin-top: 45px !important;\n margin-bottom: 12px !important;\n}\n\n.header-lock .basketIcon {\n width: auto;\n max-height: 97px;\n}\n\n.header-lock .basketBackButton {\n color: #fff;\n background-color: #5564b9;\n min-width: 100%;\n margin-top: 31px;\n padding: 14px 0 15px;\n font-size: 1.125em;\n}\n\n.header-lock .interactive-button {\n cursor: pointer;\n border: 1px solid #5564b9;\n padding: 6px 17px 7px;\n line-height: 2em;\n}\n\n.header-lock .interactive-button-link {\n text-decoration: none !important;\n}\n\n@media (width >= 1400px) {\n .header-lock .social-media-icons {\n left: 950px;\n }\n}\n\n@media (width <= 1399px) {\n .header-lock .social-media-icons {\n left: 700px;\n }\n}\n\n@media (width <= 1023px) {\n .header-lock .social-media-icons {\n left: 650px;\n }\n\n .header-lock .durationIconOuter {\n padding-top: 3px;\n }\n}\n\n@media (width <= 890px) {\n .header-lock .social-media-icons {\n left: 630px;\n }\n}\n\n@media (width <= 763px) {\n .header-lock .blog-info {\n flex-direction: column;\n }\n\n .header-lock .social-media-icons {\n position: unset;\n flex-direction: row;\n padding-top: 40px;\n }\n\n .header-lock .blogpost-details {\n justify-content: space-between;\n }\n\n .header-lock .duration {\n position: relative;\n top: -40px;\n }\n\n .header-lock .social-media-icons img {\n margin: 0 5px;\n }\n\n .header-lock .blog-post-heading {\n margin-bottom: 26px !important;\n }\n\n .header-lock .productHeading h1 {\n font-size: 1.75em !important;\n }\n\n .header-lock .productInfo {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .header-lock .info.flag {\n max-width: -moz-fit-content;\n max-width: fit-content;\n max-height: 14px;\n margin-top: 4px;\n font-size: 8px;\n line-height: 14px;\n }\n\n .header-lock .info.sku {\n margin-bottom: 0;\n font-size: 17px;\n line-height: 23px;\n }\n\n .header-lock .productUpper {\n width: 100%;\n min-width: 100%;\n }\n\n .header-lock .layout-item h1 {\n font-size: 1em;\n }\n\n .header-lock .productUpper .uses .uses-list {\n margin-bottom: 0;\n }\n\n .header-lock .productUpper .uses .uses-list li {\n margin-bottom: 0;\n font-size: 1.3em;\n }\n\n .header-lock .info.related {\n font-size: .75em;\n }\n\n .header-lock .info.related:before {\n width: 17px;\n height: 17px;\n }\n\n .header-lock .productOuter {\n padding: 0 15px;\n }\n\n .header-lock .productOuter .layout-item .prose {\n padding: 0;\n }\n\n .header-lock .prose h2 {\n font-size: 1.5em;\n line-height: 30px;\n }\n\n .header-lock .productWrapper > .layout-item {\n padding-bottom: 22px;\n }\n\n .header-lock .productOuter > .layout-item {\n margin-bottom: 60px;\n }\n\n .header-lock .productInfoContainer {\n padding-top: 60px !important;\n }\n\n .header-lock .productPreFooterSection {\n margin: 0;\n padding: 0 15px 43px !important;\n }\n\n .header-lock .productPreFooterSection .grid .prose {\n padding: 0 !important;\n }\n\n .header-lock .productPreFooterSection .grid .prose h2 {\n font-size: 1.5em;\n }\n\n .header-lock .findOutMoreSection {\n vertical-align: middle;\n border: 1px solid #ccc;\n border-radius: 6px;\n height: 78px;\n }\n\n .header-lock .findOutMoreSection .button-icon {\n background-color: #fff;\n border-radius: 6px 0 0 6px;\n min-width: 35%;\n height: 100%;\n margin: 0;\n }\n\n .header-lock .findOutMoreSection .button-text {\n padding: 18px 12px;\n font-size: 1.125em;\n line-height: 22px;\n }\n\n .header-lock .customDesignIcon {\n display: none !important;\n }\n\n .header-lock .learnMoreText > .title {\n font-size: 1.5em !important;\n }\n\n .header-lock .learnMoreText {\n font-size: 1em;\n }\n\n .header-lock .learnMoreButton {\n margin-top: 20px;\n }\n\n .header-lock .learnMoreButton > .button-solid {\n font-size: 1.125em;\n }\n}\n\n@media (width <= 639px) {\n .header-lock .productWrapper {\n padding: 0 15px;\n }\n}\n\n.header-lock .mobile-menu-button {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n font-size: 14px;\n line-height: 14px;\n display: block;\n position: absolute;\n top: 50%;\n left: 15px;\n}\n\n@media (width >= 1024px) {\n .header-lock .mobile-menu-button {\n display: none;\n }\n}\n\n.header-lock .logo-wrapper {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(151 151 151 / var(--tw-border-opacity));\n}\n\n@media (width >= 1024px) {\n .header-lock .logo-wrapper {\n border-bottom-width: 0;\n }\n}\n\n.header-lock .logo-wrapper .logo-inner {\n justify-content: center;\n display: flex;\n}\n\n@media (width >= 1024px) {\n .header-lock .logo-wrapper .logo-inner {\n justify-content: space-between;\n align-items: center;\n }\n}\n\n.header-lock .logo-wrapper .logo-inner .logo {\n max-width: 220px;\n}\n\n@media (width >= 640px) {\n .header-lock .logo-wrapper .logo-inner .logo {\n max-width: 330px;\n }\n}\n\n@media (width >= 1400px) {\n .header-lock .logo-wrapper .logo-inner .logo {\n max-width: 100%;\n }\n}\n\n.header-lock .logo-wrapper .logo-meta {\n display: none;\n}\n\n@media (width >= 1024px) {\n .header-lock .logo-wrapper .logo-meta {\n display: block;\n }\n}\n\n.header-lock .navigation-wrapper {\n --tw-bg-opacity: 1;\n background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n height: calc(100dvh - 46px);\n display: none;\n position: relative;\n}\n\n.header-lock .navigation-wrapper.container.header {\n padding: 0;\n}\n\n.nav-active .header-lock .navigation-wrapper {\n overflow-y: auto;\n}\n\n@media (width >= 640px) {\n .header-lock .navigation-wrapper {\n max-width: 360px;\n height: calc(100dvh - 61px);\n margin-left: 0;\n margin-right: auto;\n }\n}\n\n@media (width >= 1024px) {\n .header-lock .navigation-wrapper {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n max-width: inherit;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n display: block;\n position: relative;\n }\n\n .header-lock .navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-border-opacity: 1;\n border-width: 1px;\n border-top-color: rgb(151 151 151 / var(--tw-border-opacity));\n content: \"\";\n background-color: #fff;\n width: 100vw;\n display: block;\n position: absolute;\n top: -1px;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n.header-lock .navigation-wrapper .logo-meta-mobile {\n text-align: center;\n width: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.header-lock .navigation {\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n list-style-type: none;\n}\n\n.header-lock .navigation * {\n font-size: 14px;\n line-height: 16px;\n}\n\n.header-lock .navigation .navigation-item {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item {\n position: relative;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item:not(.show-children) {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .arrow-decoration {\n pointer-events: none;\n cursor: pointer;\n justify-content: flex-end;\n width: 45px;\n height: 45px;\n display: flex;\n position: absolute;\n top: 0;\n right: 10px;\n overflow: hidden;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .arrow-decoration span {\n text-indent: -9999px;\n width: 45px;\n height: 45px;\n display: block;\n position: relative;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .arrow-decoration span:before {\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg width='13px' height='7px' viewBox='0 0 13 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav copy 3%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Tablet-768-x-1024' transform='translate(-322, -343)' stroke='%23494949' stroke-width='1.4'%3E%3Cg id='Menu' transform='translate(-0.5, 161)'%3E%3Cg id='arrow-mobile-nav-copy-3' transform='translate(324, 183)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 13px;\n height: 7px;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n@media (width >= 1024px) {\n .header-lock .navigation.navigation-primary .navigation-item .arrow-decoration {\n display: none;\n }\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-children .toggle-button, .header-lock .navigation.navigation-primary .navigation-item.has-sub-children .toggle-button, .header-lock .navigation.navigation-primary .navigation-item.navigation-section .toggle-button {\n pointer-events: auto;\n width: calc(100% - 20px);\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-children .toggle-button span:before, .header-lock .navigation.navigation-primary .navigation-item.has-sub-children .toggle-button span:before, .header-lock .navigation.navigation-primary .navigation-item.navigation-section .toggle-button span:before {\n --tw-rotate: -0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n content: \"\";\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: 700;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper {\n display: block;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: bold !important;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children > .sub-navigation-wrapper {\n border-top-width: 0;\n display: block;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .navigation-link {\n padding: 16px 55px 16px 16px;\n font-weight: 500;\n display: block;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .navigation-link.hover, .header-lock .navigation.navigation-primary .navigation-item .navigation-link:active, .header-lock .navigation.navigation-primary .navigation-item .navigation-link.focus {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper {\n --tw-border-opacity: 1;\n border-top-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n display: none;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n overflow-x: hidden;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item {\n display: none;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item .navigation-link {\n font-weight: 400;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section) {\n border-width: 0;\n margin-left: 2.5rem;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section).active .navigation-link {\n z-index: 1;\n position: relative;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item:not(.navigation-section).active:before {\n --tw-bg-opacity: 1;\n background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n content: \"\";\n z-index: -1;\n border-radius: .375rem;\n display: block;\n position: absolute;\n inset: 5px 5px 5px 0;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section, .header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-sibling, .header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-regardless {\n display: block;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-sibling.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.show-regardless.last-sibling:after {\n --tw-border-opacity: 1;\n border-bottom-width: 1px;\n border-color: rgb(223 223 223 / var(--tw-border-opacity));\n content: \"\";\n width: 200vw;\n position: absolute;\n bottom: 0;\n left: -50%;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.show-siblings > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n font-weight: 700;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section.show-siblings > .toggle-button span:before {\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 16px;\n height: 11px;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item {\n background-color: #0000;\n display: none;\n}\n\n.header-lock .navigation.navigation-primary .navigation-item .sub-navigation-wrapper .navigation.navigation-sub .navigation-item.navigation-section {\n display: list-item;\n}\n\n@media (width >= 1024px) {\n .header-lock .navigation.navigation-primary {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n flex-direction: row;\n margin-left: 30px;\n margin-right: 30px;\n display: flex;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item {\n display: block;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item:not(.show-children) {\n border-bottom-width: 0;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children {\n position: static;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper {\n border-top-width: 0;\n display: none;\n position: relative;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .sub-navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n content: \"\";\n width: 100vw;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n position: relative;\n overflow: hidden;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children.show-children > .navigation-link:after {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n content: \"\";\n border-radius: 9999px;\n width: 100%;\n height: 10px;\n display: block;\n position: absolute;\n bottom: -5px;\n left: 0;\n right: 0;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper {\n border-top-width: 0;\n flex-direction: row;\n width: 100%;\n padding: 30px;\n display: flex;\n position: absolute;\n left: 0;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper:before, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper:before, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper:before, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper:before {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n content: \"\";\n width: 100vw;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub {\n min-width: 20%;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub:last-child, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub:last-child, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub:last-child, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub:last-child {\n flex-grow: 1;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item {\n margin-left: 0;\n display: list-item;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item:before, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item:before {\n display: none !important;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section .navigation-link {\n padding-top: 3rem;\n font-weight: 700;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.navigation-section:first-child .navigation-link {\n padding-top: 0;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item:not(.navigation-section) .navigation-link {\n padding-top: 6px;\n padding-bottom: 6px;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: underline;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.active .navigation-link:after {\n display: none !important;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n text-decoration-line: underline;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:not(span):focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:hover:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:active:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item .navigation-link:focus:after {\n display: none !important;\n }\n\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper .navigation-sub .navigation-item.last-sibling:after, .header-lock .navigation.navigation-primary .navigation-item.has-sub-children.show-sub-children .sub-navigation-wrapper {\n display: none;\n }\n\n .header-lock .navigation.navigation-primary > .navigation-item .navigation-link {\n margin-left: 1rem;\n margin-right: 1rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:hover, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:active, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:focus, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link.active {\n position: relative;\n overflow: hidden;\n }\n\n .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:hover:after, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:active:after, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link:focus:after, .header-lock .navigation.navigation-primary > .navigation-item .navigation-link.active:after {\n --tw-bg-opacity: 1;\n background-color: rgb(85 100 185 / var(--tw-bg-opacity));\n content: \"\";\n border-radius: 9999px;\n width: 100%;\n height: 10px;\n display: block;\n position: absolute;\n bottom: -5px;\n left: 0;\n right: 0;\n }\n}\n\n@media (width >= 1400px) {\n .header-lock .navigation.navigation-primary .navigation-item.has-children:hover > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children:focus-within > .sub-navigation-wrapper, .header-lock .navigation.navigation-primary .navigation-item.has-children .active > .sub-navigation-wrapper {\n padding: 3rem 75px;\n }\n\n .header-lock .navigation.navigation-primary > .navigation-item .navigation-link {\n margin-left: 1rem;\n margin-right: 1rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n .header-lock .navigation.navigation-primary > .navigation-item:first-child .navigation-link, .header-lock .navigation.navigation-primary > .navigation-item .navigation-sub .navigation-item .navigation-link {\n margin-left: 0;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n .header-lock body {\n background-color: #fff;\n }\n}\n\n.header-lock .video-block {\n margin: 1rem 0;\n}\n\n@media only screen and (width >= 1400px) {\n .header-lock {\n background-color: #fff;\n }\n}\n\nbody {\n margin: 0;\n}\n\n.footer {\n --tw-bg-opacity: 1;\n background-color: rgb(194 120 3 / var(--tw-bg-opacity));\n padding: 4rem 0 1rem;\n}\n\n@media (width >= 1400px) {\n .footer {\n padding: 4rem 0 1rem;\n }\n}\n\n.footer .container {\n width: 100%;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n padding-left: 10px;\n padding-right: 10px;\n}\n\n@media (width >= 1024px) {\n .footer .container {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n@media (width >= 1401px) {\n .footer .container {\n max-width: 1400px !important;\n }\n}\n\n.footer .container.header {\n padding-top: 1rem;\n padding-bottom: 1rem;\n position: relative;\n}\n\n@media (width >= 768px) {\n .footer .container.header {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n}\n\n.footer .container {\n padding-left: 26px;\n padding-right: 26px;\n}\n\n@media (width >= 1024px) {\n .footer .container {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n.footer .container .logo-wrapper {\n border-width: 0;\n width: 100%;\n padding-bottom: 2rem;\n display: block;\n}\n\n.footer .container .logo-wrapper .logo {\n width: 222px;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.footer .container .content {\n flex-direction: column;\n gap: 1rem;\n display: flex;\n}\n\n.footer .container .content * {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n font-size: 14px;\n font-weight: 400;\n line-height: 2;\n}\n\n.footer .container .content .header {\n font-weight: 700;\n}\n\n@media (width >= 768px) {\n .footer .container .content {\n flex-direction: row;\n }\n}\n\n.footer .container .content a:active, .footer .container .content a:focus, .footer .container .content a:hover {\n text-decoration-line: underline;\n}\n\n.footer .container .content .content-element {\n padding-bottom: 1rem;\n}\n\n@media (width >= 768px) {\n .footer .container .content .content-element {\n width: 33.3333%;\n padding-bottom: 2.5rem;\n }\n}\n\n@media (width >= 1024px) {\n .footer .container .content .content-element {\n width: 25%;\n padding-bottom: 3rem;\n }\n\n .footer .container .content .content-element.address {\n flex-grow: 1;\n }\n\n .footer .container .content .content-element.social {\n width: auto;\n }\n}\n\n.footer .container .content .social {\n text-align: left;\n flex-direction: column;\n justify-content: flex-end;\n display: flex;\n}\n\n.footer .container .content .social .header {\n padding-bottom: .5rem;\n}\n\n.footer .container .content .social .social-list {\n flex-direction: row;\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n}\n\n.footer .container .content .social .social-list .social-list-item {\n width: 35px;\n height: 35px;\n margin-right: .5rem;\n display: block;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link {\n text-indent: -9999px;\n width: 35px;\n height: 35px;\n display: block;\n position: relative;\n overflow: hidden;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link.facebook span {\n background-image: url(\"data:image/svg+xml,%3Csvg width='27px' height='27px' viewBox='0 0 27 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFacebook-icon%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Footer' transform='translate(-1516, -626)'%3E%3Cg id='Facebook-icon' transform='translate(1517, 627)'%3E%3Cpath d='M10.5468873,24.9998512 L10.5468873,16.211672 L7.3730977,16.211672 L7.3730977,12.5762098 L10.5468873,12.5762098 L10.5468873,9.80548393 C10.5468873,6.65346093 12.4132136,4.91258429 15.2681458,4.91258429 C16.6357337,4.91258429 18.0664032,5.15802261 18.0664032,5.15802261 L18.0664032,8.25302459 L16.4903505,8.25302459 C14.9374606,8.25302459 14.4530141,9.22287783 14.4530141,10.217027 L14.4530141,12.5762098 L17.9200343,12.5762098 L17.3656068,16.211672 L14.4530141,16.211672 L14.4530141,24.9998512 L10.5468873,24.9998512 Z' id='Fill-1' fill='%23A4D3FF'%3E%3C/path%3E%3Cpath d='M25,12.5763586 C25,5.6307021 19.4034853,0 12.5,0 C5.59651475,0 0,5.6307021 0,12.5763586 C0,18.8536295 4.57094701,24.056426 10.5469366,25 L10.5469366,16.2118207 L7.37314698,16.2118207 L7.37314698,12.5763586 L10.5469366,12.5763586 L10.5469366,9.80563269 C10.5469366,6.65360968 12.4132629,4.91273304 15.2681951,4.91273304 C16.635783,4.91273304 18.0664525,5.15817136 18.0664525,5.15817136 L18.0664525,8.25317334 L16.4903998,8.25317334 C14.9375099,8.25317334 14.4530634,9.22253074 14.4530634,10.2171757 L14.4530634,12.5763586 L17.9200836,12.5763586 L17.365656,16.2118207 L14.4530634,16.2118207 L14.4530634,25 C20.429053,24.056426 25,18.8536295 25,12.5763586 Z' id='Stroke-3' stroke='%23FEFEFE' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 27px;\n height: 27px;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link.linkedin span {\n background-image: url(\"data:image/svg+xml,%3Csvg width='27px' height='27px' viewBox='0 0 27 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELinkedIn-icon%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Footer' transform='translate(-1372, -626)'%3E%3Cg id='LinkedIn-icon' transform='translate(1373, 627)'%3E%3Cpath d='M4.4583031,20.5485789 L7.85140502,20.5485789 L7.85140502,9.64049587 L4.4583031,9.64049587 L4.4583031,20.5485789 Z M6.15560998,8.14986898 C5.06657192,8.14986898 4.18868932,7.26899819 4.18868932,6.18353155 C4.18868932,5.09856884 5.06657192,4.21769804 6.15560998,4.21769804 C7.24011248,4.21769804 8.12051484,5.09856884 8.12051484,6.18353155 C8.12051484,7.26899819 7.24011248,8.14986898 6.15560998,8.14986898 L6.15560998,8.14986898 Z M20.5494577,20.5485789 L17.1603874,20.5485789 L17.1603874,15.2437009 C17.1603874,13.9788349 17.1377096,12.3516428 15.3980709,12.3516428 C13.6337385,12.3516428 13.3646287,13.7298932 13.3646287,15.1529933 L13.3646287,20.5485789 L9.97807813,20.5485789 L9.97807813,9.63999194 L13.228058,9.63999194 L13.228058,11.1316267 L13.2749254,11.1316267 C13.7269694,10.2739367 14.8336458,9.36938117 16.4830773,9.36938117 C19.9154874,9.36938117 20.5494577,11.6279984 20.5494577,14.5659141 L20.5494577,20.5485789 Z' id='Fill-1' fill='%23A4D3FF'%3E%3C/path%3E%3Cpath d='M23.1504999,0 L1.84395662,0 C0.8264796,0 0,0.806792985 0,1.80255997 L0,23.1959282 C0,24.1911913 0.8264796,25 1.84395662,25 L23.1504999,25 C24.1704967,25 25,24.1911913 25,23.1959282 L25,1.80255997 C25,0.806792985 24.1704967,0 23.1504999,0 Z' id='Stroke-3' stroke='%23FEFEFE'%3E%3C/path%3E%3Cpath d='M4.4583031,20.5485789 L7.85140502,20.5485789 L7.85140502,9.64049587 L4.4583031,9.64049587 L4.4583031,20.5485789 Z M6.15560998,8.14986898 C5.06657192,8.14986898 4.18868932,7.26899819 4.18868932,6.18353155 C4.18868932,5.09856884 5.06657192,4.21769804 6.15560998,4.21769804 C7.24011248,4.21769804 8.12051484,5.09856884 8.12051484,6.18353155 C8.12051484,7.26899819 7.24011248,8.14986898 6.15560998,8.14986898 Z M20.5494577,20.5485789 L17.1603874,20.5485789 L17.1603874,15.2437009 C17.1603874,13.9788349 17.1377096,12.3516428 15.3980709,12.3516428 C13.6337385,12.3516428 13.3646287,13.7298932 13.3646287,15.1529933 L13.3646287,20.5485789 L9.97807813,20.5485789 L9.97807813,9.63999194 L13.228058,9.63999194 L13.228058,11.1316267 L13.2749254,11.1316267 C13.7269694,10.2739367 14.8336458,9.36938117 16.4830773,9.36938117 C19.9154874,9.36938117 20.5494577,11.6279984 20.5494577,14.5659141 L20.5494577,20.5485789 Z' id='Stroke-4' stroke='%23FEFEFE'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 27px;\n height: 27px;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link.twitter span {\n background-image: url(\"data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 25 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EX-icon%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Footer' transform='translate(-1472, -628)'%3E%3Cg id='X-icon' transform='translate(1473, 629)'%3E%3Cpath d='M4.0198247,2.18899085 L4.0198247,2.18899085 L5.89278887,2.18899085 C6.22252914,2.18899085 6.64148166,2.40787524 6.8277923,2.67817543 L19.3815811,20.8681052 L17.4800296,20.8681052 C17.1497964,20.8681052 16.7313368,20.6492208 16.5450261,20.3784309 L4.0198247,2.18899085 Z' id='Fill-1' fill='%23A4D3FF'%3E%3C/path%3E%3Cpath d='M4.0198247,2.18899085 L4.0198247,2.18899085 L5.89278887,2.18899085 C6.22252914,2.18899085 6.64148166,2.40787524 6.8277923,2.67817543 L19.3815811,20.8681052 L17.4800296,20.8681052 C17.1497964,20.8681052 16.7313368,20.6492208 16.5450261,20.3784309 L4.0198247,2.18899085 Z' id='Stroke-3' stroke='%23FEFEFE' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpolygon id='Stroke-5' stroke='%23FEFEFE' stroke-linecap='round' stroke-linejoin='round' points='14.0496957 9.87966787 22.6145637 0 20.2684296 0 12.9372536 8.4522674 7.09212669 0 0.349455683 0 9.01980113 12.5865872 0 23 2.33627636 23 10.0726041 14.0683415 16.2366278 23 23 23'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 25px;\n height: 25px;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link.youtube span {\n background-image: url(\"data:image/svg+xml,%3Csvg width='32px' height='23px' viewBox='0 0 32 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EYouTube-icon%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Footer' transform='translate(-1421, -628)'%3E%3Cg id='YouTube-icon' transform='translate(1422, 629)'%3E%3Cpolygon id='Fill-1' fill='%23A4D3FF' points='11.9319742 14.9319461 11.9319742 6.06825442 19.7731126 10.5001003'%3E%3C/polygon%3E%3Cpath d='M29.3732338,3.27913473 C29.0280581,1.9885395 28.0117077,0.971706898 26.7208317,0.626745935 C24.381308,0 15,0 15,0 C15,0 5.61869197,0 3.27916835,0.626745935 C1.98879693,0.971706898 0.971941865,1.9885395 0.627270892,3.27913473 C0,5.61865196 0,10.5002507 0,10.5002507 C0,10.5002507 0,15.381348 0.627270892,17.7208653 C0.971941865,19.0119619 1.98879693,20.0282931 3.27916835,20.3732541 C5.61869197,21 15,21 15,21 C15,21 24.381308,21 26.7208317,20.3732541 C28.0117077,20.0282931 29.0280581,19.0119619 29.3732338,17.7208653 C30,15.381348 30,10.5002507 30,10.5002507 C30,10.5002507 30,5.61865196 29.3732338,3.27913473 Z' id='Stroke-2' stroke='%23FEFEFE'%3E%3C/path%3E%3Cpolygon id='Stroke-4' stroke='%23FEFEFE' stroke-linecap='round' stroke-linejoin='round' points='11.9319742 14.9319461 11.9319742 6.06825442 19.7731126 10.5001003'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n width: 32px;\n height: 23px;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link:hover span, .footer .container .content .social .social-list .social-list-item .social-icon-link:focus span, .footer .container .content .social .social-list .social-list-item .social-icon-link:active span {\n opacity: .8;\n}\n\n.footer .container .content .social .social-list .social-list-item .social-icon-link span {\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n text-indent: -9999px;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n overflow: hidden;\n}\n\n@media (width >= 768px) {\n .footer .container .content .social {\n text-align: right;\n }\n\n .footer .container .content .social .header {\n padding-bottom: 1rem;\n }\n\n .footer .container .content .social .social-list {\n text-align: left;\n justify-content: flex-end;\n }\n\n .footer .container .content .social .social-list .social-list-item {\n margin-left: .5rem;\n margin-right: 0;\n }\n}\n\n.footer .container .meta {\n --tw-border-opacity: 1;\n border-top-width: 1px;\n border-top-color: rgb(151 151 151 / var(--tw-border-opacity));\n flex-direction: column;\n width: 100%;\n margin-top: 2rem;\n padding-top: 1rem;\n display: flex;\n}\n\n.footer .container .meta * {\n --tw-text-opacity: 1;\n color: rgb(151 151 151 / var(--tw-text-opacity));\n font-size: 12px;\n}\n\n.footer .container .meta .meta-links a {\n display: inline-block;\n}\n\n.footer .container .meta .meta-links a:last-child {\n margin-left: 2.5rem;\n}\n\n.footer .container .meta .meta-links a:hover, .footer .container .meta .meta-links a:active, .footer .container .meta .meta-links a:focus {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (width >= 768px) {\n .footer .container .meta {\n flex-direction: row;\n }\n\n .footer .container .meta .copyright {\n flex-grow: 1;\n display: inline-block;\n }\n}\n\n.pointer-events-none {\n pointer-events: none;\n}\n\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.collapse {\n visibility: collapse;\n}\n\n.static {\n position: static;\n}\n\n.fixed {\n position: fixed;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: sticky;\n}\n\n.inset-0 {\n inset: 0;\n}\n\n.inset-y-0 {\n top: 0;\n bottom: 0;\n}\n\n.-right-2 {\n right: -.5rem;\n}\n\n.-top-2 {\n top: -.5rem;\n}\n\n.-top-3 {\n top: -.75rem;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.bottom-\\[60px\\] {\n bottom: 60px;\n}\n\n.left-0 {\n left: 0;\n}\n\n.left-1\\/2 {\n left: 50%;\n}\n\n.left-4 {\n left: 1rem;\n}\n\n.right-0 {\n right: 0;\n}\n\n.right-1 {\n right: .25rem;\n}\n\n.right-4 {\n right: 1rem;\n}\n\n.top-0 {\n top: 0;\n}\n\n.top-1 {\n top: .25rem;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.top-2 {\n top: .5rem;\n}\n\n.top-4 {\n top: 1rem;\n}\n\n.isolate {\n isolation: isolate;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-20 {\n z-index: 20;\n}\n\n.z-30 {\n z-index: 30;\n}\n\n.z-40 {\n z-index: 40;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.col-span-1 {\n grid-column: span 1 / span 1;\n}\n\n.col-span-10 {\n grid-column: span 10 / span 10;\n}\n\n.col-span-12 {\n grid-column: span 12 / span 12;\n}\n\n.col-span-4 {\n grid-column: span 4 / span 4;\n}\n\n.col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.col-span-8 {\n grid-column: span 8 / span 8;\n}\n\n.col-start-2 {\n grid-column-start: 2;\n}\n\n.m-2 {\n margin: .5rem;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.my-12 {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.my-20 {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.mb-1 {\n margin-bottom: .25rem;\n}\n\n.mb-12 {\n margin-bottom: 3rem;\n}\n\n.mb-2 {\n margin-bottom: .5rem;\n}\n\n.mb-3 {\n margin-bottom: .75rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-2 {\n margin-left: .5rem;\n}\n\n.mr-2 {\n margin-right: .5rem;\n}\n\n.mr-3 {\n margin-right: .75rem;\n}\n\n.mr-4 {\n margin-right: 1rem;\n}\n\n.mr-8 {\n margin-right: 2rem;\n}\n\n.mt-12 {\n margin-top: 3rem;\n}\n\n.mt-2 {\n margin-top: .5rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.flex {\n display: flex;\n}\n\n.table {\n display: table;\n}\n\n.grid {\n display: grid;\n}\n\n.hidden {\n display: none;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-14 {\n height: 3.5rem;\n}\n\n.h-20 {\n height: 5rem;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-5 {\n height: 1.25rem;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-8 {\n height: 2rem;\n}\n\n.h-9 {\n height: 2.25rem;\n}\n\n.h-auto {\n height: auto;\n}\n\n.w-1\\/2 {\n width: 50%;\n}\n\n.w-10 {\n width: 2.5rem;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.w-6 {\n width: 1.5rem;\n}\n\n.w-64 {\n width: 16rem;\n}\n\n.w-8 {\n width: 2rem;\n}\n\n.w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.w-full {\n width: 100%;\n}\n\n.min-w-\\[265px\\] {\n min-width: 265px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.max-w-3xl {\n max-width: 48rem;\n}\n\n.max-w-4xl {\n max-width: 56rem;\n}\n\n.max-w-5xl {\n max-width: 64rem;\n}\n\n.max-w-6xl {\n max-width: 72rem;\n}\n\n.max-w-\\[200px\\] {\n max-width: 200px;\n}\n\n.max-w-\\[220px\\] {\n max-width: 220px;\n}\n\n.max-w-\\[80\\%\\] {\n max-width: 80%;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.max-w-none {\n max-width: none;\n}\n\n.flex-1 {\n flex: 1;\n}\n\n.flex-none {\n flex: none;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.shrink-0 {\n flex-shrink: 0;\n}\n\n.grow {\n flex-grow: 1;\n}\n\n.basis-1\\/12 {\n flex-basis: 8.33333%;\n}\n\n.basis-1\\/4 {\n flex-basis: 25%;\n}\n\n.basis-11\\/12 {\n flex-basis: 91.6667%;\n}\n\n.basis-3\\/4 {\n flex-basis: 75%;\n}\n\n.origin-bottom-left {\n transform-origin: 0 100%;\n}\n\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-x-full {\n --tw-translate-x: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-full {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-full {\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-full {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform-none {\n transform: none;\n}\n\n.cursor-default {\n cursor: default;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.resize {\n resize: both;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.place-items-center {\n place-items: center;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-end {\n align-items: flex-end;\n}\n\n.items-center {\n align-items: center;\n}\n\n.justify-start {\n justify-content: flex-start;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.gap-1 {\n gap: .25rem;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-6 {\n gap: 1.5rem;\n}\n\n.gap-8 {\n gap: 2rem;\n}\n\n.gap-x-2 {\n column-gap: .5rem;\n}\n\n.gap-x-3 {\n column-gap: .75rem;\n}\n\n.gap-x-4 {\n column-gap: 1rem;\n}\n\n.gap-x-6 {\n column-gap: 1.5rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(.5rem * var(--tw-space-x-reverse));\n margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.rounded {\n border-radius: .25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-lg {\n border-radius: .5rem;\n}\n\n.rounded-md {\n border-radius: .375rem;\n}\n\n.rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rounded-r-lg {\n border-top-right-radius: .5rem;\n border-bottom-right-radius: .5rem;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border-b {\n border-bottom-width: 1px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-\\[\\#808080\\]\\/25 {\n border-color: #80808040;\n}\n\n.border-blue-600 {\n --tw-border-opacity: 1;\n border-color: rgb(28 100 242 / var(--tw-border-opacity));\n}\n\n.border-blue-700 {\n --tw-border-opacity: 1;\n border-color: rgb(26 86 219 / var(--tw-border-opacity));\n}\n\n.border-field-border-color {\n --tw-border-opacity: 1;\n border-color: rgb(194 194 194 / var(--tw-border-opacity));\n}\n\n.border-gray-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity));\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n\n.border-green-400 {\n --tw-border-opacity: 1;\n border-color: rgb(49 196 141 / var(--tw-border-opacity));\n}\n\n.border-red-400 {\n --tw-border-opacity: 1;\n border-color: rgb(249 128 128 / var(--tw-border-opacity));\n}\n\n.border-selection-option-color {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.border-slate-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n\n.bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(26 86 219 / var(--tw-bg-opacity));\n}\n\n.bg-button {\n --tw-bg-opacity: 1;\n background-color: rgb(232 70 39 / var(--tw-bg-opacity));\n}\n\n.bg-dark-grey {\n --tw-bg-opacity: 1;\n background-color: rgb(73 73 73 / var(--tw-bg-opacity));\n}\n\n.bg-footer-grey {\n --tw-bg-opacity: 1;\n background-color: rgb(43 37 44 / var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n\n.bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity));\n}\n\n.bg-pale-grey {\n --tw-bg-opacity: 1;\n background-color: rgb(243 243 243 / var(--tw-bg-opacity));\n}\n\n.bg-purple-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(85 33 181 / var(--tw-bg-opacity));\n}\n\n.bg-site-header {\n --tw-bg-opacity: 1;\n background-color: rgb(247 247 247 / var(--tw-bg-opacity));\n}\n\n.bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n\n.bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n\n.bg-slate-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity));\n}\n\n.bg-slate-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n\n.bg-sms-old-blue {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-white\\/50 {\n background-color: #ffffff80;\n}\n\n.bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.p-1 {\n padding: .25rem;\n}\n\n.p-2 {\n padding: .5rem;\n}\n\n.p-2\\.5 {\n padding: .625rem;\n}\n\n.p-3 {\n padding: .75rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.p-7 {\n padding: 1.75rem;\n}\n\n.px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.py-2\\.5 {\n padding-top: .625rem;\n padding-bottom: .625rem;\n}\n\n.py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.py-\\[15px\\] {\n padding-top: 15px;\n padding-bottom: 15px;\n}\n\n.pb-2 {\n padding-bottom: .5rem;\n}\n\n.pb-4 {\n padding-bottom: 1rem;\n}\n\n.pb-8 {\n padding-bottom: 2rem;\n}\n\n.pl-3 {\n padding-left: .75rem;\n}\n\n.pl-5 {\n padding-left: 1.25rem;\n}\n\n.pr-10 {\n padding-right: 2.5rem;\n}\n\n.pr-12 {\n padding-right: 3rem;\n}\n\n.pr-2 {\n padding-right: .5rem;\n}\n\n.pr-6 {\n padding-right: 1.5rem;\n}\n\n.pt-12 {\n padding-top: 3rem;\n}\n\n.pt-2 {\n padding-top: .5rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.pt-6 {\n padding-top: 1.5rem;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.align-top {\n vertical-align: top;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom;\n}\n\n.font-roboto {\n font-family: Roboto;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.text-\\[12px\\] {\n font-size: 12px;\n}\n\n.text-\\[8px\\] {\n font-size: 8px;\n}\n\n.text-base {\n font-size: 19px;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-extralight {\n font-weight: 200;\n}\n\n.font-light {\n font-weight: 300;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.leading-4 {\n line-height: 1rem;\n}\n\n.leading-6 {\n line-height: 1.5rem;\n}\n\n.leading-9 {\n line-height: 2.25rem;\n}\n\n.leading-relaxed {\n line-height: 1.625;\n}\n\n.leading-tight {\n line-height: 1.25;\n}\n\n.tracking-tighter {\n letter-spacing: -.05em;\n}\n\n.text-\\[\\#494949\\] {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n}\n\n.text-\\[\\#B1B1B1\\] {\n --tw-text-opacity: 1;\n color: rgb(177 177 177 / var(--tw-text-opacity));\n}\n\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(28 100 242 / var(--tw-text-opacity));\n}\n\n.text-body-font-color {\n --tw-text-opacity: 1;\n color: rgb(91 91 91 / var(--tw-text-opacity));\n}\n\n.text-dark-grey {\n --tw-text-opacity: 1;\n color: rgb(73 73 73 / var(--tw-text-opacity));\n}\n\n.text-extra-light-grey {\n --tw-text-opacity: 1;\n color: rgb(201 201 201 / var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.text-green-400 {\n --tw-text-opacity: 1;\n color: rgb(49 196 141 / var(--tw-text-opacity));\n}\n\n.text-light-grey {\n --tw-text-opacity: 1;\n color: rgb(177 177 177 / var(--tw-text-opacity));\n}\n\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(249 128 128 / var(--tw-text-opacity));\n}\n\n.text-selection-option-color {\n --tw-text-opacity: 1;\n color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n\n.text-slate-600 {\n --tw-text-opacity: 1;\n color: rgb(71 85 105 / var(--tw-text-opacity));\n}\n\n.text-sms-old-blue {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n.text-smsNewBlue {\n --tw-text-opacity: 1;\n color: rgb(85 100 185 / var(--tw-text-opacity));\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.underline {\n text-decoration-line: underline;\n}\n\n.no-underline {\n text-decoration-line: none;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 #0000000d;\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline {\n outline-style: solid;\n}\n\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-opacity {\n transition-property: opacity;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-150 {\n transition-duration: .15s;\n}\n\n.duration-300 {\n transition-duration: .3s;\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n@media (width >= 1024px) {\n .lg\\:prose-lg {\n font-size: 1.125rem;\n line-height: 1.77778;\n }\n\n .lg\\:prose-lg :where(p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n margin-bottom: 1.33333em;\n }\n\n .lg\\:prose-lg :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.09091em;\n margin-bottom: 1.09091em;\n font-size: 1.22222em;\n line-height: 1.45455;\n }\n\n .lg\\:prose-lg :where(blockquote):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.66667em;\n margin-bottom: 1.66667em;\n padding-left: 1em;\n }\n\n .lg\\:prose-lg :where(h1):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: .833333em;\n font-size: 2.66667em;\n line-height: 1;\n }\n\n .lg\\:prose-lg :where(h2):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.86667em;\n margin-bottom: 1.06667em;\n font-size: 1.66667em;\n line-height: 1.33333;\n }\n\n .lg\\:prose-lg :where(h3):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.66667em;\n margin-bottom: .666667em;\n font-size: 1.33333em;\n line-height: 1.5;\n }\n\n .lg\\:prose-lg :where(h4):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.77778em;\n margin-bottom: .444444em;\n line-height: 1.55556;\n }\n\n .lg\\:prose-lg :where(img):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(picture):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.77778em;\n margin-bottom: 1.77778em;\n }\n\n .lg\\:prose-lg :where(picture > img):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .lg\\:prose-lg :where(video):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.77778em;\n margin-bottom: 1.77778em;\n }\n\n .lg\\:prose-lg :where(kbd):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-radius: .3125rem;\n padding: .222222em .444444em;\n font-size: .888889em;\n }\n\n .lg\\:prose-lg :where(code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: .888889em;\n }\n\n .lg\\:prose-lg :where(h2 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: .866667em;\n }\n\n .lg\\:prose-lg :where(h3 code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: .875em;\n }\n\n .lg\\:prose-lg :where(pre):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-radius: .375rem;\n margin-top: 2em;\n margin-bottom: 2em;\n padding: 1em 1.5em;\n font-size: .888889em;\n line-height: 1.75;\n }\n\n .lg\\:prose-lg :where(ol):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(ul):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n margin-bottom: 1.33333em;\n padding-left: 1.55556em;\n }\n\n .lg\\:prose-lg :where(li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .666667em;\n margin-bottom: .666667em;\n }\n\n .lg\\:prose-lg :where(ol > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: .444444em;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > ul > li p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .888889em;\n margin-bottom: .888889em;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > ul > li > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > ul > li > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 1.33333em;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > ol > li > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > ol > li > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 1.33333em;\n }\n\n .lg\\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .888889em;\n margin-bottom: .888889em;\n }\n\n .lg\\:prose-lg :where(dl):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n margin-bottom: 1.33333em;\n }\n\n .lg\\:prose-lg :where(dt):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.33333em;\n }\n\n .lg\\:prose-lg :where(dd):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: .666667em;\n padding-left: 1.55556em;\n }\n\n .lg\\:prose-lg :where(hr):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 3.11111em;\n margin-bottom: 3.11111em;\n }\n\n .lg\\:prose-lg :where(hr + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(h2 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(h3 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)), .lg\\:prose-lg :where(h4 + *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n }\n\n .lg\\:prose-lg :where(table):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: .888889em;\n line-height: 1.5;\n }\n\n .lg\\:prose-lg :where(thead th):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-bottom: .75em;\n padding-left: .75em;\n padding-right: .75em;\n }\n\n .lg\\:prose-lg :where(thead th:first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: 0;\n }\n\n .lg\\:prose-lg :where(thead th:last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-right: 0;\n }\n\n .lg\\:prose-lg :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding: .75em;\n }\n\n .lg\\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-left: 0;\n }\n\n .lg\\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n padding-right: 0;\n }\n\n .lg\\:prose-lg :where(figure):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.77778em;\n margin-bottom: 1.77778em;\n }\n\n .lg\\:prose-lg :where(figure > *):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .lg\\:prose-lg :where(figcaption):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1em;\n font-size: .888889em;\n line-height: 1.5;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > :first-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 0;\n }\n\n .lg\\:prose-lg :where(.lg\\:prose-lg > :last-child):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-bottom: 0;\n }\n}\n\n.last\\:mb-0:last-child {\n margin-bottom: 0;\n}\n\n.placeholder-shown\\:p-4:placeholder-shown {\n padding: 1rem;\n}\n\n.hover\\:border-gray-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n\n.hover\\:bg-blue-800:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(30 66 159 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-button-hover:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(212 77 51 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-purple-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(108 43 217 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-slate-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-white:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:text-blue-600:hover {\n --tw-text-opacity: 1;\n color: rgb(28 100 242 / var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:bg-button-hover:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(212 77 51 / var(--tw-bg-opacity));\n}\n\n.focus\\:bg-purple-700:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(108 43 217 / var(--tw-bg-opacity));\n}\n\n.focus\\:bg-slate-400:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity));\n}\n\n.focus\\:pb-2:focus {\n padding-bottom: .5rem;\n}\n\n.focus\\:pt-6:focus {\n padding-top: 1.5rem;\n}\n\n.focus\\:placeholder-transparent:focus::placeholder {\n color: #0000;\n}\n\n.focus\\:shadow-lg:focus {\n --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-4:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-blue-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-gray-200:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));\n}\n\n.active\\:bg-blue-800:active {\n --tw-bg-opacity: 1;\n background-color: rgb(30 66 159 / var(--tw-bg-opacity));\n}\n\n.active\\:shadow-lg:active {\n --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.group:hover .group-hover\\:bg-sms-old-blue {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:text-sms-old-blue {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:hidden {\n display: none;\n}\n\n.peer:focus ~ .peer-focus\\:block {\n display: block;\n}\n\n.prose-h1\\:font-semibold :where(h1):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-weight: 600;\n}\n\n.prose-h2\\:mt-6 :where(h2):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.5rem;\n}\n\n.prose-h2\\:font-normal :where(h2):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-weight: 400;\n}\n\n:is(.dark .dark\\:border-blue-500) {\n --tw-border-opacity: 1;\n border-color: rgb(63 131 248 / var(--tw-border-opacity));\n}\n\n:is(.dark .dark\\:border-gray-600) {\n --tw-border-opacity: 1;\n border-color: rgb(75 85 99 / var(--tw-border-opacity));\n}\n\n:is(.dark .dark\\:border-gray-700) {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity));\n}\n\n:is(.dark .dark\\:border-transparent) {\n border-color: #0000;\n}\n\n:is(.dark .dark\\:bg-blue-600) {\n --tw-bg-opacity: 1;\n background-color: rgb(28 100 242 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:bg-dark-grey) {\n --tw-bg-opacity: 1;\n background-color: rgb(73 73 73 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:bg-gray-600) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:bg-gray-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:bg-gray-800) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:bg-gray-800\\/50) {\n background-color: #1f293780;\n}\n\n:is(.dark .dark\\:bg-opacity-80) {\n --tw-bg-opacity: .8;\n}\n\n:is(.dark .dark\\:text-blue-500) {\n --tw-text-opacity: 1;\n color: rgb(63 131 248 / var(--tw-text-opacity));\n}\n\n:is(.dark .dark\\:text-gray-400) {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n:is(.dark .dark\\:text-white) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n:is(.dark .dark\\:hover\\:bg-blue-700:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(26 86 219 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:hover\\:bg-gray-600:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:hover\\:bg-gray-800:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n:is(.dark .dark\\:hover\\:text-blue-500:hover) {\n --tw-text-opacity: 1;\n color: rgb(63 131 248 / var(--tw-text-opacity));\n}\n\n:is(.dark .dark\\:hover\\:text-gray-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity));\n}\n\n:is(.dark .dark\\:hover\\:text-white:hover) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (width >= 640px) {\n .sm\\:my-0 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .sm\\:ml-4 {\n margin-left: 1rem;\n }\n\n .sm\\:block {\n display: block;\n }\n\n .sm\\:inline-block {\n display: inline-block;\n }\n\n .sm\\:inline {\n display: inline;\n }\n\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:grid {\n display: grid;\n }\n\n .sm\\:hidden {\n display: none;\n }\n\n .sm\\:h-\\[150px\\] {\n height: 150px;\n }\n\n .sm\\:h-full {\n height: 100%;\n }\n\n .sm\\:w-auto {\n width: auto;\n }\n\n .sm\\:max-w-full {\n max-width: 100%;\n }\n\n .sm\\:flex-none {\n flex: none;\n }\n\n .sm\\:grow-0 {\n flex-grow: 0;\n }\n\n .sm\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .sm\\:border-b-0 {\n border-bottom-width: 0;\n }\n\n .sm\\:border-l {\n border-left-width: 1px;\n }\n\n .sm\\:py-0 {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .sm\\:pb-10 {\n padding-bottom: 2.5rem;\n }\n\n .sm\\:pl-3 {\n padding-left: .75rem;\n }\n\n .sm\\:pl-4 {\n padding-left: 1rem;\n }\n\n .sm\\:pt-12 {\n padding-top: 3rem;\n }\n\n .sm\\:text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n }\n}\n\n@media (width >= 768px) {\n .md\\:order-1 {\n order: 1;\n }\n\n .md\\:order-2 {\n order: 2;\n }\n\n .md\\:order-3 {\n order: 3;\n }\n\n .md\\:col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .md\\:col-span-10 {\n grid-column: span 10 / span 10;\n }\n\n .md\\:col-span-11 {\n grid-column: span 11 / span 11;\n }\n\n .md\\:col-span-12 {\n grid-column: span 12 / span 12;\n }\n\n .md\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .md\\:col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .md\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .md\\:col-span-5 {\n grid-column: span 5 / span 5;\n }\n\n .md\\:col-span-6 {\n grid-column: span 6 / span 6;\n }\n\n .md\\:col-span-7 {\n grid-column: span 7 / span 7;\n }\n\n .md\\:col-span-8 {\n grid-column: span 8 / span 8;\n }\n\n .md\\:col-span-9 {\n grid-column: span 9 / span 9;\n }\n\n .md\\:col-start-2 {\n grid-column-start: 2;\n }\n\n .md\\:col-start-7 {\n grid-column-start: 7;\n }\n\n .md\\:mb-4 {\n margin-bottom: 1rem;\n }\n\n .md\\:mt-0 {\n margin-top: 0;\n }\n\n .md\\:block {\n display: block;\n }\n\n .md\\:hidden {\n display: none;\n }\n\n .md\\:w-auto {\n width: auto;\n }\n\n .md\\:w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n\n .md\\:max-w-\\[300px\\] {\n max-width: 300px;\n }\n\n .md\\:basis-1\\/3 {\n flex-basis: 33.3333%;\n }\n\n .md\\:basis-2\\/3 {\n flex-basis: 66.6667%;\n }\n\n .md\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n\n .md\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:items-start {\n align-items: flex-start;\n }\n\n .md\\:justify-normal {\n justify-content: normal;\n }\n\n .md\\:gap-6 {\n gap: 1.5rem;\n }\n\n .md\\:py-10 {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n }\n\n .md\\:pr-5 {\n padding-right: 1.25rem;\n }\n\n .md\\:pt-0 {\n padding-top: 0;\n }\n\n .md\\:text-left {\n text-align: left;\n }\n\n .md\\:text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n}\n\n@media (width >= 1024px) {\n .lg\\:col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .lg\\:col-span-10 {\n grid-column: span 10 / span 10;\n }\n\n .lg\\:col-span-11 {\n grid-column: span 11 / span 11;\n }\n\n .lg\\:col-span-12 {\n grid-column: span 12 / span 12;\n }\n\n .lg\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .lg\\:col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .lg\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .lg\\:col-span-5 {\n grid-column: span 5 / span 5;\n }\n\n .lg\\:col-span-6 {\n grid-column: span 6 / span 6;\n }\n\n .lg\\:col-span-7 {\n grid-column: span 7 / span 7;\n }\n\n .lg\\:col-span-8 {\n grid-column: span 8 / span 8;\n }\n\n .lg\\:col-span-9 {\n grid-column: span 9 / span 9;\n }\n\n .lg\\:col-start-3 {\n grid-column-start: 3;\n }\n\n .lg\\:col-start-5 {\n grid-column-start: 5;\n }\n\n .lg\\:col-start-7 {\n grid-column-start: 7;\n }\n\n .lg\\:col-start-8 {\n grid-column-start: 8;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:inline-block {\n display: inline-block;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:w-3\\/4 {\n width: 75%;\n }\n\n .lg\\:grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n\n .lg\\:flex-col {\n flex-direction: column;\n }\n\n .lg\\:gap-8 {\n gap: 2rem;\n }\n\n .lg\\:py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n }\n\n .lg\\:pt-12 {\n padding-top: 3rem;\n }\n\n .lg\\:pt-4 {\n padding-top: 1rem;\n }\n\n .lg\\:pt-8 {\n padding-top: 2rem;\n }\n}\n\n@media (width >= 1400px) {\n .xl\\:col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .xl\\:col-span-10 {\n grid-column: span 10 / span 10;\n }\n\n .xl\\:col-span-11 {\n grid-column: span 11 / span 11;\n }\n\n .xl\\:col-span-12 {\n grid-column: span 12 / span 12;\n }\n\n .xl\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .xl\\:col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .xl\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .xl\\:col-span-5 {\n grid-column: span 5 / span 5;\n }\n\n .xl\\:col-span-6 {\n grid-column: span 6 / span 6;\n }\n\n .xl\\:col-span-7 {\n grid-column: span 7 / span 7;\n }\n\n .xl\\:col-span-8 {\n grid-column: span 8 / span 8;\n }\n\n .xl\\:col-span-9 {\n grid-column: span 9 / span 9;\n }\n\n .xl\\:ml-1 {\n margin-left: .25rem;\n }\n\n .xl\\:ml-10 {\n margin-left: 2.5rem;\n }\n\n .xl\\:ml-11 {\n margin-left: 2.75rem;\n }\n\n .xl\\:ml-12 {\n margin-left: 3rem;\n }\n\n .xl\\:ml-2 {\n margin-left: .5rem;\n }\n\n .xl\\:ml-3 {\n margin-left: .75rem;\n }\n\n .xl\\:ml-4 {\n margin-left: 1rem;\n }\n\n .xl\\:ml-5 {\n margin-left: 1.25rem;\n }\n\n .xl\\:ml-6 {\n margin-left: 1.5rem;\n }\n\n .xl\\:ml-7 {\n margin-left: 1.75rem;\n }\n\n .xl\\:ml-8 {\n margin-left: 2rem;\n }\n\n .xl\\:ml-9 {\n margin-left: 2.25rem;\n }\n\n .xl\\:grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n}\n\n@media (width >= 1401px) {\n .\\32 xl\\:max-w-\\[1400px\\] {\n max-width: 1400px;\n }\n}\n\n/*# sourceMappingURL=typography.cceb3c67.css.map */\n","@layer base {\n html {\n font-family: Roboto, system-ui, sans-serif;\n }\n}\n\n@tailwind base;\n@tailwind components;\n\n.header-lock {\n @import 'vendor/hamburgers/hamburgers';\n\n @apply fixed w-full top-0 ;\n z-index: 100;\n\n .nav-active & {\n @apply h-full;\n\n .navigation-wrapper {\n @apply block;\n }\n\n &:before {\n @apply bg-paleish-grey block absolute top-0 right-0 left-0 bottom-0;\n min-height: 100dvh;\n content: '';\n z-index: -1;\n\n @screen sm {\n @apply right-auto;\n max-width: 360px;\n }\n\n @screen lg {\n @apply hidden;\n }\n }\n\n &:after {\n @apply bg-black block absolute top-0 right-0 left-0 bottom-0 opacity-50;\n min-height: 100dvh;\n content: '';\n z-index: -2;\n\n @screen lg {\n @apply hidden;\n }\n }\n }\n\n .container {\n &.header {\n z-index: 110;\n * {\n z-index: 111;\n }\n\n &.navigation-wrapper {\n z-index: 200;\n * {\n z-index: 201;\n }\n }\n\n &.logo-wrapper {\n @apply bg-white;\n }\n }\n }\n\n @import 'header';\n}\n\n@media only screen and (min-width: 1400px) {\n .header-lock {\n background-color: white;\n }\n}\n\nbody {\n @apply m-0;\n}\n\n.footer {\n @apply pb-4 px-0 pt-16 bg-yellow-500;\n\n @screen xl {\n @apply p-0 pb-4 pt-16;\n }\n\n @import 'footer';\n\n}\n@tailwind utilities;\n","@charset \"UTF-8\";\n/*!\n * Hamburgers\n * @description Tasty CSS-animated hamburgers\n * @author Jonathan Suh @jonsuh\n * @site https://jonsuh.com/hamburgers\n * @link https://github.com/jonsuh/hamburgers\n */\n\n// Settings\n// ==================================================\n$hamburger-padding-x : 0px !default;\n$hamburger-padding-y : 0px !default;\n$hamburger-layer-width : 18px !default;\n$hamburger-layer-height : 2px !default;\n$hamburger-layer-spacing : 4px !default;\n$hamburger-layer-color : theme('colors.dark-grey') !default;\n$hamburger-layer-border-radius : 0px !default;\n$hamburger-hover-opacity : 1 !default;\n$hamburger-hover-transition-duration : 0.15s !default;\n$hamburger-hover-transition-timing-function: linear !default;\n\n// To use CSS filters as the hover effect instead of opacity,\n// set $hamburger-hover-use-filter as true and\n// change the value of $hamburger-hover-filter accordingly.\n$hamburger-hover-use-filter: false !default;\n$hamburger-hover-filter : opacity(50%) !default;\n\n// Types (Remove or comment out what you don’t need)\n// ==================================================\n$hamburger-types: (\n 3dx,\n 3dx-r,\n 3dy,\n 3dy-r,\n 3dxy,\n 3dxy-r,\n arrow,\n arrow-r,\n arrowalt,\n arrowalt-r,\n arrowturn,\n arrowturn-r,\n boring,\n collapse,\n collapse-r,\n elastic,\n elastic-r,\n emphatic,\n emphatic-r,\n minus,\n slider,\n slider-r,\n spin,\n spin-r,\n spring,\n spring-r,\n stand,\n stand-r,\n squeeze,\n vortex,\n vortex-r\n) !default;\n\n// Base Hamburger (We need this)\n// ==================================================\n@import \"base\";\n\n// Hamburger types\n// ==================================================\n@import \"types/3dx\";\n@import \"types/3dx-r\";\n@import \"types/3dy\";\n@import \"types/3dy-r\";\n@import \"types/3dxy\";\n@import \"types/3dxy-r\";\n@import \"types/arrow\";\n@import \"types/arrow-r\";\n@import \"types/arrowalt\";\n@import \"types/arrowalt-r\";\n@import \"types/arrowturn\";\n@import \"types/arrowturn-r\";\n@import \"types/boring\";\n@import \"types/collapse\";\n@import \"types/collapse-r\";\n@import \"types/elastic\";\n@import \"types/elastic-r\";\n@import \"types/emphatic\";\n@import \"types/emphatic-r\";\n@import \"types/minus\";\n@import \"types/slider\";\n@import \"types/slider-r\";\n@import \"types/spin\";\n@import \"types/spin-r\";\n@import \"types/spring\";\n@import \"types/spring-r\";\n@import \"types/stand\";\n@import \"types/stand-r\";\n@import \"types/squeeze\";\n@import \"types/vortex\";\n@import \"types/vortex-r\";\n\n// ==================================================\n// Cooking up additional types:\n//\n// The Sass for each hamburger type should be nested\n// inside an @if directive to check whether or not\n// it exists in $hamburger-types so only the CSS for\n// included types are generated.\n//\n// e.g. hamburgers/types/_new-type.scss\n//\n// @if index($hamburger-types, new-type) {\n// .hamburger--new-type {\n// ...\n// }\n// }\n","@if index($hamburger-types, 3dx) {\n /*\n * 3DX\n */\n .hamburger--3dx {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateY(180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, 3dx-r) {\n /*\n * 3DX Reverse\n */\n .hamburger--3dx-r {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateY(-180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, 3dy) {\n /*\n * 3DY\n */\n .hamburger--3dy {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateX(-180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, 3dy-r) {\n /*\n * 3DY Reverse\n */\n .hamburger--3dy-r {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, 3dxy) {\n /*\n * 3DXY\n */\n .hamburger--3dxy {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, 3dxy-r) {\n /*\n * 3DXY Reverse\n */\n .hamburger--3dxy-r {\n .hamburger-box {\n perspective: $hamburger-layer-width * 2;\n }\n\n .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n &::before,\n &::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n\n &::before {\n transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);\n }\n\n &::after {\n transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, arrow) {\n /*\n * Arrow\n */\n .hamburger--arrow.is-active {\n .hamburger-inner {\n &::before {\n transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(-45deg) scale(0.7, 1);\n }\n\n &::after {\n transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(45deg) scale(0.7, 1);\n }\n }\n }\n}\n","@if index($hamburger-types, arrow-r) {\n /*\n * Arrow Right\n */\n .hamburger--arrow-r.is-active {\n .hamburger-inner {\n &::before {\n transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(45deg) scale(0.7, 1);\n }\n\n &::after {\n transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(-45deg) scale(0.7, 1);\n }\n }\n }\n}\n","@if index($hamburger-types, arrowalt) {\n /*\n * Arrow Alt\n */\n .hamburger--arrowalt {\n .hamburger-inner {\n &::before {\n transition: top 0.1s 0.1s ease,\n transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n &::after {\n transition: bottom 0.1s 0.1s ease,\n transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n &::before {\n top: 0;\n transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * -0.25, 0) rotate(-45deg) scale(0.7, 1);\n transition: top 0.1s ease,\n transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n }\n\n &::after {\n bottom: 0;\n transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * 0.25, 0) rotate(45deg) scale(0.7, 1);\n transition: bottom 0.1s ease,\n transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, arrowalt-r) {\n /*\n * Arrow Alt Right\n */\n .hamburger--arrowalt-r {\n .hamburger-inner {\n &::before {\n transition: top 0.1s 0.1s ease,\n transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n &::after {\n transition: bottom 0.1s 0.1s ease,\n transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n &::before {\n top: 0;\n transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * -0.25, 0) rotate(45deg) scale(0.7, 1);\n transition: top 0.1s ease,\n transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n }\n\n &::after {\n bottom: 0;\n transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * 0.25, 0) rotate(-45deg) scale(0.7, 1);\n transition: bottom 0.1s ease,\n transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n }\n }\n }\n }\n}\n","/*\n * Arrow Turn\n */\n.hamburger--arrowturn.is-active {\n .hamburger-inner {\n transform: rotate(-180deg);\n\n &::before {\n transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);\n }\n\n &::after {\n transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);\n }\n }\n}\n","/*\n * Arrow Turn Right\n */\n.hamburger--arrowturn-r.is-active {\n .hamburger-inner {\n transform: rotate(-180deg);\n\n &::before {\n transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);\n }\n\n &::after {\n transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);\n }\n }\n}\n","@if index($hamburger-types, boring) {\n /*\n * Boring\n */\n .hamburger--boring {\n .hamburger-inner {\n &,\n &::before,\n &::after {\n transition-property: none;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(45deg);\n\n &::before {\n top: 0;\n opacity: 0;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(-90deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, collapse) {\n /*\n * Collapse\n */\n .hamburger--collapse {\n .hamburger-inner {\n top: auto;\n bottom: 0;\n transition-duration: 0.13s;\n transition-delay: 0.13s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::after {\n top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;\n transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n opacity 0.1s linear;\n }\n\n &::before {\n transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);\n transition-delay: 0.22s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::after {\n top: 0;\n opacity: 0;\n transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n opacity 0.1s 0.22s linear;\n }\n\n &::before {\n top: 0;\n transform: rotate(-90deg);\n transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, collapse-r) {\n /*\n * Collapse Reverse\n */\n .hamburger--collapse-r {\n .hamburger-inner {\n top: auto;\n bottom: 0;\n transition-duration: 0.13s;\n transition-delay: 0.13s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::after {\n top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;\n transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n opacity 0.1s linear;\n }\n\n &::before {\n transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(45deg);\n transition-delay: 0.22s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::after {\n top: 0;\n opacity: 0;\n transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n opacity 0.1s 0.22s linear;\n }\n\n &::before {\n top: 0;\n transform: rotate(90deg);\n transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, elastic) {\n /*\n * Elastic\n */\n .hamburger--elastic {\n .hamburger-inner {\n top: $hamburger-layer-height / 2;\n transition-duration: 0.275s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n &::before {\n top: $hamburger-layer-height + $hamburger-layer-spacing;\n transition: opacity 0.125s 0.275s ease;\n }\n\n &::after {\n top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);\n transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;\n\n transform: translate3d(0, $y-offset, 0) rotate(135deg);\n transition-delay: 0.075s;\n\n &::before {\n transition-delay: 0s;\n opacity: 0;\n }\n\n &::after {\n transform: translate3d(0, $y-offset * -2, 0) rotate(-270deg);\n transition-delay: 0.075s;\n }\n }\n }\n }\n}\n","@if index($hamburger-types, elastic-r) {\n /*\n * Elastic Reverse\n */\n .hamburger--elastic-r {\n .hamburger-inner {\n top: $hamburger-layer-height / 2;\n transition-duration: 0.275s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n &::before {\n top: $hamburger-layer-height + $hamburger-layer-spacing;\n transition: opacity 0.125s 0.275s ease;\n }\n\n &::after {\n top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);\n transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;\n\n transform: translate3d(0, $y-offset, 0) rotate(-135deg);\n transition-delay: 0.075s;\n\n &::before {\n transition-delay: 0s;\n opacity: 0;\n }\n\n &::after {\n transform: translate3d(0, $y-offset * -2, 0) rotate(270deg);\n transition-delay: 0.075s;\n }\n }\n }\n }\n}\n","@if index($hamburger-types, emphatic) {\n /*\n * Emphatic\n */\n .hamburger--emphatic {\n overflow: hidden;\n\n .hamburger-inner {\n transition: background-color 0.125s 0.175s ease-in;\n\n &::before {\n left: 0;\n transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n top 0.05s 0.125s linear,\n left 0.125s 0.175s ease-in;\n }\n\n &::after {\n top: ($hamburger-layer-height) + ($hamburger-layer-spacing);\n right: 0;\n transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n top 0.05s 0.125s linear,\n right 0.125s 0.175s ease-in;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transition-delay: 0s;\n transition-timing-function: ease-out;\n background-color: transparent;\n\n &::before {\n left: $hamburger-layer-width * -2;\n top: $hamburger-layer-width * -2;\n transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * 2, 0) rotate(45deg);\n transition: left 0.125s ease-out,\n top 0.05s 0.125s linear,\n transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n\n &::after {\n right: $hamburger-layer-width * -2;\n top: $hamburger-layer-width * -2;\n transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * 2, 0) rotate(-45deg);\n transition: right 0.125s ease-out,\n top 0.05s 0.125s linear,\n transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, emphatic-r) {\n /*\n * Emphatic Reverse\n */\n .hamburger--emphatic-r {\n overflow: hidden;\n\n .hamburger-inner {\n transition: background-color 0.125s 0.175s ease-in;\n\n &::before {\n left: 0;\n transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n top 0.05s 0.125s linear,\n left 0.125s 0.175s ease-in;\n }\n\n &::after {\n top: ($hamburger-layer-height) + ($hamburger-layer-spacing);\n right: 0;\n transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n top 0.05s 0.125s linear,\n right 0.125s 0.175s ease-in;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transition-delay: 0s;\n transition-timing-function: ease-out;\n background-color: transparent;\n\n &::before {\n left: $hamburger-layer-width * -2;\n top: $hamburger-layer-width * 2;\n transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * -2, 0) rotate(-45deg);\n transition: left 0.125s ease-out,\n top 0.05s 0.125s linear,\n transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n\n &::after {\n right: $hamburger-layer-width * -2;\n top: $hamburger-layer-width * 2;\n transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * -2, 0) rotate(45deg);\n transition: right 0.125s ease-out,\n top 0.05s 0.125s linear,\n transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, minus) {\n /*\n * Minus\n */\n .hamburger--minus {\n .hamburger-inner {\n &::before,\n &::after {\n transition: bottom 0.08s 0s ease-out,\n top 0.08s 0s ease-out,\n opacity 0s linear;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n &::before,\n &::after {\n opacity: 0;\n transition: bottom 0.08s ease-out,\n top 0.08s ease-out,\n opacity 0s 0.08s linear;\n }\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n }\n }\n}\n","@if index($hamburger-types, slider) {\n /*\n * Slider\n */\n .hamburger--slider {\n .hamburger-inner {\n top: $hamburger-layer-height / 2;\n\n &::before {\n top: $hamburger-layer-height + $hamburger-layer-spacing;\n transition-property: transform, opacity;\n transition-timing-function: ease;\n transition-duration: 0.15s;\n }\n\n &::after {\n top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;\n\n transform: translate3d(0, $y-offset, 0) rotate(45deg);\n\n &::before {\n transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);\n opacity: 0;\n }\n\n &::after {\n transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, slider-r) {\n /*\n * Slider Reverse\n */\n .hamburger--slider-r {\n .hamburger-inner {\n top: $hamburger-layer-height / 2;\n\n &::before {\n top: $hamburger-layer-height + $hamburger-layer-spacing;\n transition-property: transform, opacity;\n transition-timing-function: ease;\n transition-duration: 0.15s;\n }\n\n &::after {\n top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;\n\n transform: translate3d(0, $y-offset, 0) rotate(-45deg);\n\n &::before {\n transform: rotate(45deg) translate3d($hamburger-layer-width / 7, $hamburger-layer-spacing * -1, 0);\n opacity: 0;\n }\n\n &::after {\n transform: translate3d(0, $y-offset * -2, 0) rotate(90deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, spin) {\n /*\n * Spin\n */\n .hamburger--spin {\n .hamburger-inner {\n transition-duration: 0.22s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::before {\n transition: top 0.1s 0.25s ease-in,\n opacity 0.1s ease-in;\n }\n\n &::after {\n transition: bottom 0.1s 0.25s ease-in,\n transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(225deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::before {\n top: 0;\n opacity: 0;\n transition: top 0.1s ease-out,\n opacity 0.1s 0.12s ease-out;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(-90deg);\n transition: bottom 0.1s ease-out,\n transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, spin-r) {\n /*\n * Spin Reverse\n */\n .hamburger--spin-r {\n .hamburger-inner {\n transition-duration: 0.22s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::before {\n transition: top 0.1s 0.25s ease-in,\n opacity 0.1s ease-in;\n }\n\n &::after {\n transition: bottom 0.1s 0.25s ease-in,\n transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(-225deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::before {\n top: 0;\n opacity: 0;\n transition: top 0.1s ease-out,\n opacity 0.1s 0.12s ease-out;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(90deg);\n transition: bottom 0.1s ease-out,\n transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, spring) {\n /*\n * Spring\n */\n .hamburger--spring {\n .hamburger-inner {\n top: $hamburger-layer-height / 2;\n transition: background-color 0s 0.13s linear;\n\n &::before {\n top: $hamburger-layer-height + $hamburger-layer-spacing;\n transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n &::after {\n top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);\n transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transition-delay: 0.22s;\n background-color: transparent;\n\n &::before {\n top: 0;\n transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(45deg);\n }\n\n &::after {\n top: 0;\n transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(-45deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, spring-r) {\n /*\n * Spring Reverse\n */\n .hamburger--spring-r {\n .hamburger-inner {\n top: auto;\n bottom: 0;\n transition-duration: 0.13s;\n transition-delay: 0s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::after {\n top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;\n transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n opacity 0s linear;\n }\n\n &::before {\n transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);\n transition-delay: 0.22s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::after {\n top: 0;\n opacity: 0;\n transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n opacity 0s 0.22s linear;\n }\n\n &::before {\n top: 0;\n transform: rotate(90deg);\n transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, stand) {\n /*\n * Stand\n */\n .hamburger--stand {\n .hamburger-inner {\n transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n background-color 0s 0.075s linear;\n\n &::before {\n transition: top 0.075s 0.075s ease-in,\n transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n &::after {\n transition: bottom 0.075s 0.075s ease-in,\n transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(90deg);\n background-color: transparent;\n\n transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),\n background-color 0s 0.15s linear;\n\n &::before {\n top: 0;\n transform: rotate(-45deg);\n transition: top 0.075s 0.1s ease-out,\n transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n &::after {\n bottom: 0;\n transform: rotate(45deg);\n transition: bottom 0.075s 0.1s ease-out,\n transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, stand-r) {\n /*\n * Stand Reverse\n */\n .hamburger--stand-r {\n .hamburger-inner {\n transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n background-color 0s 0.075s linear;\n\n &::before {\n transition: top 0.075s 0.075s ease-in,\n transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n &::after {\n transition: bottom 0.075s 0.075s ease-in,\n transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(-90deg);\n background-color: transparent;\n\n transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),\n background-color 0s 0.15s linear;\n\n &::before {\n top: 0;\n transform: rotate(-45deg);\n transition: top 0.075s 0.1s ease-out,\n transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n &::after {\n bottom: 0;\n transform: rotate(45deg);\n transition: bottom 0.075s 0.1s ease-out,\n transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, squeeze) {\n /*\n * Squeeze\n */\n .hamburger--squeeze {\n .hamburger-inner {\n transition-duration: 0.075s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n &::before {\n transition: top 0.075s 0.12s ease,\n opacity 0.075s ease;\n }\n\n &::after {\n transition: bottom 0.075s 0.12s ease,\n transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(45deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n &::before {\n top: 0;\n opacity: 0;\n transition: top 0.075s ease,\n opacity 0.075s 0.12s ease;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(-90deg);\n transition: bottom 0.075s ease,\n transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, vortex) {\n /*\n * Vortex\n */\n .hamburger--vortex {\n .hamburger-inner {\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n &::before,\n &::after {\n transition-duration: 0s;\n transition-delay: 0.1s;\n transition-timing-function: linear;\n }\n\n &::before {\n transition-property: top, opacity;\n }\n\n &::after {\n transition-property: bottom, transform;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(765deg);\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n &::before,\n &::after {\n transition-delay: 0s;\n }\n\n &::before {\n top: 0;\n opacity: 0;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(90deg);\n }\n }\n }\n }\n}\n","@if index($hamburger-types, vortex-r) {\n /*\n * Vortex Reverse\n */\n .hamburger--vortex-r {\n .hamburger-inner {\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n &::before,\n &::after {\n transition-duration: 0s;\n transition-delay: 0.1s;\n transition-timing-function: linear;\n }\n\n &::before {\n transition-property: top, opacity;\n }\n\n &::after {\n transition-property: bottom, transform;\n }\n }\n\n &.is-active {\n .hamburger-inner {\n transform: rotate(-765deg);\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n &::before,\n &::after {\n transition-delay: 0s;\n }\n\n &::before {\n top: 0;\n opacity: 0;\n }\n\n &::after {\n bottom: 0;\n transform: rotate(-90deg);\n }\n }\n }\n }\n}\n","/*Nothing here. Style is done by Tailwind*/\n\n.container {\n @apply mx-auto w-full max-w-full px-[10px];\n\n @screen lg {\n @apply px-[30px];\n }\n\n @screen 2xl {\n max-width: 1400px !important;\n }\n\n &.header {\n @apply py-4 relative;\n\n @screen md {\n @apply py-[20px];\n }\n }\n}\n\n.page-wrapper {\n padding-top: 46px;\n\n @screen sm {\n padding-top: 53px;\n }\n\n @screen md {\n padding-top: 61px;\n }\n\n @screen lg {\n padding-top: 116px;\n }\n\n @screen xl {\n padding-top: 120px;\n }\n}\n\n.prose-page {\n @apply max-w-full;\n padding: 20px;\n\n &:last-child {\n @apply pb-0;\n }\n\n img {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n p {\n &:first-child {\n @apply mt-0;\n }\n }\n}\n\n.layout-item {\n margin-bottom: 46px;\n\n .layout-item {\n @apply mb-0;\n }\n\n img {\n border-radius: 10px;\n }\n\n &.no-bottom {\n @apply mb-0;\n }\n\n &.padding-not-margin-top {\n padding-top: 66px;\n }\n\n &.padding-not-margin {\n padding-bottom: 66px;\n }\n}\n\n.no-bottom {\n @apply mb-0;\n}\n\n.section-gap-top {\n padding-top: 66px;\n}\n\nh1 {\n @apply font-bold text-5xl;\n}\n\n.caption, .meta {\n font-size: 12px;\n\n @screen lg {\n font-size: 14px;\n }\n}\n\n.caption {\n @apply block mt-2 mb-4;\n}\n\n.info {\n @apply block;\n\n &.sku {\n font-size: 17px;\n\n @screen lg {\n font-size: 1.3em;\n }\n }\n\n &.flag {\n @apply inline-block text-white bg-smsNewBlue rounded-full px-2 py-0;\n font-size: 10px;\n line-height: 22px;\n }\n\n &.related {\n @apply relative;\n padding-left:30px;\n line-height: 20px;\n font-size: 0.9em;\n\n &:before {\n @apply absolute left-0 top-1/2 -translate-y-1/2 block mr-2 bg-no-repeat bg-center;\n background-image: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"19.75\" height=\"19.75\" viewBox=\"0 0 19.75 19.75\"%3E%3Cg id=\"Group_11\" data-name=\"Group 11\" transform=\"translate(0.375 0.375)\"%3E%3Cpath id=\"Stroke_1\" data-name=\"Stroke 1\" d=\"M19,9.5A9.5,9.5,0,1,0,9.5,19,9.5,9.5,0,0,0,19,9.5Z\" fill=\"none\" stroke=\"%23575756\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3Cpath id=\"Fill_3\" data-name=\"Fill 3\" d=\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38\" transform=\"translate(8.295 3.728)\" fill=\"%23a4d3ff\"/%3E%3Cpath id=\"Stroke_5\" data-name=\"Stroke 5\" d=\"M1.19,2.38A1.19,1.19,0,1,0,0,1.19,1.19,1.19,0,0,0,1.19,2.38Z\" transform=\"translate(8.295 3.728)\" fill=\"none\" stroke=\"%23575756\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3Cg id=\"Group_10\" data-name=\"Group 10\" transform=\"translate(7.64 7.852)\"%3E%3Cpath id=\"Fill_7\" data-name=\"Fill 7\" d=\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\" fill=\"%23a4d3ff\"/%3E%3Cpath id=\"Stroke_9\" data-name=\"Stroke 9\" d=\"M2.425,6.694H.011V5.88c0-.989,1.064-.96,1.064-.96V1.8S0,1.609,0,1.041V0H3.193V4.92s1.064-.008,1.064.96v.814H1.845\" fill=\"none\" stroke=\"%23575756\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"0.75\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n background-size: 100%;\n width: 20px;\n height: 20px;\n content: '';\n }\n }\n}\n\n.use-to-measure {\n margin: 0 !important;\n}\n\n.uses-list {\n @apply pl-0 ml-0;\n margin-top: 11px !important;\n\n li {\n @apply pl-0 ml-0 list-none font-light;\n font-size: 1.5em;\n }\n}\n\n.media-wrapper{\n position: relative;\n overflow: hidden;\n width: 100%;\n padding-top:56.25%;\n margin-top: 1.5rem;\n}\n\n.media-wrapper iframe,\n.media-wrapper .video-js {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%\n}\n\na {\n color: inherit;\n &:hover {\n @apply no-underline;\n }\n}\n\n.content {\n a {\n @apply text-smsNewBlue;\n }\n}\n\n.content-nav {\n a {\n @apply text-body-font-color;\n\n &:hover {\n @apply font-bold no-underline;\n text-decoration: none !important;\n }\n\n &.active {\n color: #5564B9 !important;\n font-weight: 700;\n text-decoration: none !important;\n }\n }\n\n .content-nav-list {\n @apply mb-8;\n\n li {\n @apply pb-2;\n padding-left: 1.4em;\n }\n }\n}\n\n.button-solid {\n @apply text-white bg-veryDarkGrey rounded-full px-6 py-2 cursor-pointer whitespace-nowrap text-sm leading-none;\n color: white !important;\n\n &:hover, &:active, &:focus,\n a:focus &, a:hover &, a:active &, a:focus-within & {\n @apply no-underline bg-smsNewBlue;\n text-decoration: none !important;\n }\n\n &.button-alt {\n @apply bg-btnBlueInitial;\n\n &:visited {\n @apply bg-btnBlueVisited;\n }\n\n &:hover {\n @apply bg-btnBlueHover;\n }\n\n &:focus {\n @apply bg-btnBlueFocus;\n }\n\n &:active, &.active {\n @apply bg-btnBlueActive;\n }\n }\n\n &.button-strong {\n @apply font-bold;\n }\n\n @screen xl {\n @apply text-base leading-none;\n }\n}\n\n.button-outline {\n @apply inline-block font-medium text-lg border border-smsNewBlue rounded-lg px-4 no-underline;\n line-height: 35px;\n\n &.with-arrow {\n @apply relative;\n padding-right: 40px;\n\n &:after {\n @apply absolute right-4 top-1/2 -translate-y-1/2 bg-no-repeat bg-center;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%235564b9' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n background-size: 9px 16px;\n width: 9px;\n height: 16px;\n content: \"\";\n }\n }\n\n @screen md {\n @apply text-xl px-6;\n line-height: 45px;\n\n &.with-arrow {\n @apply relative;\n padding-right: 50px;\n\n &:after {\n @apply right-6;\n }\n }\n }\n\n &:hover, &:active, &:focus {\n @apply text-white bg-smsNewBlue;\n\n &.with-arrow {\n &:after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.621' height='16.243' viewBox='0 0 9.621 16.243'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,0,6,6l6-6' transform='translate(2.121 14.121) rotate(-90)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n}\n\n.button-tag {\n @apply rounded-full border border-smsNewBlue px-4 py-1 font-bold text-smsNewBlue;\n\n &:hover, &:active, &:focus {\n @apply bg-smsNewBlue text-white;\n }\n}\n\n.button-tag-small {\n @apply rounded-full px-4 py-1 font-bold text-white bg-selection-option-color mr-1;\n\n &:hover, &:active, &:focus {\n @apply bg-smsNewBlue text-white;\n }\n}\n\n.button-icon-small,\n.button-icon-large {\n @apply flex flex-row items-center font-bold;\n\n .button-icon {\n @apply relative block mr-8;\n width: 60px;\n height: 60px;\n\n img, svg {\n @apply absolute block top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 object-cover;\n }\n }\n\n .button-text {\n @apply grow;\n }\n}\n\n.button-icon-large {\n @apply flex flex-row items-center font-bold p-8 bg-paleBlue rounded-lg;\n\n .button-text {\n @apply flex flex-col grow font-normal;\n\n .title {\n @apply font-medium text-3xl;\n }\n }\n}\n\ntable {\n &.technical-information {\n tr {\n @apply border-t border-b border-field-border-color;\n th {\n @apply bg-site-header;\n }\n\n th, td {\n @apply px-6 py-2;\n }\n }\n\n &.one-data-col {\n th,td {\n @apply w-1/2;\n }\n }\n\n &.two-data-col {\n th {\n width: 40%;\n }\n\n td {\n width: 30%;\n }\n }\n\n tfoot {\n tr {\n @apply border-0;\n }\n }\n }\n}\n\na.image-link {\n @apply no-underline;\n\n span {\n @apply block pt-4 text-body-font-color leading-6;\n text-decoration: none !important;\n }\n\n &:hover, &:active, &:focus {\n @apply no-underline;\n\n span {\n @apply no-underline text-smsNewBlue;\n }\n }\n}\n\n.image-wrapper {\n @apply rounded-lg overflow-hidden;\n\n img {\n @apply w-full;\n }\n}\n\n.content-card {\n min-height: 18rem;\n}\n\n.carousel-image-wrapper {\n @apply rounded-lg overflow-hidden;\n\n img {\n @apply w-full;\n @apply h-auto;\n }\n}\n\na {\n h1, h2, h3 {\n &:hover, &:active, &:focus {\n @apply underline;\n }\n }\n}\n\n.sticky-nav {\n @apply sticky top-8;\n}\n\n/**\n * Slider\n */\n.tns-outer {\n @apply relative rounded-lg overflow-hidden;\n z-index: 10;\n\n .tns-controls {\n @apply absolute top-0 w-full pointer-events-none;\n padding-top:50%;\n z-index: 11;\n\n button {\n @apply absolute -translate-y-1/2 bg-no-repeat bg-center pointer-events-auto;\n background-size: 27px;\n text-indent: -9999px;\n width: 27px;\n height: 27px;\n\n &[data-controls=\"prev\"] {\n @apply left-4;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n\n &:hover, &:active, &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-353010ca-b6c6-4400-9227-b3fa2a2735ea' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-9934d9b9-9416-4aec-ba4b-37ba26380b39' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-312faaba-a551-433b-baa3-160cb1614568' d='m15.5,18.5l-5-5,5-5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n }\n }\n &[data-controls=\"next\"] {\n @apply right-4;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%239f9f9e; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E\");\n\n &:hover, &:active, &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2c279629-86f2-4c97-a96d-cf681ec17af5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-31fa4869-f1e6-4e00-ab89-937c3fce018f' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cpath id='uuid-e50cad07-fda1-4e36-ab61-36ced648c826' d='m11.5,8.5l5,5-5,5' style='fill:none; stroke:%23000000; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4px;'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n }\n\n .tns-nav {\n @apply absolute flex bottom-0 w-full justify-center;\n\n button {\n @apply rounded-full border bg-white border-body-font-color mx-1 mb-4;\n width: 10px;\n height: 10px;\n\n &.tns-nav-active {\n @apply bg-field-border-color;\n }\n\n &:hover, &:active, &:focus {\n @apply bg-black;\n }\n }\n }\n}\n\n/**\n * Lightbox\n */\na[data-fslightbox] {\n @apply block relative cursor-pointer;\n z-index: 13;\n\n &:after {\n @apply block absolute top-4 right-4 bg-center bg-no-repeat;\n background-size: 27px;\n width: 27px;\n height: 27px;\n z-index: 14;\n content: \"\";\n\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-ddc5e916-6c5a-4464-bfc9-b52d9ceafdd9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-ea9e10fa-0db4-4243-a69d-a26eff29ea58' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-492bc5c9-42d9-4774-ac9c-ffd3a345aa6f'%3E%3Cg id='uuid-b4e41131-184d-4da2-b29f-b547eb7e62c9'%3E%3Cpath id='uuid-b266d068-8f59-4fa5-98c0-12dc9e3e2429' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-f4395912-1dc7-4cc2-af9b-4ae4bc708dcd' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-281121c0-52c6-4e42-a69e-559332634b66' d='m13.53,9.94v5.94' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-101b957b-4b47-4d5f-81c5-3eefc94a0196' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23585857; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n }\n\n &:hover, &:active, &:focus {\n &:after {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-13aa0e69-d673-49dd-b95d-e4564e48f446' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Ccircle id='uuid-24e8f82e-351d-4779-a98c-19016d5671e0' cx='13.5' cy='13.5' r='12.5' style='fill:%23fff; stroke-width:0px;'/%3E%3Cg id='uuid-4227a5db-774f-4784-bc81-4109db1fda0b'%3E%3Cg id='uuid-81b1c7c6-220b-448a-a213-c01d1b92f1e1'%3E%3Cpath id='uuid-dd2101e5-2344-44b1-9822-529f642cb174' d='m13.53,19.32c3.5,0,6.35-2.85,6.36-6.39,0-3.54-2.82-6.41-6.33-6.42-3.5,0-6.35,2.85-6.36,6.39,0,0,0,.01,0,.02,0,3.53,2.83,6.4,6.33,6.4h0Z' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-d7a2e362-2123-4dfe-a486-2e296e100a12' d='m17.88,18l2.52,2.55' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3Cpath id='uuid-c0ee6b2e-f189-46a0-875d-636bd8e7cedc' d='m13.53,9.94v5.94' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3Cpath id='uuid-0f9852a8-1978-43b8-b56a-4042e65acb2d' d='m16.47,12.91h-5.88' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.64px;'/%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n}\n\n.smooth-scroll {\n scroll-behavior: smooth;\n}\n\n.layout-item > div > ul > li::marker {\n color: #5564B9 !important; \n}\n\n.layout-item h1 {\n line-height: 1.25;\n}\n\n.layout-item h2 {\n margin-bottom: 0.75em;\n}\n\n.layout-item > div > p > a {\n color: #5564B9 !important;\n}\n\n.layout-item > div > p > a:visited {\n color: #5564B9 !important;\n}\n\n.layout-item > div > p > a:hover {\n color: #8189B7 !important;\n text-decoration: underline;\n}\n\n.blog-info {\n flex-direction: row;\n width: 100%;\n}\n\n.social-media-icons {\n position: absolute;\n left: 950px;\n transform: translateY(-50%);\n z-index: 10;\n flex-direction: column;\n}\n\n.social-media-icons a {\n display: block;\n margin: 5px 0;\n}\n\n.social-media-icons img {\n height: 32px;\n width: 32px;\n min-height: 32px;\n min-width: 32px;\n}\n\n.social-relative {\n position: relative;\n}\n\n.durationIconOuter {\n padding-top: 4px;\n}\n\n.durationIcon {\n height: 16px;\n width: 16px;\n min-width: 16px;\n min-height: 16px;\n}\n\n.prose h2 {\n font-size: 2.25em;\n}\n\n.productHeading h1 {\n font-size: 2.75em;\n}\n\n//.text-base {\n// font-size: 1.125em !important;\n//}\n\n.content-nav-list {\n font-size: 1.125em !important;\n}\n\n.productOuter .layout-item:first-child .prose {\n padding-top: 0 !important;\n}\n\n.productInfo {\n flex-direction: column;\n justify-content: left;\n}\n\n.info.sku {\n font-size: 21px;\n line-height: 28px;\n margin-bottom: 8px;\n}\n\n.info.flag {\n max-width: fit-content;\n line-height: 18px;\n max-height: 18px;\n font-size: 10px;\n}\n\n.customDesignIcon {\n margin-right: 0 !important;\n}\n\n.basketWrapper {\n padding-top: 72px;\n padding-bottom: 62px;\n display: flex;\n justify-content: center;\n}\n\n.basketInner {\n max-width: 275px;\n}\n\n.basketText {\n font-size: 1em;\n line-height: 1.5em;\n}\n\n.basketHeading {\n margin-top: 45px !important;\n margin-bottom: 12px !important;\n}\n\n.basketIcon {\n max-height: 97px;\n width: auto;\n}\n\n.basketBackButton {\n background-color: #5564B9;\n font-size: 1.125em;\n color: #ffffff;\n min-width: 100%;\n padding: 14px 0 15px 0;\n margin-top: 31px;\n}\n\n.interactive-button {\n padding: 6px 17px 7px 17px;\n border: 1px solid #5564B9;\n cursor: pointer;\n line-height: 2em;\n}\n\n.interactive-button-link {\n text-decoration: none !important;\n}\n\n@media (min-width: 1400px)\n{\n .social-media-icons {\n left: 950px;\n }\n}\n\n@media (max-width: 1399px)\n{\n .social-media-icons {\n left: 700px;\n }\n}\n\n@media (max-width: 1023px)\n{\n .social-media-icons {\n left: 650px;\n }\n .durationIconOuter {\n padding-top: 3px;\n }\n}\n\n@media (max-width: 890px)\n{\n .social-media-icons {\n left: 630px;\n }\n}\n\n@media (max-width: 763px)\n{\n .blog-info {\n flex-direction: column;\n }\n\n .social-media-icons {\n flex-direction: row;\n position: unset;\n padding-top: 40px;\n }\n\n .blogpost-details {\n justify-content: space-between;\n }\n\n .duration {\n position: relative;\n top: -40px;\n }\n\n .social-media-icons img {\n margin: 0 5px;\n }\n\n .blog-post-heading {\n margin-bottom: 26px !important;\n }\n\n .productHeading h1 {\n font-size: 1.75em !important;\n }\n\n .productInfo {\n flex-direction: row;\n justify-content: space-between;\n }\n\n .info.flag {\n margin-top: 4px;\n max-width: fit-content;\n line-height: 14px;\n max-height: 14px;\n font-size: 8px;\n }\n\n .info.sku {\n font-size: 17px;\n line-height: 23px;\n margin-bottom: 0;\n }\n\n .productUpper {\n width: 100%;\n min-width: 100%;\n }\n\n .layout-item h1 {\n font-size: 1em;\n }\n\n .productUpper .uses .uses-list {\n margin-bottom: 0;\n }\n\n .productUpper .uses .uses-list li {\n font-size: 1.3em;\n margin-bottom: 0;\n }\n\n .info.related {\n font-size: .75em;\n }\n\n .info.related::before {\n height: 17px;\n width: 17px;\n }\n\n .productOuter {\n padding: 0 15px;\n }\n\n .productOuter .layout-item .prose {\n padding: 0;\n }\n\n .prose h2 {\n font-size: 1.5em;\n line-height: 30px;\n }\n\n .productWrapper > .layout-item {\n padding-bottom: 22px;\n }\n\n .productOuter > .layout-item {\n margin-bottom: 60px;\n }\n\n .productInfoContainer {\n padding-top: 60px !important;\n }\n\n .productPreFooterSection {\n padding: 0 15px 43px 15px !important;\n margin: 0;\n }\n\n .productPreFooterSection .grid .prose {\n padding: 0 !important;\n }\n\n .productPreFooterSection .grid .prose h2 {\n font-size: 1.5em;\n }\n\n .findOutMoreSection {\n border: 1px solid #ccc;\n border-radius: 6px;\n height: 78px;\n vertical-align: middle;\n }\n\n .findOutMoreSection .button-icon {\n min-width: 35%;\n height: 100%;\n background-color: #ffffff;\n border-radius: 6px 0 0 6px;\n margin: 0;\n }\n\n .findOutMoreSection .button-text {\n font-size: 1.125em;\n padding: 18px 12px;\n line-height: 22px;\n }\n\n .customDesignIcon {\n display: none !important;\n }\n\n .learnMoreText > .title {\n font-size: 1.5em !important;\n }\n\n .learnMoreText {\n font-size: 1em;\n }\n\n .learnMoreButton {\n margin-top: 20px;\n }\n\n .learnMoreButton > .button-solid {\n font-size: 1.125em;\n }\n}\n\n@media (max-width: 639px)\n{\n .productWrapper {\n padding: 0 15px;\n }\n}\n\n/**\nNavigation\n */\n//.header-lock {\n// @apply fixed w-full top-0 ;\n// z-index: 100;\n//\n// .nav-active & {\n// @apply h-full;\n//\n// .navigation-wrapper {\n// @apply block;\n// }\n//\n// &:before {\n// @apply bg-paleish-grey block absolute top-0 right-0 left-0 bottom-0;\n// min-height: 100dvh;\n// content: '';\n// z-index: -1;\n//\n// @screen sm {\n// @apply right-auto;\n// max-width: 360px;\n// }\n//\n// @screen lg {\n// @apply hidden;\n// }\n// }\n//\n// &:after {\n// @apply bg-black block absolute top-0 right-0 left-0 bottom-0 opacity-50;\n// min-height: 100dvh;\n// content: '';\n// z-index: -2;\n//\n// @screen lg {\n// @apply hidden;\n// }\n// }\n// }\n//\n// .container {\n// &.header {\n// z-index: 110;\n// * {\n// z-index: 111;\n// }\n//\n// &.navigation-wrapper {\n// z-index: 200;\n// * {\n// z-index: 201;\n// }\n// }\n//\n// &.logo-wrapper {\n// @apply bg-white;\n// }\n// }\n// }\n//}\n\n.mobile-menu-button {\n @apply block absolute top-1/2 left-[15px] -translate-y-1/2;\n line-height: 14px;\n font-size: 14px;\n\n @screen lg {\n @apply hidden;\n }\n}\n\n.logo-wrapper {\n @apply border-darkish-grey border-b;\n\n @screen lg {\n @apply border-b-0;\n }\n\n .logo-inner {\n @apply flex justify-center;\n\n @screen lg {\n @apply justify-between items-center;\n }\n\n .logo {\n @apply max-w-[220px];\n\n @screen sm {\n @apply max-w-[330px];\n }\n\n @screen xl {\n @apply max-w-full;\n }\n }\n }\n\n .logo-meta {\n @apply hidden;\n\n @screen lg {\n @apply block;\n }\n }\n}\n\n.navigation-wrapper {\n @apply bg-paleish-grey hidden relative;\n height: calc(100dvh - 46px);\n\n &.container.header {\n @apply p-0 py-0;\n }\n\n .nav-active & {\n @apply overflow-y-auto;\n }\n\n @screen sm {\n @apply ml-0 mr-auto;\n max-width: 360px;\n height: calc(100dvh - 61px);\n }\n\n @screen lg {\n @apply block bg-white h-auto mx-auto relative;\n max-width: inherit;\n\n &:before {\n @apply absolute block left-1/2 bottom-0 w-screen -translate-x-1/2 border border-t-darkish-grey;\n background-color: white;\n top: -1px;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n .logo-meta-mobile {\n @apply w-full text-center py-[20px];\n }\n}\n\n.navigation {\n @apply text-navigation-mobile list-none p-0 m-0;\n * {\n @apply text-navigation-mobile;\n }\n\n .navigation-item {\n @apply list-none p-0 m-0;\n }\n\n &.navigation-primary {\n .navigation-item {\n @apply relative;\n\n &:not(.show-children) {\n @apply border-extra-extra-light-grey border-b;\n }\n\n .navigation-link {\n @apply text-dark-grey;\n }\n\n .arrow-decoration {\n @apply absolute top-0 right-[10px] h-[45px] w-[45px] flex justify-end overflow-hidden cursor-pointer pointer-events-none;\n\n span {\n @apply block relative h-[45px] w-[45px];\n text-indent: -9999px;\n\n &:before {\n @apply block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[13px] h-[7px] -rotate-90;\n content: '';\n background-image: url(\"data:image/svg+xml,%3Csvg width='13px' height='7px' viewBox='0 0 13 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav copy 3%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Tablet-768-x-1024' transform='translate(-322, -343)' stroke='%23494949' stroke-width='1.4'%3E%3Cg id='Menu' transform='translate(-0.5, 161)'%3E%3Cg id='arrow-mobile-nav-copy-3' transform='translate(324, 183)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n\n @screen lg {\n @apply hidden;\n }\n }\n\n &.has-children,\n &.has-sub-children,\n &.navigation-section {\n .toggle-button {\n @apply pointer-events-auto;\n width: calc(100% - 20px);\n\n span {\n &:before {\n @apply -rotate-0;\n content: '';\n }\n }\n }\n }\n\n &.has-children {\n &.show-children {\n & > .navigation-link {\n @apply font-bold text-smsNewBlue;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n\n & > .sub-navigation-wrapper {\n @apply block;\n }\n }\n }\n\n &.has-sub-children{\n &.show-sub-children {\n & > .navigation-link {\n @apply text-smsNewBlue;\n font-weight: bold !important;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n\n & > .sub-navigation-wrapper {\n @apply block border-t-0;\n }\n }\n }\n\n .navigation-link {\n @apply block p-[16px] py-[16px] pr-[55px] font-medium;\n\n &.hover, &:active, &.focus {\n @apply text-smsNewBlue;\n }\n }\n\n .sub-navigation-wrapper {\n @apply hidden border-t border-extra-extra-light-grey;\n\n .navigation {\n &.navigation-sub {\n @apply bg-paler-grey overflow-x-hidden;\n\n .navigation-item {\n @apply hidden;\n\n .navigation-link {\n @apply font-normal;\n }\n\n &:not(.navigation-section) {\n @apply border-0 ml-10;\n\n &.active {\n .navigation-link {\n @apply relative;\n z-index: 1;\n }\n\n &:before {\n @apply block absolute top-0 bg-paleish-grey rounded-md;\n top: 5px;\n left: 0px;\n right: 5px;\n bottom: 5px;\n content: '';\n z-index: -1;\n }\n }\n }\n\n &.navigation-section,\n &.show-sibling,\n &.show-regardless {\n @apply block;\n\n &.last-sibling {\n &:after {\n @apply absolute border-extra-extra-light-grey border-b -left-1/2;\n\n content: '';\n bottom: 0;\n width: 200vw;\n }\n }\n }\n\n &.navigation-section {\n &.show-siblings {\n & > .navigation-link {\n @apply font-bold text-smsNewBlue;\n }\n\n & > .toggle-button {\n span {\n &:before {\n @apply w-[16px] h-[11px];\n background-image: url(\"data:image/svg+xml,%3Csvg width='16px' height='11px' viewBox='0 0 16 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow-mobile-nav CLOSE%3C/title%3E%3Cg id='DEV-Mega-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Mobile-nav-–-menu-opened-level-3-+-active-state' transform='translate(-321, -210)' stroke='%235564B9' stroke-width='4.4'%3E%3Cg id='Menu' transform='translate(0, 85)'%3E%3Cg id='arrow-mobile-nav-CLOSE' transform='translate(324, 128)'%3E%3Cpolyline id='Stroke-1-Copy' transform='translate(5, 2.5) scale(1, -1) rotate(-360) translate(-5, -2.5)' points='0 0 5 5 10 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n }\n }\n }\n }\n }\n\n .navigation-item {\n @apply hidden bg-transparent;\n\n &.navigation-section {\n @apply list-item;\n }\n }\n }\n }\n }\n }\n\n @screen lg {\n @apply bg-white mx-[30px] flex flex-row;\n\n .navigation-item {\n @apply block;\n\n &:not(.show-children) {\n @apply border-b-0;\n }\n\n &.has-children {\n @apply static;\n\n &.show-children {\n & > .sub-navigation-wrapper {\n @apply hidden border-t-0 relative;\n\n &:before {\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\n content:'';\n }\n }\n\n & > .navigation-link {\n @apply text-dark-grey relative overflow-hidden;\n\n &:after {\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\n content:'';\n }\n }\n }\n\n &:hover, &:focus, &:focus-within, .active {\n & > .sub-navigation-wrapper {\n @apply flex flex-row absolute left-0 w-full px-[30px] border-t-0 py-[30px];\n\n &:before {\n @apply block absolute w-screen top-0 bottom-0 left-1/2 -translate-x-1/2 bg-paler-grey;\n content:'';\n }\n\n .navigation-sub {\n @apply min-w-[20%];\n\n &:last-child {\n @apply grow;\n }\n\n .navigation-item {\n @apply ml-0 list-item;\n\n &:before {\n display: none !important;\n }\n\n &.navigation-section {\n .navigation-link {\n @apply font-bold pt-12;\n }\n\n &:first-child {\n .navigation-link {\n @apply pt-0;\n }\n }\n }\n\n &:not(.navigation-section) {\n .navigation-link {\n @apply py-[6px];\n }\n }\n\n &.active {\n .navigation-link {\n @apply text-smsNewBlue underline;\n\n &:after {\n display: none !important;\n }\n }\n }\n .navigation-link {\n &:not(span) {\n &:hover, &:active, &:focus {\n @apply text-smsNewBlue underline;\n\n &:after {\n display: none !important;\n }\n }\n }\n &:hover, &:active, &:focus {\n &:after {\n display: none !important;\n }\n }\n }\n\n &.last-sibling {\n &:after {\n @apply hidden;\n }\n }\n }\n }\n }\n }\n }\n\n &.has-sub-children {\n &.show-sub-children {\n .sub-navigation-wrapper {\n @apply hidden;\n }\n }\n }\n }\n\n & > .navigation-item {\n .navigation-link {\n @apply px-0 mx-4;\n\n &:hover, &:active, &:focus, &.active {\n @apply relative overflow-hidden;\n\n &:after {\n @apply block w-full absolute left-0 right-0 -bottom-[5px] bg-smsNewBlue h-[10px] rounded-full;\n content:'';\n }\n }\n }\n }\n }\n\n @screen xl {\n .navigation-item {\n &.has-children {\n &:hover, &:focus, &:focus-within, .active {\n & > .sub-navigation-wrapper {\n @apply py-12 px-[75px];\n }\n }\n }\n }\n\n & > .navigation-item {\n\n .navigation-link {\n @apply px-0 mx-4;\n }\n\n &:first-child {\n .navigation-link {\n @apply ml-0;\n }\n }\n\n .navigation-sub {\n .navigation-item {\n .navigation-link {\n @apply ml-0;\n }\n }\n }\n }\n }\n }\n}\n\n\n\n/* Dark mode styles */\n@media (prefers-color-scheme: dark) {\n body {\n background-color: #ffffff;\n }\n}\n\n.video-block {\n margin: 1rem 0;\n}\n","// Hamburger\n// ==================================================\n.hamburger {\n padding: $hamburger-padding-y $hamburger-padding-x;\n display: inline-block;\n cursor: pointer;\n\n /*transition-property: opacity, filter;\n transition-duration: $hamburger-hover-transition-duration;\n transition-timing-function: $hamburger-hover-transition-timing-function;*/\n\n // Normalize (