-
Notifications
You must be signed in to change notification settings - Fork 0
/
banner_contained.css.map
1 lines (1 loc) · 35.7 KB
/
banner_contained.css.map
1
{"version":3,"file":"banner_contained.css","mappings":"AA4dA,uBAGE,uCACA,yCACA,oCACA,iCACA,yCACA,iCACA,0CACA,4CACA,4CACA,kDACA,kCACA,mCACA,uCACA,8CACA,+DACA,sCACA,6CACA,+CACA,qDACA,8CACA,oDACA,wCACA,4CACA,kDAEA,sCACA,wCACA,mCACA,gCACA,yCACA,gCACA,yCACA,2CACA,2CACA,iDACA,iCACA,kCACA,sCACA,6CACA,0DACA,qCACA,4CACA,8CACA,oDAGA,6CACA,mDACA,uCACA,2CACA,iDAEA,uCACA,sCACA,+BAEA,4BACA,6BACA,6BACA,6BACA,6BACA,8BAEA,6BACA,gCACA,+BACA,8BACA,oCAGA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,gCAEA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,iCAEA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,+BACA,kDCljBE,yBAEI,0DACI,gBAIJ,8EACI,cAGJ,wGACI,+BAGJ,oGACI,+BAGJ,yDACI,qBACA,YACA,kBACA,+BACA,gBAIR,0BAEI,gFACI,eACA,WACA,SAGJ,0DACI,WAGJ,gCACI,kBAIJ,gCACI,kBAIJ,sCACI,iBAEA,YAIJ,oCACI,iBAEA,YAEA,0FAIJ,0CACI,kDAGJ,oCACI,kBAIJ,mFACI,UAKJ,gFACI,eACA,YAMR,0BAEI,gFACA,gBACA,YACA,QAIA,sCACA,gCAEA,sEACA,kBAIA,oCACA,gCAEA,UACA,kBAGA,8CACI,iBACA,iBACA,cACA,4BACA,oJACA,kBACA,UAIJ,oCACI,kBACA,gBAGJ,sDACI,kBACA,WACA,YACA,+DACA,wBACA,6BACA,4BACA,oBACA,aAIJ,oCACI,yBAGJ,0CACI,yBAEA,kBAEA,wIACI,yBAKR,0FACI,iBACA,iBAIJ,qNACI,iBACA,iBAIJ,4DACI,iBACA,iBACA,kBAGJ,yCACI,gBAMA,+MACI,0HAOJ,2MACI,oIAOJ,6MACI,4HAOJ,qNACI,sIAIR,2HAEI,8HAGJ,uHAEI,wIAGJ,yHAEI,4HAGJ,iIAEI,uI","sources":["webpack://@qhealth-design-system/core/./src/styles/imports/variables.scss","webpack://@qhealth-design-system/core/./src/styles/banner_contained/globals.scss"],"sourcesContent":["//--------------------------------------------------------------------------------------------------------------------------------------------------------------\n// GLOBAL VARIABLES\n//--------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n@import \"figma.scss\";\n/**\n * QLD-pixelfallback enable pixel fallbacks\n */\n$QLD-pixelfallback: true !default;\n\n /**\n * QLD-media Breakpoints\n */\n$QLD-media-sm: 400px;\n$QLD-media-md: 699px;\n$QLD-media-lg: 992px;\n$QLD-media-xl: 1312px;\n$QLD-media-xxl: 1599px;\n$QLD-main-nav-breakpoint: lg;\n \n /**\n * QLD-rem value used for REM calculation\n */\n$QLD-rem: 16 !default;\n \n /**\n * QLD-unit used for all type and grid calculations\n */\n$QLD-unit: 4 !default;\n \n /**\n * QLD-font stack\n * QLD-font-monospace stack\n */\n$QLD-font: \"Noto Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";\n\n$QLD-font-monospace: \"Roboto Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n$QLD-font-heading: \"ff-meta-web-pro\", \"Noto Sans\", -apple-system, BlinkMacSystemFont,\n \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n \n /**\n * QLD-fontsize-map\n *\n * Predetermined pixel sizes from a 1.25 typescale rounded to the nearest $QLD-unit (vertical grid)\n */\n$QLD-fontsize-map: (\n xs: 14,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n xxl: 40,\n xxxl: 52\n) !default;\n\n// Base font\n$base-font-scale: 1; // The font scale multiplier (e.g. 2 = 32px/2em/2rem)\n$base-font-pixel: 16; // Used for font size calculations & conversions\n \n/**\n * QLD-maxwidth for line lengths (the ‘measure’)\n */\n $QLD-font-maxwidth: 80ch; // Answer to life, the universe, and everything (keeps things readable on wide viewports).\n\n /**\n * QLD typography sizes\n *\n */\n$QLD-font-size-desktop-xs: .875rem;\n$QLD-font-size-desktop-sm: 1rem;\n$QLD-font-size-desktop-md: 1.25rem;\n$QLD-font-size-desktop-lg: 1.5rem;\n$QLD-font-size-desktop-xl: 2rem;\n$QLD-font-size-desktop-xxl: 2.5rem;\n$QLD-font-size-desktop-xxxl: 3rem;\n\n$QLD-font-size-mobile-xs: .875rem;\n$QLD-font-size-mobile-sm: 1rem;\n$QLD-font-size-mobile-md: 1.25rem;\n$QLD-font-size-mobile-lg: 1.5rem;\n$QLD-font-size-mobile-xl: 1.75rem;\n$QLD-font-size-mobile-xxl: 2rem;\n$QLD-font-size-mobile-xxxl: 2.5rem;\n \n /**\n * QLD-lineheight-map\n * \n * Predetermined lineheight mapped to keyword\n */\n\n$QLD-lineheight-map: (\n nospace: 1,\n heading: 1.25,\n default: 1.5,\n h3: calc(4/3),\n h4: 1.2,\n h6: calc(8/7),\n small: 1.4,\n);\n\n /**\n * QLD-spacing-map\n *\n * Predetermined standard spacing mapped to keyword\n */\n $QLD-space-map: (\n 0: 0,\n 1: 4,\n 2: 8,\n 3: 12,\n 4: 16,\n 5: 20,\n 6: 24,\n 7: 32,\n 8: 36,\n 9: 40,\n 10: 48,\n 11: 56,\n 12: 64,\n 13: 80,\n 14: 96,\n 15: 128,\n 16: 160 \n) !default;\n\n\n\n\n/* Gutters - Space between cols in the grid */\n$QLD-grid__gutter--media-sm: 4;\n$QLD-grid__gutter--media-md: 6;\n$QLD-grid__gutter--media-lg: 7;\n$QLD-grid__gutter--media-xl: 7;\n\n/** \nGutter - space between columns in the grid for vertical navigation\n*/\n$QLD-grid__gutter--media-portal-lg: 6;\n$QLD-grid__gutter--media-portal-xl: 7;\n\n/* Outer page margins (defined by padding on the container-fluid class) */\n$QLD-grid__inner-padding--media-xs: 4;\n$QLD-grid__inner-padding--media-sm: 4;\n$QLD-grid__inner-padding--media-md: 7;\n$QLD-grid__inner-padding--media-lg: 7;\n$QLD-grid__inner-padding--media-xl: 7;\n\n/* Outer page margins (defined by padding on the container-fluid class) for vertical navigation */\n$QLD-grid__inner-padding--media-portal-lg: calc(48px + (100vw - 992px) * (128 - 48) / (1312 - 992));\n$QLD-grid__inner-padding--media-portal-xl: calc(72px + (100vw - 1312px) *(128 - 72) / (1600 - 1312));\n\n\n/* Max-width of content area */\n$QLD-grid__maxwidth: 86rem;\n\n\n/*** Padding values for sections - ony veritcal spacing value that does not use margin top*/\n$QLD-padding__section--mobile: 9;\n$QLD-padding__section--desktop: 12;\n\n\n/* Spacing between <section> containers */\n$QLD-margin__section--desktop: 12;\n$QLD-margin__section--mobile: 9;\n\n\n/* Spacing beteen content containers, ie div within a <section> */\n$QLD-margin__content-block--desktop: 10;\n$QLD-margin__content-block--mobile: 7;\n\n/* Spacing beteen components,like cards, buttons */\n$QLD-margin__component--desktop: 7;\n$QLD-margin__component--mobile: 6;\n\n\n/* Heading, text and paragraph spacing */\n\n/* Space above an H1 */\n$QLD-margin__h1--desktop: 11;\n$QLD-margin__h1--mobile: 7;\n\n/* Space above an H2 */\n$QLD-margin__h2--desktop:10;\n$QLD-margin__h2--mobile: 7;\n\n/* Space above an H3 */\n$QLD-margin__h3--desktop: 8;\n$QLD-margin__h3--mobile: 7;\n\n/* Space above an H4-h6 */\n$QLD-margin__h4-h6--desktop: 7;\n$QLD-margin__h4-h6--mobile: 5;\n\n/* Space between different and text elements (ul,li,p,a,dl) example (h1 + p) */\n$QLD-margin__text-element--desktop: 6;\n$QLD-margin__text-element--mobile: 5;\n\n/* Spacing between two paragraphs (p + p) */\n$QLD-margin__p--desktop: 4;\n$QLD-margin__p--mobile: 4;\n\n/* Close spacing between list items */\n$QLD-margin__li-close--desktop: 2;\n$QLD-margin__li-close--mobile: 2; \n\n/* Wide spacing between list items */\n$QLD-margin__li-wide--desktop: 3;\n$QLD-margin__li-wide--mobile: 3;\n\n/* Space above/between lables, form hint messages and form error messages */\n$QLD-margin__lables--desktop: 2;\n$QLD-margin__lables--mobile: 2;\n\n\n/**\n* QLD border-width values\n*/\n$QLD-border-width-thin: 1px;\n$QLD-border-width-default: 2px;\n$QLD-border-width-medium: 3px;\n$QLD-border-width-thick: 4px;\n$QLD-border-width-extra-thick: 8px; \n\n\n/**\n* QLD border-radius values\n*/\n$QLD-border-radius-xs: map-get( $QLD-space-map, 1 ) + px;\n$QLD-border-radius-sm: map-get( $QLD-space-map, 3 ) + px;\n$QLD-border-radius-md: map-get( $QLD-space-map, 4 ) + px;\n$QLD-border-radius-lg: map-get( $QLD-space-map, 7 ) + px;\n$QLD-border-radius-xl: map-get( $QLD-space-map, 9 ) + px;\n$QLD-border-radius-xxl: map-get( $QLD-space-map, 12 ) + px;\n\n/**\n* QLD underline-thickness values\n*/\n$QLD-underline__thickness-thin: 0.5px;\n$QLD-underline__thickness-thick: 2px;\n\n/**\n* QLD underline-offset value\n*/\n$QLD-underline__offset: 0.3em;\n\n/**\n* QLD box shadow values\n*/\n$QLD-box-shaddow-level-one: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 3px 1px rgba(0, 0, 0, 0.1);\n$QLD-box-shaddow-level-two: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);\n$QLD-box-shaddow-level-three: 0px 4px 8px 3px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);\n$QLD-box-shaddow-level-four: 7px 6px 13px rgba(0, 0, 0, 0.02), 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 13px 20px rgba(0, 0, 0, 0.1);\n\n/***\nQLD Fixed widths\n*/\n\n$QLD-fixed-width__char-2: 4.0625rem;\n$QLD-fixed-width__char-3: 5.125rem;\n$QLD-fixed-width__char-4: 6.125rem;\n$QLD-fixed-width__char-5: 7.125rem;\n$QLD-fixed-width__char-10: 12.1875rem;\n$QLD-fixed-width__char-20: 22.375rem;\n \n/* \nQLD form input DTA defaults \n*/\n \n$QLD-form-input__width-xs: 4.3rem;\n$QLD-form-input__width-sm: 6.3rem;\n$QLD-form-input__width-md: 10rem;\n$QLD-form-input__width-lg: 18rem;\n$QLD-form-input__width-xl: 24rem;\n\n/* QLD \nFluid Widths \n*/\n$QLD-fluid-width__full: 100%;\n$QLD-fluid-width__3-quarters: 75%;\n$QLD-fluid-width__half: 48.5%;\n$QLD-fluid-width__1-quarter: 25%;\n\n/**\n* QLD icon sizes\n*/\n$QLD-icon-size__xs: 1rem;\n$QLD-icon-size__sm: 1.25rem;\n$QLD-icon-size__md: 1.5rem;\n$QLD-icon-size__lg: 2rem;\n$QLD-icon-size__xl: 3rem;\n$QLD-icon-size__xxl: 4rem;\n$QLD-icon-size__feature: 8rem;\n$QLD-font-size__feature: 4rem;\n$QLD-font-size__feature-lg: 8rem;\n\n/**\n* QLD default icons\n*/\n$QLD-icon-arrow-up: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M379.8 225.7C376.7 229.3 372.3 231.1 368 231.1c-3.844 0-7.703-1.426-10.77-4.31L208 86.12v377.3c0 9.171-7.156 16.59-15.1 16.59S176 472.6 176 463.4V86.12l-149.2 140.7C20.25 232.1 10.14 232.5 4.156 225.7C-1.781 218.9-1.297 208.4 5.234 202.2l176-165.9c6.094-5.768 15.44-5.768 21.53 0l176 165.9C385.3 208.4 385.8 218.9 379.8 225.7z\"/></svg>' ;\n$QLD-icon-arrow-right: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M443.7 266.8l-165.9 176C274.5 446.3 269.1 448 265.5 448c-3.986 0-7.988-1.375-11.16-4.156c-6.773-5.938-7.275-16.06-1.118-22.59L393.9 272H16.59c-9.171 0-16.59-7.155-16.59-15.1S7.421 240 16.59 240h377.3l-140.7-149.3c-6.157-6.531-5.655-16.66 1.118-22.59c6.789-5.906 17.27-5.469 23.45 1.094l165.9 176C449.4 251.3 449.4 260.7 443.7 266.8z\"/></svg>';\n$QLD-icon-arrow-down: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M378.8 309.8l-176 165.9C199.7 478.6 195.9 480 192 480s-7.719-1.426-10.77-4.31l-176-165.9C-1.297 303.6-1.781 293.1 4.156 286.3c5.953-6.838 16.09-7.259 22.61-1.134L176 425.9V48.59c0-9.171 7.156-16.59 15.1-16.59S208 39.42 208 48.59v377.3l149.2-140.7c6.516-6.125 16.66-5.704 22.61 1.134C385.8 293.1 385.3 303.6 378.8 309.8z\"/></svg>';\n$QLD-icon-arrow-left: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M448 256C448 264.8 440.6 272 431.4 272H54.11l140.7 149.3c6.157 6.531 5.655 16.66-1.118 22.59C190.5 446.6 186.5 448 182.5 448c-4.505 0-9.009-1.75-12.28-5.25l-165.9-176c-5.752-6.094-5.752-15.41 0-21.5l165.9-176c6.19-6.562 16.69-7 23.45-1.094c6.773 5.938 7.275 16.06 1.118 22.59L54.11 240h377.3C440.6 240 448 247.2 448 256z\"/></svg>';\n\n$QLD-icon-arrow-view-all: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M283.3 148.7c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62L329.4 240H144C135.2 240 128 247.2 128 256s7.156 16 16 16h185.4l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.62s16.38 6.25 22.62 0l96-96C382.4 264.2 384 260.1 384 256s-1.562-8.188-4.688-11.31L283.3 148.7zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480z\"/></svg>';\n\n$QLD-icon-chevron-up: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M443.8 330.8C440.6 334.3 436.3 336 432 336c-3.891 0-7.781-1.406-10.86-4.25L224 149.8l-197.1 181.1c-6.5 6-16.64 5.625-22.61-.9062c-6-6.5-5.594-16.59 .8906-22.59l208-192c6.156-5.688 15.56-5.688 21.72 0l208 192C449.3 314.3 449.8 324.3 443.8 330.8z\"/></svg>';\n$QLD-icon-chevron-right: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"currentColor\" d=\"M85.14 475.8c-3.438-3.141-5.156-7.438-5.156-11.75c0-3.891 1.406-7.781 4.25-10.86l181.1-197.1L84.23 58.86c-6-6.5-5.625-16.64 .9062-22.61c6.5-6 16.59-5.594 22.59 .8906l192 208c5.688 6.156 5.688 15.56 0 21.72l-192 208C101.7 481.3 91.64 481.8 85.14 475.8z\"/></svg>';\n$QLD-icon-chevron-down: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z\"/></svg>';\n$QLD-icon-chevron-left: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"currentColor\" d=\"M234.8 36.25c3.438 3.141 5.156 7.438 5.156 11.75c0 3.891-1.406 7.781-4.25 10.86L53.77 256l181.1 197.1c6 6.5 5.625 16.64-.9062 22.61c-6.5 6-16.59 5.594-22.59-.8906l-192-208c-5.688-6.156-5.688-15.56 0-21.72l192-208C218.2 30.66 228.3 30.25 234.8 36.25z\"/></svg>';\n\n$QLD-icon-close: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M180.7 180.7C186.9 174.4 197.1 174.4 203.3 180.7L256 233.4L308.7 180.7C314.9 174.4 325.1 174.4 331.3 180.7C337.6 186.9 337.6 197.1 331.3 203.3L278.6 256L331.3 308.7C337.6 314.9 337.6 325.1 331.3 331.3C325.1 337.6 314.9 337.6 308.7 331.3L256 278.6L203.3 331.3C197.1 337.6 186.9 337.6 180.7 331.3C174.4 325.1 174.4 314.9 180.7 308.7L233.4 256L180.7 203.3C174.4 197.1 174.4 186.9 180.7 180.7zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z\"/></svg>';\n$QLD-icon-close-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z\"/></svg>';\n\n$QLD-icon-error: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM362.4 131.8c-6.688-5.75-16.8-4.938-22.55 1.75L256 231.4l-83.86-97.84C166.4 126.9 156.3 126.2 149.6 131.8c-6.719 5.75-7.5 15.88-1.734 22.56L234.9 256l-87.08 101.6c-5.766 6.688-4.984 16.81 1.734 22.56C152.6 382.8 156.3 384 160 384c4.5 0 8.984-1.906 12.14-5.594L256 280.6l83.86 97.84C343 382.1 347.5 384 352 384c3.688 0 7.391-1.281 10.41-3.844c6.719-5.75 7.5-15.88 1.734-22.56L277.1 256l87.08-101.6C369.9 147.7 369.1 137.6 362.4 131.8z\"/></svg>';\n$QLD-icon-success: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z\"/></svg>';\n$QLD-icon-warning: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z\"/></svg>';\n$QLD-icon-info: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M224 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S200 146.7 200 160C200 173.3 210.7 184 224 184zM384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM416 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h320c17.64 0 32 14.36 32 32V416zM272 352h-32V240C240 231.2 232.8 224 224 224H192C183.2 224 176 231.2 176 240S183.2 256 192 256h16v96h-32C167.2 352 160 359.2 160 368C160 376.8 167.2 384 176 384h96c8.836 0 16-7.164 16-16C288 359.2 280.8 352 272 352z\"/></svg>';\n$QLD-icon-search: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z\"/></svg>';\n\n/**\n * QLD-color-neutral colours\n */\n$QLD-color-neutral--black:#131212;\n$QLD-color-neutral--darkest: #222020;\n$QLD-color-neutral--darker: #444444;\n$QLD-color-neutral--dark: #78797E;\n$QLD-color-neutral--light: #E0E0E0;\n$QLD-color-neutral--lighter: #EBEBEB;\n$QLD-color-neutral--lightest: #F5F5F5;\n$QLD-color-neutral--white: #FFFFFF;\n\n/**\n QLD-color-neutral opacity\n*/\n\n$QLD-color-neutral--white__opacity-10: rgba(255, 255, 255, 0.10);\n$QLD-color-neutral--light__opacity-10: rgba(244, 244, 244, 0.10);\n$QLD-color-neutral--darkest__opacity-10: rgba(34, 32, 32, 0.10);\n$QLD-color-neutral--black__opacity-10: rgba(19, 18, 18, 0.10);\n\n/**\n * QLD-color- status styles\n */\n$QLD-color-status__error: #E22339 !default;\n$QLD-color-status__error--lightest: #FFF6F6 !default;\n$QLD-color-status__error--lighter: #FDF0F0 !default;\n$QLD-color-status__error--darker: #8A1220 !default;\n\n$QLD-color-status__success: #339D37 !default;\n$QLD-color-status__success--lightest: #F7FBF8 !default;\n$QLD-color-status__success--lighter: #F2FAF4 !default;\n$QLD-color-status__success--darker: #0A690D !default;\n\n$QLD-color-status__caution: #FFCC2C !default;\n$QLD-color-status__caution--lightest: #FFFAEA !default;\n$QLD-color-status__caution--lighter: #FFF2C9 !default;\n$QLD-color-status__caution--darker: #B38800 !default;\n\n$QLD-color-status__info: #0085B3 !default;\n$QLD-color-status__info--lighter: #E5EEF5 !default;\n$QLD-color-status__info--lightest: #EFF4F9 !default;\n$QLD-color-status__info--darker: #006A8F !default;\n\n /**\n * QLD-color-light styles\n */\n$QLD-color-light__site-title: #022A50 !default;\n$QLD-color-light__design-accent:#6BBE27 !default;\n$QLD-color-light__heading: #04284C !default;\n$QLD-color-light__text: #414141 !default;\n$QLD-color-light__text--lighter:#636363 !default;\n$QLD-color-light__link: #09549F !default;\n$QLD-color-light__link--visited: #551A8B !default;\n$QLD-color-light__link--on-action: #FFFFFF !default;\n$QLD-color-light__action--primary: #09549F !default;\n$QLD-color-light__action--primary-hover:#003E7D !default;\n$QLD-color-light__action--secondary: #008733 !default;\n$QLD-color-light__action--secondary-hover: #005B23 !default;\n$QLD-color-light__focus: #0085B3 !default;\n$QLD-color-light__border: #CCDDEE !default;\n$QLD-color-light__background: #EFF4F9 !default;\n$QLD-color-light__background--shade: #E5EEF5 !default;\n\n\n /**\n * QLD-color-light-alt styles\n */\n\n$QLD-color-light__border--alt: #7A7A7A !default; \n$QLD-color-light__background--alt: #E8E8E8 !default;\n$QLD-color-light__background--alt-shade: #E0E0E0 !default;\n\n /**\n * QLD-color-dark styles\n */\n$QLD-color-dark__site-title: #FFFFFF !default;\n$QLD-color-dark__design-accent:#6BBE27 !default;\n$QLD-color-dark__heading: #FFFFFF !default;\n$QLD-color-dark__text: #FFFFFF !default;\n$QLD-color-dark__text--lighter:#DEEBF9 !default;\n$QLD-color-dark__link: #FFFFFF !default;\n$QLD-color-dark__link--visited: #E1BBEE !default;\n$QLD-color-dark__link--on-action: #121940 !default;\n$QLD-color-dark__action--primary: #78BA00 !default;\n$QLD-color-dark__action--primary-hover:#ADD33F !default;\n$QLD-color-dark__action--secondary: #FFE500 !default;\n$QLD-color-dark__action--secondary-hover: #FFEF60 !default;\n$QLD-color-dark__focus: #01B0E5 !default;\n$QLD-color-dark__border: #1D9AC6 !default;\n$QLD-color-dark__background: #09549F !default;\n$QLD-color-dark__background--shade: #04498F !default;\n\n /**\n * QLD-color-alt-dark styles\n */\n$QLD-color-dark__border--alt: #09ACFE !default;\n$QLD-color-dark__background--alt: #05325F !default;\n$QLD-color-dark__background--alt-shade: #052C53 !default;\n\n\n /**\n * QLD-border-radius styles\n */\n$QLD-border-radius: $QLD-unit + 0px !default;\n\n/**\n* QLD underline-color values\n*/\n$QLD-color-status__light-underline: rgba(255, 255, 255, 0.72) !default;\n$QLD-color-light__underline: #3F7AB4 !default;\n$QLD-color-light__underline--hover: #{$QLD-color-light__link} !default; \n$QLD-color-light__underline--visited: #8B63B0 !default;\n$QLD-color-light__underline--hover-visited: #{$QLD-color-light__link--visited} !default;\n$QLD-color-status__dark-underline: rgba(3, 33, 63, 0.72) !default;\n$QLD-color-dark__underline: #B5CCE2 !default;\n$QLD-color-dark__underline--hover: #{$QLD-color-dark__link} !default;\n$QLD-color-dark__underline--visited: #E1C2FF !default;\n$QLD-color-dark__underline--hover-visited: #{$QLD-color-dark__link--visited} !default;\n\n\n/**\n* QLD Line height variables \n*/\n\n$QLD-default-mobile-xs: 14px;\n$QLD-default-mobile-sm: 16px;\n$QLD-default-mobile-md: 20px;\n$QLD-default-mobile-lg: 24px;\n$QLD-default-mobile-xl: 28px;\n$QLD-default-mobile-xxl: 32px;\n$QLD-default-mobile-xxxl: 40px;\n\n$QLD-default-desktop-xs: 14px;\n$QLD-default-desktop-sm: 16px;\n$QLD-default-desktop-md: 20px;\n$QLD-default-desktop-lg: 24px;\n$QLD-default-desktop-xl: 32px;\n$QLD-default-desktop-xxl: 40px;\n$QLD-default-desktop-xxxl: 48px;\n\n$QLD-heading-space-xs: 16px;\n$QLD-heading-space-sm: 20px;\n$QLD-heading-space-md: 24px;\n$QLD-heading-space-lg: 32px;\n$QLD-heading-space-xl: 40px;\n$QLD-heading-space-xxl: 52px;\n$QLD-heading-space-xxxl: 60px;\n\n\n$QLD-color-contained-layout__background: #EFF4F9;\n\n\n/**\n* QLD custom properties (CSS variables) - defaults\n*/\n:root,\n::after,\n::before {\n --QLD-color-light__site-title: #{$QLD-color-light__site-title};\n --QLD-color-light__design-accent:#{$QLD-color-light__design-accent};\n --QLD-color-light__heading: #{$QLD-color-light__heading};\n --QLD-color-light__text: #{$QLD-color-light__text};\n --QLD-color-light__text--lighter:#{$QLD-color-light__text--lighter};\n --QLD-color-light__link: #{$QLD-color-light__link};\n --QLD-color-light__link--visited: #{$QLD-color-light__link--visited};\n --QLD-color-light__link--on-action: #{$QLD-color-light__link--on-action};\n --QLD-color-light__action--primary: #{$QLD-color-light__action--primary};\n --QLD-color-light__action--primary-hover: #{$QLD-color-light__action--primary-hover};\n --QLD-color-light__focus: #{$QLD-color-light__focus};\n --QLD-color-light__border: #{$QLD-color-light__border};\n --QLD-color-light__background: #{$QLD-color-light__background};\n --QLD-color-light__background--shade: #{$QLD-color-light__background--shade};\n --QLD-color-status__light-underline: #{$QLD-color-status__light-underline};\n --QLD-color-light__underline: #{$QLD-color-light__underline};\n --QLD-color-light__underline--hover: #{$QLD-color-light__underline--hover};\n --QLD-color-light__underline--visited: #{$QLD-color-light__underline--visited};\n --QLD-color-light__underline--hover-visited: #{$QLD-color-light__underline--hover-visited};\n --QLD-color-light__action--secondary: #{$QLD-color-light__action--secondary};\n --QLD-color-light__action--secondary-hover: #{$QLD-color-light__action--secondary-hover};\n --QLD-color-light__border--alt: #{$QLD-color-light__border--alt}; \n --QLD-color-light__background--alt: #{$QLD-color-light__background--alt};\n --QLD-color-light__background--alt-shade: #{$QLD-color-light__background--alt-shade};\n\n --QLD-color-dark__site-title: #{$QLD-color-dark__site-title};\n --QLD-color-dark__design-accent:#{$QLD-color-dark__design-accent};\n --QLD-color-dark__heading: #{$QLD-color-dark__heading};\n --QLD-color-dark__text: #{$QLD-color-dark__text};\n --QLD-color-dark__text--lighter: #{$QLD-color-dark__text--lighter};\n --QLD-color-dark__link: #{$QLD-color-dark__link};\n --QLD-color-dark__link--visited: #{$QLD-color-dark__link--visited};\n --QLD-color-dark__link--on-action: #{$QLD-color-dark__link--on-action};\n --QLD-color-dark__action--primary: #{$QLD-color-dark__action--primary};\n --QLD-color-dark__action--primary-hover: #{$QLD-color-dark__action--primary-hover};\n --QLD-color-dark__focus: #{$QLD-color-dark__focus};\n --QLD-color-dark__border: #{$QLD-color-dark__border};\n --QLD-color-dark__background: #{$QLD-color-dark__background};\n --QLD-color-dark__background--shade: #{$QLD-color-dark__background--shade};\n --QLD-color-status__dark-underline: #{$QLD-color-status__dark-underline};\n --QLD-color-dark__underline: #{$QLD-color-dark__underline};\n --QLD-color-dark__underline--hover: #{$QLD-color-dark__underline--hover};\n --QLD-color-dark__underline--visited: #{$QLD-color-dark__underline--visited};\n --QLD-color-dark__underline--hover-visited: #{$QLD-color-dark__underline--hover-visited};\n\n\n --QLD-color-dark__action--secondary: #{$QLD-color-dark__action--secondary};\n --QLD-color-dark__action--secondary-hover: #{$QLD-color-dark__action--secondary-hover};\n --QLD-color-dark__border--alt: #{$QLD-color-dark__border--alt};\n --QLD-color-dark__background--alt: #{$QLD-color-dark__background--alt};\n --QLD-color-dark__background--alt-shade: #{$QLD-color-dark__background--alt-shade};\n\n --QLD-underline__thickness-thin: #{$QLD-underline__thickness-thin};\n --QLD-underline__thickness-thick: #{$QLD-underline__thickness-thick};\n --QLD-underline__offset: #{$QLD-underline__offset};\n\n --QLD-border-radius-xs: #{$QLD-border-radius-xs};\n --QLD-border-radius-sm: #{$QLD-border-radius-sm};\n --QLD-border-radius-md: #{$QLD-border-radius-md};\n --QLD-border-radius-lg: #{$QLD-border-radius-lg};\n --QLD-border-radius-xl: #{$QLD-border-radius-xl};\n --QLD-border-radius-xxl: #{$QLD-border-radius-xxl};\n\n --QLD-border-width-thin: #{$QLD-border-width-thin};\n --QLD-border-width-default: #{$QLD-border-width-default};\n --QLD-border-width-medium: #{$QLD-border-width-medium};\n --QLD-border-width-thick: #{$QLD-border-width-thick};\n --QLD-border-width-extra-thick: #{$QLD-border-width-extra-thick};\n\n \n --QLD-default-mobile-xs: #{$QLD-default-mobile-xs};\n --QLD-default-mobile-sm: #{$QLD-default-mobile-sm};\n --QLD-default-mobile-md: #{$QLD-default-mobile-md};\n --QLD-default-mobile-lg: #{$QLD-default-mobile-lg};\n --QLD-default-mobile-xl: #{$QLD-default-mobile-xl};\n --QLD-default-mobile-xxl: #{$QLD-default-mobile-xxl};\n --QLD-default-mobile-xxxl: #{$QLD-default-mobile-xxxl};\n\n --QLD-default-desktop-xs: #{$QLD-default-desktop-xs};\n --QLD-default-desktop-sm: #{$QLD-default-desktop-sm};\n --QLD-default-desktop-md: #{$QLD-default-desktop-md};\n --QLD-default-desktop-lg: #{$QLD-default-desktop-lg};\n --QLD-default-desktop-xl: #{$QLD-default-desktop-xl};\n --QLD-default-desktop-xxl: #{$QLD-default-desktop-xxl};\n --QLD-default-desktop-xxxl: #{$QLD-default-desktop-xxxl};\n\n --QLD-heading-space-xs: #{$QLD-heading-space-xs};\n --QLD-heading-space-sm: #{$QLD-heading-space-sm};\n --QLD-heading-space-md: #{$QLD-heading-space-md};\n --QLD-heading-space-lg: #{$QLD-heading-space-lg};\n --QLD-heading-space-xl: #{$QLD-heading-space-xl};\n --QLD-heading-space-xxl: #{$QLD-heading-space-xxl};\n --QLD-heading-space-xxxl: #{$QLD-heading-space-xxxl};\n --QLD-color-contained-layout__background: #{$QLD-color-contained-layout__background};\n}","// These imports have no CSS output, but provide variables, mixins and helpers to aid in construction of\n// a design cutup.\n\n@import \"../imports/functions.scss\";\n@import \"../imports/mixins.scss\";\n@import \"../imports/variables.scss\";\n@import \"../imports/placeholders.scss\";\n\n.qld__banner_contained {\n\n @media (min-width: 992px) {\n \n .qld__banner .qld__banner__content {\n max-width: 46rem;\n }\n \n /*sets the search in the banner */\n .qld__banner.qld__banner--search .qld__banner__content {\n max-width: 30%;\n }\n\n .qld__header .qld__header__main.qld__header__main--dark-alt .qld__header__search{\n background-color: transparent;\n }\n\n .qld__header .qld__header__main.qld__header__main--dark .qld__header__search{\n background-color: transparent;\n }\n\n .qld__header .qld__header__search {\n display: inline-block;\n width: 360px;\n position: relative;\n background-color: transparent;\n padding: 32px 0;\n }\n }\n \n @media (min-width: 1312px) {\n\n .qld__banner.qld__banner--hero-right .qld__banner__image {\n max-width: 36vw;\n width: 36vw;\n left: 5vw;\n }\n \n .qld__banner .qld__banner__content {\n width: 100%;\n }\n \n .content {\n position: relative;\n /*Needed so content sits properly on the stack*/\n }\n \n #content {\n position: relative;\n /*Needed so content sits properly on the stack*/\n }\n \n .qld__main-nav {\n max-width: 1600px;\n /*max size for the navigation component*/\n margin: auto;\n /*keeps nav in center*/\n }\n \n .qld__banner {\n max-width: 1600px;\n /*max size for the banner component*/\n margin: auto;\n /*keeps banner in center*/\n box-shadow: 0px 1px 2px rgb(17 17 17 / 30%);\n /* Adds shadow to banner */\n }\n \n .qld__banner__main {\n align-content: flex-start;\n }\n \n .qld__footer {\n position: relative;\n /* Needed so content sits properly on the stack*/\n }\n \n .qld__main-nav.qld__main-nav--mega .qld__main-nav__menu-sub {\n z-index: 2; /*These shoudl be variables\n Needed so content sits properly on the stack*/\n }\n \n \n .qld__banner.qld__banner--hero-right .qld__banner__image {\n max-width: 45vw;\n width: 45vw;\n }\n }\n\n/* Applies banner design at 1600px */\n\n @media (min-width: 1600px) {\n \n .qld__banner.qld__banner--hero-right .qld__banner__image {\n max-width: 672px;\n left: 1.5rem;\n right: 0;\n }\n \n /* Applies the cured style for main nav */\n .qld__main-nav {\n border-radius: 32px 32px 0px 0px;\n /* Curved edges for nav*/\n box-shadow: 0px 1px 2px hsl(37deg 14% 67%);\n position: relative;\n }\n \n /* Applies the cured style for banner */\n .qld__banner {\n border-radius: 0px 0px 40px 40px;\n /* Curved edges for banner*/\n z-index: 1;\n position: relative;\n }\n \n .qld__body--breadcrumb {\n padding-top: 32px;\n max-width: 100rem;\n margin: 0 auto;\n border-radius: 0 0 48px 48px;\n box-shadow: 0px 1px 2px rgba(0,0,0,.3), 0px 2px 6px 2px rgba(0,0,0,.15);\n position: relative;\n z-index: 1;\n }\n \n /* This applies a background to the whole top of the header */\n .qld__header {\n position: relative;\n overflow: hidden;\n }\n\n .qld__header__contained-banner {\n position: absolute;\n width: 100%;\n content: \" \";\n background-color: var(--QLD-color-contained-layout__background);\n background-size: contain;\n background-position: top left;\n background-repeat: no-repeat;\n background-size: 60%;\n height: 800px;\n \n }\n\n .qld__header {\n background: transparent;\n }\n \n .qld__header__main {\n background: transparent;\n /* removes current header background */\n position: relative;\n\n &.qld__header__main--dark, &.qld__header__main--dark-alt {\n background: transparent;\n }\n }\n /* Adds height and pulls the div below the banner to sit under it slightly */\n \n main.landing #content section:first-of-type:not(.qld__tab-section) { \n padding-top: 8rem;\n margin-top: -4rem;\n }\n \n \n main.content .qld__banner + div.qld__body, main.content .qld__body--breadcrumb + div.qld__body, main.content .qld__body--breadcrumb + section.qld__body{ \n padding-top: 8rem; \n margin-top: -4rem;\n \n }\n \n main.site_search section.qld__search { \n padding-top: 8rem; \n margin-top: -4rem;\n position: relative; \n }\n\n .qld__tab-section {\n margin-top: 96px;\n }\n\n .qld__banner.qld__banner--light+#content > section:first-child,\n .qld__banner.qld__banner--light+#content > data:first-child + section {\n\n &.qld__tab-section{\n box-shadow: 0 -148px 0 0 var(QLD-color-light__background);\n } \n }\n\n .qld__banner.qld__banner--alt+#content > section:first-child,\n .qld__banner.qld__banner--alt+#content > data:first-child + section {\n\n &.qld__tab-section{\n box-shadow: 0 -148px 0 0 var(QLD-color-light__background--alt);\n } \n }\n\n .qld__banner.qld__banner--dark+#content > section:first-child,\n .qld__banner.qld__banner--dark+#content > data:first-child + section {\n\n &.qld__tab-section{\n box-shadow: 0 -148px 0 0 var(--QLD-color-dark__background);\n } \n }\n \n .qld__banner.qld__banner--dark-alt+#content > section:first-child,\n .qld__banner.qld__banner--dark-alt+#content > data:first-child + section {\n\n &.qld__tab-section{\n box-shadow: 0 -148px 0 0 var(--QLD-color-dark__background--alt);\n } \n }\n\n .qld__body--light+.qld__tab-section,\n .qld__body--light+data+.qld__tab-section {\n box-shadow: 0 -148px 0 0 var(--QLD-color-light__background);\n }\n\n .qld__body--alt+.qld__tab-section,\n .qld__body--alt+data+.qld__tab-section {\n box-shadow: 0 -148px 0 0 var(--QLD-color-light__background--alt);\n }\n\n .qld__body--dark+.qld__tab-section,\n .qld__body--dark+data+.qld__tab-section {\n box-shadow: 0 -148px 0 0 var(--QLD-color-dark__background);\n }\n\n .qld__body--dark-alt+.qld__tab-section,\n .qld__body--dark-alt+data+.qld__tab-section {\n box-shadow: 0 -148px 0 0 var(--QLD-color-dark__background--alt);\n }\n \n }\n}"],"names":[],"sourceRoot":""}