.p-icon--minus, .p-icon--plus, .p-icon--expand, .p-icon--collapse, .p-icon--chevron, .p-icon--close, .p-icon--help, .p-icon--information, .p-icon--delete, .p-icon--error, .p-icon--warning, .p-icon--external-link, .p-icon--contextual-menu, .p-icon--code, .p-icon--menu, .p-icon--copy, .p-icon--search, .p-icon--success, .p-icon--share, .p-icon--user, .p-icon--question, .p-icon--spinner { height: 1rem; width: 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin: 0; padding: 0; position: relative; top: -2px; vertical-align: sub; } .p-icon--facebook, .p-icon--google, .p-icon--twitter, .p-icon--instagram, .p-icon--linkedin, .p-icon--youtube, .p-icon--canonical, .p-icon--ubuntu { height: 2.5rem; width: 2.5rem; display: inline-block; } .p-icon--minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cpath d='M0 5V4h9v1z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--minus, .p-icon--minus.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cpath d='M0 5V4h9v1z' fill='%23cdcdcd' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-icon--plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cg fill='%23666' fill-rule='evenodd'%3E%3Cpath d='M4 0h1v9H4z'/%3E%3Cpath d='M0 5V4h9v1z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--plus, .p-icon--plus.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cg fill='%23cdcdcd' fill-rule='evenodd'%3E%3Cpath d='M4 0h1v9H4z'/%3E%3Cpath d='M0 5V4h9v1z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--minus, .p-icon--plus, .p-icon--expand, .p-icon--collapse, .p-icon--chevron, .p-icon--close, .p-icon--help, .p-icon--information, .p-icon--delete, .p-icon--error, .p-icon--warning, .p-icon--external-link, .p-icon--contextual-menu, .p-icon--code, .p-icon--menu, .p-icon--copy, .p-icon--search, .p-icon--success, .p-icon--share, .p-icon--user, .p-icon--question, .p-icon--spinner { height: 1rem; width: 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin: 0; padding: 0; position: relative; top: -2px; vertical-align: sub; } .p-icon--facebook, .p-icon--google, .p-icon--twitter, .p-icon--instagram, .p-icon--linkedin, .p-icon--youtube, .p-icon--canonical, .p-icon--ubuntu { height: 2.5rem; width: 2.5rem; display: inline-block; } .p-media-object, .p-media-object--large { display: flex; flex-shrink: 0; margin-bottom: 1.5rem; } .p-media-object__meta-list-item--date, .p-media-object__meta-list-item--location, .p-media-object__meta-list-item--venue, .p-media-object__meta-list-item { color: #111; padding-left: 2rem; } .p-media-object__meta-list-item--date, .p-media-object__meta-list-item--location, .p-media-object__meta-list-item--venue { background-position: 0 75%; background-repeat: no-repeat; background-size: 1rem; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } blockquote { border-left: 2px solid #666; } blockquote > cite { display: block; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } button { background-color: #fff; border-color: #cdcdcd; color: #111; } button:visited { color: #111; } button:active, button:hover { background-color: #f7f7f7; border-color: #cdcdcd; } button:disabled:active, button:disabled:hover, button.is--disabled:active, button.is--disabled:hover { background-color: transparent; border-color: #cdcdcd; } button .p-link--external { color: currentColor; } button, [type='submit'], .p-button, .p-button--neutral, .p-button--brand, .p-button--positive, .p-button--negative, .p-button--base { transition-duration: 0.165s; transition-property: background-color, border-color; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); border-radius: 0.125rem; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 300; line-height: 1.5rem; margin-bottom: 1.7rem; padding: 0.3375rem 1rem; text-align: center; text-decoration: none; } button:focus, :focus[type='submit'], .p-button:focus, .p-button--neutral:focus, .p-button--brand:focus, .p-button--positive:focus, .p-button--negative:focus, .p-button--base:focus { outline: 1px solid #19b6ee; outline-offset: 2px; } button:active, :active[type='submit'], .p-button:active, .p-button--neutral:active, .p-button--brand:active, .p-button--positive:active, .p-button--negative:active, .p-button--base:active, button:focus, :focus[type='submit'], .p-button:focus, .p-button--neutral:focus, .p-button--brand:focus, .p-button--positive:focus, .p-button--negative:focus, .p-button--base:focus, button:hover, :hover[type='submit'], .p-button:hover, .p-button--neutral:hover, .p-button--brand:hover, .p-button--positive:hover, .p-button--negative:hover, .p-button--base:hover { text-decoration: none; } button:disabled, :disabled[type='submit'], .p-button:disabled, .p-button--neutral:disabled, .p-button--brand:disabled, .p-button--positive:disabled, .p-button--negative:disabled, .p-button--base:disabled, button.is--disabled, .is--disabled[type='submit'], .is--disabled.p-button, .is--disabled.p-button--neutral, .is--disabled.p-button--brand, .is--disabled.p-button--positive, .is--disabled.p-button--negative, .is--disabled.p-button--base { cursor: not-allowed; opacity: .5; } @media only screen and (max-width: 460px) { button, [type='submit'], .p-button, .p-button--neutral, .p-button--brand, .p-button--positive, .p-button--negative, .p-button--base { width: 100%; } } @media only screen and (min-width: 461px) { button, [type='submit'], .p-button, .p-button--neutral, .p-button--brand, .p-button--positive, .p-button--negative, .p-button--base { width: auto; } button:not(:last-of-type):not(:only-of-type), :not(:last-of-type):not(:only-of-type)[type='submit'], .p-button:not(:last-of-type):not(:only-of-type), .p-button--neutral:not(:last-of-type):not(:only-of-type), .p-button--brand:not(:last-of-type):not(:only-of-type), .p-button--positive:not(:last-of-type):not(:only-of-type), .p-button--negative:not(:last-of-type):not(:only-of-type), .p-button--base:not(:last-of-type):not(:only-of-type) { margin-right: 1rem; } } table button, table [type='submit'], table .p-button, table .p-button--neutral, table .p-button--brand, table .p-button--positive, table .p-button--negative, table .p-button--base { margin-bottom: 0.1rem; padding-bottom: 0.0875rem; padding-top: 0.0875rem; } p button, p [type='submit'], p .p-button, p .p-button--neutral, p .p-button--brand, p .p-button--positive, p .p-button--negative, p .p-button--base { margin-bottom: 0.6rem; margin-top: -0.4rem; } p + p > button, p + p > [type='submit'], p + p > .p-button, p + p > .p-button--neutral, p + p > .p-button--brand, p + p > .p-button--positive, p + p > .p-button--negative, p + p > .p-button--base { margin-top: 0.6rem; } @media only screen and (max-width: 460px) { p button + button, p [type='submit'] + button, p .p-button + button, p .p-button--neutral + button, p .p-button--brand + button, p .p-button--positive + button, p .p-button--negative + button, p .p-button--base + button, p button + [type='submit'], p [type='submit'] + [type='submit'], p .p-button + [type='submit'], p .p-button--neutral + [type='submit'], p .p-button--brand + [type='submit'], p .p-button--positive + [type='submit'], p .p-button--negative + [type='submit'], p .p-button--base + [type='submit'], p button + .p-button, p [type='submit'] + .p-button, p .p-button + .p-button, p .p-button--neutral + .p-button, p .p-button--brand + .p-button, p .p-button--positive + .p-button, p .p-button--negative + .p-button, p .p-button--base + .p-button, p button + .p-button--neutral, p [type='submit'] + .p-button--neutral, p .p-button + .p-button--neutral, p .p-button--neutral + .p-button--neutral, p .p-button--brand + .p-button--neutral, p .p-button--positive + .p-button--neutral, p .p-button--negative + .p-button--neutral, p .p-button--base + .p-button--neutral, p button + .p-button--brand, p [type='submit'] + .p-button--brand, p .p-button + .p-button--brand, p .p-button--neutral + .p-button--brand, p .p-button--brand + .p-button--brand, p .p-button--positive + .p-button--brand, p .p-button--negative + .p-button--brand, p .p-button--base + .p-button--brand, p button + .p-button--positive, p [type='submit'] + .p-button--positive, p .p-button + .p-button--positive, p .p-button--neutral + .p-button--positive, p .p-button--brand + .p-button--positive, p .p-button--positive + .p-button--positive, p .p-button--negative + .p-button--positive, p .p-button--base + .p-button--positive, p button + .p-button--negative, p [type='submit'] + .p-button--negative, p .p-button + .p-button--negative, p .p-button--neutral + .p-button--negative, p .p-button--brand + .p-button--negative, p .p-button--positive + .p-button--negative, p .p-button--negative + .p-button--negative, p .p-button--base + .p-button--negative, p button + .p-button--base, p [type='submit'] + .p-button--base, p .p-button + .p-button--base, p .p-button--neutral + .p-button--base, p .p-button--brand + .p-button--base, p .p-button--positive + .p-button--base, p .p-button--negative + .p-button--base, p .p-button--base + .p-button--base { margin-top: 1.1rem; } } code, samp, kbd { font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace; font-weight: 300; text-align: left; } pre, code { direction: ltr; hyphens: none; tab-size: 4; white-space: pre-wrap; word-spacing: normal; word-wrap: break-word; } code { display: inline; } pre { background-color: #f7f7f7; border: 1px solid #cdcdcd; border-radius: 0.125rem; color: #111; display: block; margin-bottom: 1.5rem; margin-top: 0; overflow: auto; padding: 0.5rem 1rem; text-align: left; text-shadow: none; } [type='text'], [type='date'], [type='datetime'], [type='datatime-local'], [type='month'], [type='time'], [type='week'], [type='color'], [type='number'], [type='search'], [type='password'], [type='email'], [type='url'], [type='tel'], select, textarea, [type='file'], .p-code-snippet { margin-bottom: 0.7rem; padding-bottom: 0.3375rem; padding-top: 0.3375rem; } [type='text'], [type='date'], [type='datetime'], [type='datatime-local'], [type='month'], [type='time'], [type='week'], [type='color'], [type='number'], [type='search'], [type='password'], [type='email'], [type='url'], [type='tel'], select, textarea { appearance: textfield; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 0.125rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12); color: #111; font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.5rem; min-width: 10em; padding-left: 0.5rem; padding-right: 0.5rem; vertical-align: baseline; width: 100%; } :focus[type='text'], :focus[type='date'], :focus[type='datetime'], :focus[type='datatime-local'], :focus[type='month'], :focus[type='time'], :focus[type='week'], :focus[type='color'], :focus[type='number'], :focus[type='search'], :focus[type='password'], :focus[type='email'], :focus[type='url'], :focus[type='tel'], select:focus, textarea:focus { outline: 1px solid #19b6ee; outline-offset: 2px; } table [type='text'], table [type='date'], table [type='datetime'], table [type='datatime-local'], table [type='month'], table [type='time'], table [type='week'], table [type='color'], table [type='number'], table [type='search'], table [type='password'], table [type='email'], table [type='url'], table [type='tel'], table select, table textarea { margin: 0 0 0.1rem 0; padding-bottom: 0.0875rem; padding-top: 0.0875rem; } :active[type='text'], :active[type='date'], :active[type='datetime'], :active[type='datatime-local'], :active[type='month'], :active[type='time'], :active[type='week'], :active[type='color'], :active[type='number'], :active[type='search'], :active[type='password'], :active[type='email'], :active[type='url'], :active[type='tel'], select:active, textarea:active { border-color: #666; color: #111; outline: none; } [type='text']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datatime-local']::placeholder, [type='month']::placeholder, [type='time']::placeholder, [type='week']::placeholder, [type='color']::placeholder, [type='number']::placeholder, [type='search']::placeholder, [type='password']::placeholder, [type='email']::placeholder, [type='url']::placeholder, [type='tel']::placeholder, select::placeholder, textarea::placeholder { color: #666; opacity: 1; } .has-error[type='text'], .has-error[type='date'], .has-error[type='datetime'], .has-error[type='datatime-local'], .has-error[type='month'], .has-error[type='time'], .has-error[type='week'], .has-error[type='color'], .has-error[type='number'], .has-error[type='search'], .has-error[type='password'], .has-error[type='email'], .has-error[type='url'], .has-error[type='tel'], select.has-error, textarea.has-error { border: 1px solid #c7162b; } .has-caution[type='text'], .has-caution[type='date'], .has-caution[type='datetime'], .has-caution[type='datatime-local'], .has-caution[type='month'], .has-caution[type='time'], .has-caution[type='week'], .has-caution[type='color'], .has-caution[type='number'], .has-caution[type='search'], .has-caution[type='password'], .has-caution[type='email'], .has-caution[type='url'], .has-caution[type='tel'], select.has-caution, textarea.has-caution { border: 1px solid #f99b11; } .has-warning[type='text'], .has-warning[type='date'], .has-warning[type='datetime'], .has-warning[type='datatime-local'], .has-warning[type='month'], .has-warning[type='time'], .has-warning[type='week'], .has-warning[type='color'], .has-warning[type='number'], .has-warning[type='search'], .has-warning[type='password'], .has-warning[type='email'], .has-warning[type='url'], .has-warning[type='tel'], select.has-warning, textarea.has-warning { border: 1px solid #f99b11; } .has-success[type='text'], .has-success[type='date'], .has-success[type='datetime'], .has-success[type='datatime-local'], .has-success[type='month'], .has-success[type='time'], .has-success[type='week'], .has-success[type='color'], .has-success[type='number'], .has-success[type='search'], .has-success[type='password'], .has-success[type='email'], .has-success[type='url'], .has-success[type='tel'], select.has-success, textarea.has-success { border: 1px solid #0e8420; } .has-information[type='text'], .has-information[type='date'], .has-information[type='datetime'], .has-information[type='datatime-local'], .has-information[type='month'], .has-information[type='time'], .has-information[type='week'], .has-information[type='color'], .has-information[type='number'], .has-information[type='search'], .has-information[type='password'], .has-information[type='email'], .has-information[type='url'], .has-information[type='tel'], select.has-information, textarea.has-information { border: 1px solid #335280; } [type='checkbox'], [type='radio'] { float: left; height: 1.5rem; margin-bottom: 0; margin-right: 1.5rem; margin-top: 0; padding: 0; vertical-align: middle; width: auto; } :focus[type='checkbox'], :focus[type='radio'] { outline: 1px solid #19b6ee; outline-offset: 0; } [disabled][type='text'], [disabled][type='date'], [disabled][type='datetime'], [disabled][type='datatime-local'], [disabled][type='month'], [disabled][type='time'], [disabled][type='week'], [disabled][type='color'], [disabled][type='number'], [disabled][type='search'], [disabled][type='password'], [disabled][type='email'], [disabled][type='url'], [disabled][type='tel'], select[disabled], textarea[disabled], [disabled='disabled'][type='text'], [disabled='disabled'][type='date'], [disabled='disabled'][type='datetime'], [disabled='disabled'][type='datatime-local'], [disabled='disabled'][type='month'], [disabled='disabled'][type='time'], [disabled='disabled'][type='week'], [disabled='disabled'][type='color'], [disabled='disabled'][type='number'], [disabled='disabled'][type='search'], [disabled='disabled'][type='password'], [disabled='disabled'][type='email'], [disabled='disabled'][type='url'], [disabled='disabled'][type='tel'], select[disabled='disabled'], textarea[disabled='disabled'], [disabled][type='checkbox'] + label, [disabled][type='radio'] + label, [disabled='disabled'][type='checkbox'] + label, [disabled='disabled'][type='radio'] + label, .p-switch:disabled + .p-switch__slider { cursor: not-allowed; opacity: .5; } [readonly][type='text'], [readonly][type='date'], [readonly][type='datetime'], [readonly][type='datatime-local'], [readonly][type='month'], [readonly][type='time'], [readonly][type='week'], [readonly][type='color'], [readonly][type='number'], [readonly][type='search'], [readonly][type='password'], [readonly][type='email'], [readonly][type='url'], [readonly][type='tel'], select[readonly], textarea[readonly], [readonly='readonly'][type='text'], [readonly='readonly'][type='date'], [readonly='readonly'][type='datetime'], [readonly='readonly'][type='datatime-local'], [readonly='readonly'][type='month'], [readonly='readonly'][type='time'], [readonly='readonly'][type='week'], [readonly='readonly'][type='color'], [readonly='readonly'][type='number'], [readonly='readonly'][type='search'], [readonly='readonly'][type='password'], [readonly='readonly'][type='email'], [readonly='readonly'][type='url'], [readonly='readonly'][type='tel'], select[readonly='readonly'], textarea[readonly='readonly'] { color: #cdcdcd; cursor: default; } :hover[readonly][type='text'], :hover[readonly][type='date'], :hover[readonly][type='datetime'], :hover[readonly][type='datatime-local'], :hover[readonly][type='month'], :hover[readonly][type='time'], :hover[readonly][type='week'], :hover[readonly][type='color'], :hover[readonly][type='number'], :hover[readonly][type='search'], :hover[readonly][type='password'], :hover[readonly][type='email'], :hover[readonly][type='url'], :hover[readonly][type='tel'], select:hover[readonly], textarea:hover[readonly], :hover[readonly='readonly'][type='text'], :hover[readonly='readonly'][type='date'], :hover[readonly='readonly'][type='datetime'], :hover[readonly='readonly'][type='datatime-local'], :hover[readonly='readonly'][type='month'], :hover[readonly='readonly'][type='time'], :hover[readonly='readonly'][type='week'], :hover[readonly='readonly'][type='color'], :hover[readonly='readonly'][type='number'], :hover[readonly='readonly'][type='search'], :hover[readonly='readonly'][type='password'], :hover[readonly='readonly'][type='email'], :hover[readonly='readonly'][type='url'], :hover[readonly='readonly'][type='tel'], select:hover[readonly='readonly'], textarea:hover[readonly='readonly'], :active[readonly][type='text'], :active[readonly][type='date'], :active[readonly][type='datetime'], :active[readonly][type='datatime-local'], :active[readonly][type='month'], :active[readonly][type='time'], :active[readonly][type='week'], :active[readonly][type='color'], :active[readonly][type='number'], :active[readonly][type='search'], :active[readonly][type='password'], :active[readonly][type='email'], :active[readonly][type='url'], :active[readonly][type='tel'], select:active[readonly], textarea:active[readonly], :active[readonly='readonly'][type='text'], :active[readonly='readonly'][type='date'], :active[readonly='readonly'][type='datetime'], :active[readonly='readonly'][type='datatime-local'], :active[readonly='readonly'][type='month'], :active[readonly='readonly'][type='time'], :active[readonly='readonly'][type='week'], :active[readonly='readonly'][type='color'], :active[readonly='readonly'][type='number'], :active[readonly='readonly'][type='search'], :active[readonly='readonly'][type='password'], :active[readonly='readonly'][type='email'], :active[readonly='readonly'][type='url'], :active[readonly='readonly'][type='tel'], select:active[readonly='readonly'], textarea:active[readonly='readonly'] { border-color: #666; outline: none; } label { cursor: pointer; display: block; margin-bottom: 0.6rem; } label.has-error { color: #c7162b; } label.has-caution { color: #f99b11; } label.has-warning { color: #f99b11; } label.has-success { color: #0e8420; } label.has-information { color: #335280; } [type='file'] { width: 100%; } [type='file']:focus { outline: 1px solid #19b6ee; outline-offset: 2px; } [type='reset'] { display: none; } [type="search"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; } [type='search']::-webkit-search-results-decoration { display: none; } [type='search']::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; cursor: pointer; } [type='checkbox'] + label, [type='radio'] + label { vertical-align: middle; width: 100%; } [type='radio'] { margin-top: 0.4rem; } [type='submit'] { background-color: #0e8420; border-color: #0e8420; color: #fff; } [type='submit']:visited { color: #fff; } [type='submit']:active, [type='submit']:hover { background-color: #095615; border-color: #095615; } [type='submit']:disabled:active, [type='submit']:disabled:hover, [type='submit'].is--disabled:active, [type='submit'].is--disabled:hover { background-color: #0e8420; border-color: #0e8420; } [type='submit'] .p-link--external { color: currentColor; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjRweCIgd2lkdGg9IjEwcHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMCA0Ij4gPHRpdGxlPmFjY29yZGlvbi1vcGVuPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJmaWx0ZXItcGFuZWwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSIgZmlsbD0ibm9uZSI+ICA8ZyBpZD0iYWNjb3JkaW9uLW9wZW4iIGZpbGw9IiM4ODgiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPiAgIDxwYXRoIGlkPSJjaGV2cm9uIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBkPSJtNi4zNjEgMC44NjIzYzAuNTE4IDAuMzY1IDEuMDUyIDAuNzc4MSAxLjYwMSAxLjIzOCAwLjU0OSAwLjQ1ODUgMS4wODkgMC45NTE4IDEuNjIxIDEuNDc3MiAwLjE0MiAwLjE0MDQgMC4yODEgMC4yODIxIDAuNDE1IDAuNDIyNWgtMS41NDFjLTAuMzA0LTAuMjg4OC0wLjYyLTAuNTcwOS0wLjk0Ny0wLjg0NjMtMC4xMzc5LTAuMTE2MS0wLjI3NjgtMC4yMjk3LTAuNDE2OC0wLjM0MDgtMC4xNjM2LTAuMTI5Ny0wLjMyODYtMC4yNTU4LTAuNDk1NC0wLjM3ODMtMC4wODUyLTAuMDYyNS0wLjE3MDgtMC4xMjQxLTAuMjU2OC0wLjE4NDYtMC4zOTctMC4yODIxLTAuOTM1LTAuNjI1Ny0xLjMxNS0wLjg0NzZoLTAuMDU0Yy0wLjM4IDAuMjIxOS0wLjkxOCAwLjU2NTUtMS4zMTUgMC44NDc2LTAuMzk4IDAuMjgwNy0wLjc4OCAwLjU4MjktMS4xNjkgMC45MDM3LTAuMzI3IDAuMjc1NC0wLjY0MyAwLjU1NzUtMC45NDcgMC44NDYzaC0xLjU0MWMwLjEzNS0wLjE0MDQgMC4yNzMtMC4yODIxIDAuNDE1LTAuNDIyNSAwLjUzMi0wLjUyNTQgMS4wNzItMS4wMTg3IDEuNjIxLTEuNDc3MiAwLjU1LTAuNDU5OSAxLjA4My0wLjg3MyAxLjYwMS0xLjIzOCAwLjUxOS0wLjM2NDk3IDAuOTczLTAuNjUyNDEgMS4zNjItMC44NjIzIDAuMzkgMC4yMDk4OSAwLjg0NCAwLjQ5NzMzIDEuMzYyIDAuODYyM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuOTk5IDIpIHJvdGF0ZSgxODApIHRyYW5zbGF0ZSgtNC45OTkgLTIpIi8+ICA8L2c+IDwvZz48L3N2Zz4=") no-repeat; background-position: right 0.5rem center; background-size: 0.75rem; color: #111; min-height: 24px; padding-right: 1.5rem; text-indent: .01px; text-overflow: ''; } select:hover { cursor: pointer; } select[multiple], select[size] { background-image: none; height: auto; } select[multiple] option, select[size] option { font-weight: 300; line-height: 0.875rem; padding: 0.5rem 0.5rem; } textarea { margin-bottom: 0.7rem; overflow: auto; vertical-align: top; } fieldset { background-color: #f7f7f7; border: 0; border-radius: 0.125rem; color: #111; } label { width: fit-content; } input[type="checkbox"] { opacity: 0; position: absolute; } input[type="checkbox"] + label { margin-bottom: 1rem; margin-top: -0.4rem; padding-left: 2rem; position: relative; } input[type="checkbox"] + label:focus { outline: 1px solid #19b6ee; outline-offset: 2px; } input[type="checkbox"] + label::before { border: 1px solid #cdcdcd; border-radius: 0.125rem; content: ""; display: inline-block; height: 1rem; left: 0; top: 0.65rem; width: 1rem; } input[type="checkbox"] + label::after { border-bottom: 2px solid; border-left: 2px solid; content: none; display: inline-block; height: 7px; left: 2px; top: 12px; transform: rotate(-45deg); width: 11px; } input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { display: inline-block; position: absolute; } input[type="checkbox"]:checked + label::after { content: ""; } hr { background-color: #cdcdcd; border: 0; height: 1px; margin-bottom: 0.9375rem; margin-top: 0; position: relative; width: 100%; } hr + p { margin-top: -0.5rem; } .row.is-bordered, .is-bordered.p-content__row { position: relative; } .row.is-bordered::before, .is-bordered.p-content__row::before { background: #cdcdcd; content: ''; height: 1px; margin-bottom: 0.9375rem; width: 100%; } a { color: #007aa6; text-decoration: none; } a:focus { outline: thin dotted #cdcdcd; } a:hover { cursor: pointer; text-decoration: underline; } a:visited { color: #005573; } li > ul, li > ol { margin-bottom: 0; padding-top: 0; } li > ul > li:last-of-type, li > ol > li:last-of-type { padding-bottom: 0; } ol, ul { margin-bottom: 1.5rem; margin-left: 1rem; margin-top: 0; padding-left: 1rem; } nav ol, nav ul { list-style: none; list-style-image: none; } li, dl { margin: 0; padding: 0; } dd { margin-left: 1rem; } dt { border-top: 1px dotted #666; } dt:first-of-type { border-top: 0; } img { border: 0; border-radius: 0.125rem; height: auto; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin-bottom: 1.5rem; margin-left: 0; width: 100%; } figure caption, figure figcaption { display: block; font-style: italic; margin-top: 0.25rem; width: 100%; } object, iframe, embed, canvas, video, audio { display: block; margin: 0 auto 20px; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } .p-card, .p-card--highlighted, .p-card--muted, .p-contextual-menu__dropdown, .p-modal__dialog, .p-notification, .p-notification--positive, .p-notification--caution, .p-notification--negative, .p-notification--information, .p-switch__slider, .p-switch__slider::before { border-radius: 0.125rem; } .p-card--highlighted, .p-card--muted, .p-contextual-menu__dropdown, .p-modal__dialog, .p-notification, .p-notification--positive, .p-notification--caution, .p-notification--negative, .p-notification--information, .p-switch__slider::before { box-shadow: 0 1px 5px 1px rgba(17, 17, 17, 0.2); } .p-card { border: 0.0625rem solid #cdcdcd; } .p-card--muted { background-color: #f7f7f7; color: #111; } .p-card, .p-card--highlighted, .p-contextual-menu__dropdown, .p-modal__dialog, .p-notification, .p-notification--positive, .p-notification--caution, .p-notification--negative, .p-notification--information { background-color: #fff; color: #111; } .p-card, .p-card--highlighted, .p-contextual-menu__dropdown, .p-modal__dialog, .p-notification, .p-notification--positive, .p-notification--caution, .p-notification--negative, .p-notification--information { margin-bottom: 1.5rem; overflow: auto; padding: 1rem; } .p-tabs__list::after { background-color: #cdcdcd; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; } .p-tabs__list::after { bottom: 0; } .p-icon--minus, .p-icon--plus, .p-icon--expand, .p-icon--collapse, .p-icon--chevron, .p-icon--close, .p-icon--help, .p-icon--information, .p-icon--delete, .p-icon--error, .p-icon--warning, .p-icon--external-link, .p-icon--contextual-menu, .p-icon--code, .p-icon--menu, .p-icon--copy, .p-icon--search, .p-icon--success, .p-icon--share, .p-icon--user, .p-icon--question, .p-icon--spinner, .p-icon--facebook, .p-icon--google, .p-icon--twitter, .p-icon--instagram, .p-icon--linkedin, .p-icon--youtube, .p-icon--canonical, .p-icon--ubuntu, .p-switch__slider span, button.p-switch span, .u-hide-text, .p-list__icon--github, .p-list__icon--twitter, .p-list__icon--slack { overflow: hidden; text-indent: calc(100% + 10rem); white-space: nowrap; } .p-inline-images::after, .p-list::after, .p-sidebar-nav__list::after, .p-list-step::after, .p-stepped-list--detailed::after, .u-clearfix::after { clear: both; content: ''; display: block; } table { border: 0; border-collapse: collapse; margin-bottom: 1.5rem; overflow-x: auto; table-layout: fixed; width: 100%; } td, th { font-weight: 300; padding-left: 0; text-align: left; text-overflow: ellipsis; } @media screen and (min-width: 900px) { td:not(:last-child), th:not(:last-child) { padding-right: 1rem; } } thead tr { border-bottom: 1px solid #111; vertical-align: top; } tbody tr:not(:first-child) { border-top: 1px solid #cdcdcd; } td, th, .p-navigation--sidebar .sidebar__link, .p-accordion__tab { padding-bottom: 0.4375rem; padding-top: 0.5rem; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url("https://assets.ubuntu.com/v1/e8c07df6-Ubuntu-L_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/8619add2-Ubuntu-L_W.woff") format("woff"); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url("https://assets.ubuntu.com/v1/fff37993-Ubuntu-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/7af50859-Ubuntu-R_W.woff") format("woff"); } @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 300; src: url("https://assets.ubuntu.com/v1/f8097dea-Ubuntu-LI_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/8be89d02-Ubuntu-LI_W.woff") format("woff"); } @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; src: url("https://assets.ubuntu.com/v1/fca66073-ubuntu-ri-webfont.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/f0898c72-ubuntu-ri-webfont.woff") format("woff"); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 100; src: url("https://assets.ubuntu.com/v1/7f100985-Ubuntu-Th_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/502cc3a1-Ubuntu-Th_W.woff") format("woff"); } @font-face { font-family: 'Ubuntu Mono'; font-style: normal; font-weight: 300; src: url("https://assets.ubuntu.com/v1/fdd692b9-UbuntuMono-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/85edb898-UbuntuMono-R_W.woff") format("woff"); } @font-face { font-family: 'Ubuntu Mono'; font-style: normal; font-weight: 400; src: url("https://assets.ubuntu.com/v1/fdd692b9-UbuntuMono-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/85edb898-UbuntuMono-R_W.woff") format("woff"); } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #111; font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px; font-smoothing: subpixel-antialiased; font-weight: 300; line-height: 1.5rem; } h1, h2, h3, h4, h5, h6, [class^="p-heading--"] { font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } p:empty { line-height: 0; margin: 0; padding: 0; } button, input, select, textarea { font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } blockquote { margin-bottom: 0; margin-left: 0; margin-top: 0; overflow: auto; padding-left: 1.5rem; } blockquote > p { font-style: italic; } blockquote > cite { font-style: normal; } small.dense { margin-bottom: 1.2rem; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } abbr[title] { border-bottom: .1em dotted; cursor: pointer; text-decoration: none; } @media (max-width: 900px) { h3 + p, h4 + p, .p-heading--three + p, .p-heading--four + p { margin-top: -0.5rem; } } h5 + p, h5 + h5, h6 + p, h6 + h5, .p-heading--five + p, .p-heading--five + h5, .p-heading--six + p, .p-heading--six + h5, h5 + h6, h6 + h6, .p-heading--five + h6, .p-heading--six + h6, h5 + .p-heading--five, h6 + .p-heading--five, .p-heading--five + .p-heading--five, .p-heading--six + .p-heading--five, h5 + .p-heading--six, h6 + .p-heading--six, .p-heading--five + .p-heading--six, .p-heading--six + .p-heading--six { margin-top: 0rem; } .p-muted-heading + p, .p-muted-heading + h5, .p-muted-heading + h6, .p-muted-heading + .p-heading--five, .p-muted-heading + .p-heading--six { margin-top: -0.5rem; } p + p:not(.p-muted-heading), h5 + p:not(.p-muted-heading), h6 + p:not(.p-muted-heading), .p-heading--five + p:not(.p-muted-heading), .p-heading--six + p:not(.p-muted-heading) { margin-top: -1rem; } ul + h1, ul + h2, ul + .p-heading--one, ul + .p-heading--two, p + h1, p + h2, p + .p-heading--one, p + .p-heading--two, h5 + h1, h5 + h2, h5 + .p-heading--one, h5 + .p-heading--two, h6 + h1, h6 + h2, h6 + .p-heading--one, h6 + .p-heading--two, .p-heading--five + h1, .p-heading--five + h2, .p-heading--five + .p-heading--one, .p-heading--five + .p-heading--two, .p-heading-6 + h1, .p-heading-6 + h2, .p-heading-6 + .p-heading--one, .p-heading-6 + .p-heading--two { padding-top: 2.2rem; } @media (max-width: 900px) { ul + h1, ul + h2, ul + .p-heading--one, ul + .p-heading--two, p + h1, p + h2, p + .p-heading--one, p + .p-heading--two, h5 + h1, h5 + h2, h5 + .p-heading--one, h5 + .p-heading--two, h6 + h1, h6 + h2, h6 + .p-heading--one, h6 + .p-heading--two, .p-heading--five + h1, .p-heading--five + h2, .p-heading--five + .p-heading--one, .p-heading--five + .p-heading--two, .p-heading-6 + h1, .p-heading-6 + h2, .p-heading-6 + .p-heading--one, .p-heading-6 + .p-heading--two { padding-top: 1.7rem; } } p + h2, p + .p-heading--two { padding-top: 2.2rem; } @media (max-width: 900px) { p + h2, p + .p-heading--two { padding-top: 1.6rem; } } p + h3, p + .p-heading--three { padding-top: 2.1rem; } @media (max-width: 900px) { p + h3, p + .p-heading--three { padding-top: 1.5rem; } } p + h4, p + .p-heading--four { padding-top: 1.55rem; } p + h5, p + .p-heading--five, p + h6, p + .p-heading--six { padding-top: 1.4rem; } p + .p-muted-heading { padding-top: 1rem; } h1, .p-heading--one, .p-media-object--large .p-media-object__title { max-width: 20em; font-size: 2.91029rem; font-style: normal; font-weight: 100; line-height: 3.5rem; margin-bottom: 2.3rem; margin-top: 0; padding-top: 0.2rem; } @media (max-width: 900px) { h1, .p-heading--one, .p-media-object--large .p-media-object__title { font-size: 2.22819rem; line-height: 3rem; margin-bottom: 1.8rem; padding-top: 0.2rem; } } h2, .p-heading--two { max-width: 20em; font-size: 2.22819rem; font-style: normal; font-weight: 300; line-height: 3rem; margin-bottom: 1.8rem; margin-top: 0; padding-top: 0.2rem; } @media (max-width: 900px) { h2, .p-heading--two { font-size: 1.83274rem; line-height: 2.5rem; margin-bottom: 1.4rem; padding-top: 0.1rem; } } h3, .p-navigation--sidebar .p-navigation__logo, .p-heading--three, .p-list-step > li::before, .p-stepped-list--detailed > li::before { max-width: 25em; font-size: 1.70596rem; font-style: normal; font-weight: 300; line-height: 2.5rem; margin-bottom: 1.4rem; margin-top: 0; padding-top: 0.1rem; } @media (max-width: 900px) { h3, .p-navigation--sidebar .p-navigation__logo, .p-heading--three, .p-list-step > li::before, .p-stepped-list--detailed > li::before { font-size: 1.49271rem; line-height: 2rem; margin-bottom: 1rem; padding-top: 0; } } h4, .p-heading--four, .p-matrix__title, .p-media-object__title, .p-modal__title, .p-pull-quote > p, .p-pull-quote__citation { max-width: 25em; font-size: 1.30612rem; font-style: normal; font-weight: 300; line-height: 2rem; margin-bottom: 0.95rem; margin-top: 0; padding-top: 0.05rem; } @media (max-width: 900px) { h4, .p-heading--four, .p-matrix__title, .p-media-object__title, .p-modal__title, .p-pull-quote > p, .p-pull-quote__citation { font-size: 1.22176rem; line-height: 1.5rem; margin-bottom: 0.7rem; padding-top: 0.3rem; } } h5, .p-heading--five { font-size: 1rem; font-style: normal; font-weight: 500; } h6, .p-heading--six { font-size: 1rem; font-style: italic; font-weight: 300; } label, dt, cite, dd, p, h5, .p-heading--five, h6, .p-heading--six, .p-footer__link, .p-navigation--sidebar .p-navigation__tagline, .p-breadcrumbs__item, .p-notification__response { line-height: 1.5rem; margin-bottom: 0.1rem; margin-top: 0; padding-top: 0.4rem; } dd, p, h5, .p-heading--five, h6, .p-heading--six, .p-footer__link { margin-bottom: 1.1rem; } .p-media-object__meta-list-item--date, .p-media-object__meta-list-item--location, .p-media-object__meta-list-item--venue, .p-media-object__meta-list-item, small, thead th, .p-muted-heading, .p-table--mobile-card td::before, .p-table--mobile-card tbody th::before, .p-form-help-text, .p-form-validation__message, .p-tooltip__message { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.7rem; padding-top: 0.05rem; } thead th, .p-muted-heading, .p-table--mobile-card td::before, .p-table--mobile-card tbody th::before { color: #666; margin-bottom: 0.5rem; margin-top: 0; text-transform: uppercase; } p, h5, .p-heading--five, h6, .p-heading--six, .measure--p { max-width: 38em; } dt, strong, .p-notification__status { font-weight: 400; } .p-navigation { background-color: #fff; display: flex; flex-shrink: 0; position: relative; } @media (max-width: 900px) { .p-navigation { flex-direction: column; } } .p-navigation a, .p-navigation a:visited, .p-navigation a:hover, .p-navigation a:focus { color: #111; text-decoration: none; } .p-navigation::after { background: #cdcdcd; bottom: 0; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; } .p-navigation__banner { display: flex; flex: 0 0 auto; justify-content: space-between; } .p-navigation__image { align-self: center; max-height: 2rem; min-height: 1.5rem; } .p-navigation__link > a { display: block; margin-bottom: 0; position: relative; } @media (max-width: 900px) { .p-navigation__link > a { padding: 0.75rem 1.5rem; } .p-navigation__link > a::before { background: #cdcdcd; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; top: 0; } } @media (min-width: 901px) { .p-navigation__link > a { border-left: 1px solid #cdcdcd; padding: 0.75rem 1rem; } .p-navigation__link > a::before { background: #cdcdcd; bottom: 0; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; } } .p-navigation__link > a:hover { background-color: #f7f7f7; } @media (min-width: 901px) { .p-navigation__link.is-selected > a { position: relative; } .p-navigation__link.is-selected > a::before { bottom: 0; background-color: #666; content: ''; position: absolute; } .p-navigation__link.is-selected > a::before { height: 0.1875rem; width: auto; left: -1px; right: -1px; z-index: 1; } } .p-navigation__links { list-style: none; margin: 0; padding: 0; } @media (max-width: 900px) { .p-navigation__links { margin-top: -1px; } } @media (min-width: 901px) { .p-navigation__links { display: flex; flex-wrap: wrap; } } .p-navigation__logo { display: flex; flex: 0 0 auto; height: 3rem; margin: 0 1rem 0 1.5rem; } .p-navigation__logo .p-navigation__link { display: flex; } .p-navigation__nav { display: none; } @media (max-width: 900px) { .p-navigation__nav { flex-direction: column; } } @media (min-width: 901px) { .p-navigation__nav { display: flex; justify-content: space-between; width: 100%; } } .p-navigation .p-search-box { min-width: 10em; } @media (max-width: 900px) { .p-navigation .p-search-box { flex: 1 0 auto; margin: -1px 1.5rem 0.5rem 1.5rem; order: -1; } } @media (min-width: 901px) { .p-navigation .p-search-box { display: flex; flex: 1 1 auto; margin: 0.35rem 1rem auto auto; max-width: 20rem; order: 1; } } .p-navigation__row, .p-navigation .row, .p-navigation .p-content__row { display: flex; padding-left: 0; padding-right: 0; width: 100%; } @media (max-width: 900px) { .p-navigation__row, .p-navigation .row, .p-navigation .p-content__row { flex-direction: column; } } .p-navigation:target .p-navigation__nav { display: flex; } .p-navigation:target .p-navigation__toggle--open { display: none; } @media (max-width: 900px) { .p-navigation:target .p-navigation__toggle--close { display: block; } } .p-navigation__toggle--open, .p-navigation__toggle--close { display: none; margin: 0 1.5rem auto 1rem; padding: 0.75rem 0; } @media (max-width: 900px) { .p-navigation__toggle--open { display: block; } } .p-navigation .u-image-position .u-image-position--right { order: 2; position: relative; right: unset; } .p-navigation--sidebar { background-color: #fff; display: flex; flex-shrink: 0; position: relative; flex-direction: column; height: auto; } @media (max-width: 900px) { .p-navigation--sidebar { flex-direction: column; } } .p-navigation--sidebar a, .p-navigation--sidebar a:visited, .p-navigation--sidebar a:hover, .p-navigation--sidebar a:focus { color: #111; text-decoration: none; } .p-navigation--sidebar::after { background: #cdcdcd; bottom: 0; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; } .p-navigation--sidebar__banner { display: flex; flex: 0 0 auto; justify-content: space-between; } .p-navigation--sidebar__image { align-self: center; max-height: 2rem; min-height: 1.5rem; } .p-navigation--sidebar__link > a { display: block; margin-bottom: 0; position: relative; } @media (max-width: 900px) { .p-navigation--sidebar__link > a { padding: 0.75rem 1.5rem; } .p-navigation--sidebar__link > a::before { background: #cdcdcd; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; top: 0; } } @media (min-width: 901px) { .p-navigation--sidebar__link > a { border-left: 1px solid #cdcdcd; padding: 0.75rem 1rem; } .p-navigation--sidebar__link > a::before { background: #cdcdcd; bottom: 0; content: ''; height: 0.0625rem; left: 0; position: absolute; right: 0; } } .p-navigation--sidebar__link > a:hover { background-color: #f7f7f7; } @media (min-width: 901px) { .p-navigation--sidebar__link.is-selected > a { position: relative; } .p-navigation--sidebar__link.is-selected > a::before { bottom: 0; background-color: #666; content: ''; position: absolute; } .p-navigation--sidebar__link.is-selected > a::before { height: 0.1875rem; width: auto; left: -1px; right: -1px; z-index: 1; } } .p-navigation--sidebar__links { list-style: none; margin: 0; padding: 0; } @media (max-width: 900px) { .p-navigation--sidebar__links { margin-top: -1px; } } @media (min-width: 901px) { .p-navigation--sidebar__links { display: flex; flex-wrap: wrap; } } .p-navigation--sidebar__logo { display: flex; flex: 0 0 auto; height: 3rem; margin: 0 1rem 0 1.5rem; } .p-navigation--sidebar__logo .p-navigation__link { display: flex; } .p-navigation--sidebar__nav { display: none; } @media (max-width: 900px) { .p-navigation--sidebar__nav { flex-direction: column; } } @media (min-width: 901px) { .p-navigation--sidebar__nav { display: flex; justify-content: space-between; width: 100%; } } .p-navigation--sidebar .p-search-box { min-width: 10em; } @media (max-width: 900px) { .p-navigation--sidebar .p-search-box { flex: 1 0 auto; margin: -1px 1.5rem 0.5rem 1.5rem; order: -1; } } @media (min-width: 901px) { .p-navigation--sidebar .p-search-box { display: flex; flex: 1 1 auto; margin: 0.35rem 1rem auto auto; max-width: 20rem; order: 1; } } .p-navigation--sidebar__row, .p-navigation--sidebar .row, .p-navigation--sidebar .p-content__row { display: flex; padding-left: 0; padding-right: 0; width: 100%; } @media (max-width: 900px) { .p-navigation--sidebar__row, .p-navigation--sidebar .row, .p-navigation--sidebar .p-content__row { flex-direction: column; } } .p-navigation--sidebar:target .p-navigation__nav { display: flex; } .p-navigation--sidebar:target .p-navigation__toggle--open { display: none; } @media (max-width: 900px) { .p-navigation--sidebar:target .p-navigation__toggle--close { display: block; } } .p-navigation--sidebar__toggle--open, .p-navigation--sidebar__toggle--close { display: none; margin: 0 1.5rem auto 1rem; padding: 0.75rem 0; } @media (max-width: 900px) { .p-navigation--sidebar__toggle--open { display: block; } } .p-navigation--sidebar .u-image-position .u-image-position--right { order: 2; position: relative; right: unset; } .p-navigation--sidebar .p-navigation__banner .row, .p-navigation--sidebar .p-navigation__banner .p-content__row { flex-direction: row; } .p-navigation--sidebar .sidebar__cta { margin-top: 0; } .p-navigation--sidebar .sidebar__cta .p-inline-list { display: inline-block; } .p-navigation--sidebar .sidebar__cta [class^="p-icon"] { cursor: pointer; } @media (min-width: 901px) { .p-navigation--sidebar .sidebar__cta { display: none; } } .p-navigation--sidebar .sidebar__content { background: #fff; width: 100%; } @media (min-width: 901px) { .p-navigation--sidebar .sidebar__content { display: block !important; } } .p-navigation--sidebar .sidebar__link { color: #111; display: block; position: relative; } .p-navigation--sidebar .sidebar__link:hover { color: #007aa6; } .p-navigation--sidebar .sidebar__link:focus { outline: 0; } .p-navigation--sidebar .p-navigation__logo { display: flex; flex: 0 0 auto; margin-left: 0; } .p-navigation--sidebar .p-navigation__logo .p-navigation__image { height: 24px; width: auto; } .p-navigation--sidebar .p-navigation__tagline { display: block; } .p-navigation--sidebar .is-selected { font-weight: bold; } .p-navigation--sidebar .sidebar__first-level { padding-left: 0; } .p-navigation--sidebar .sidebar__third-level { background-color: #666; margin-right: -4rem; padding-left: 4rem; position: relative; right: 3rem; } .p-navigation--sidebar .sidebar__second-level, .p-navigation--sidebar .sidebar__third-level { display: none; list-style: none; margin-left: 0; padding-bottom: 0.25rem; padding-top: 0.25rem; } .p-navigation--sidebar .sidebar__second-level .is-deepest-level, .p-navigation--sidebar .sidebar__third-level .is-deepest-level { background-color: #f7f7f7; } .p-navigation--sidebar .p-icon--plus, .p-navigation--sidebar .p-icon--minus { perspective: 800px; perspective-origin: 50% 100px; position: absolute; right: 1rem; top: 0.5rem; transition: all .5s ease-in-out; } .p-navigation--sidebar .p-icon--minus { display: none; } .p-navigation--sidebar .is-selected .p-icon--minus { display: block; } .p-navigation--sidebar .is-selected .p-icon--plus { display: none; } .p-navigation--sidebar .is-selected + .sidebar__second-level, .p-navigation--sidebar .is-selected + .sidebar__third-level { display: block; } .p-accordion__list { list-style-type: none; margin: 0 0 1.5rem 0; padding: 0; } .p-accordion__group:not(:last-child) .p-accordion__tab { border-bottom: 1px solid #cdcdcd; } .p-accordion__tab { background-position: top 0.84375rem right 1rem; background-repeat: no-repeat; background-color: inherit; border: 0; border-radius: 0; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; text-align: left; transition-duration: 0s; width: 100%; z-index: 2; } .p-accordion__tab[aria-expanded='true'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cpath d='M0 5V4h9v1z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 0.75rem; } .p-accordion__tab[aria-expanded='false'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cg fill='%23666' fill-rule='evenodd'%3E%3Cpath d='M4 0h1v9H4z'/%3E%3Cpath d='M0 5V4h9v1z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 0.75rem; } .p-accordion__tab:focus { outline: 1px solid #007aa6; outline-offset: 2px; } .p-accordion__panel { border-bottom: 1px solid #cdcdcd; margin: 0; overflow: auto; padding-left: 2rem; } .p-accordion__panel[aria-hidden='true'] { display: none; } .p-accordion p { margin-bottom: 0.6rem; } .p-aside { border-top: 1px solid #cdcdcd; font-size: .875rem; padding: 0 1.5rem; } @media (min-width: 900px) { .p-aside { border-left: 1px solid #cdcdcd; border-top: 0; padding: 0 1rem; } } .p-aside__header { color: #666; font-size: 1rem; line-height: 1.5; margin-bottom: 1rem; text-transform: uppercase; } .p-aside__section { padding: 1rem 0; } .p-aside__section:not(:last-child) { border-bottom: 1px dotted #cdcdcd; } .p-aside__nav { list-style: none; margin: 0; padding: 0; } .p-aside__nav .p-aside__link { border-bottom: 0; color: #111; margin-bottom: 0.25rem; } .p-aside__nav .p-aside__link:visited { color: #111; } .p-aside__nav .p-aside__link:hover { color: #007aa6; } .p-aside__nav .p-aside__link.is-active { font-weight: 400; padding-left: 0.25rem; } .p-breadcrumbs { list-style: none; margin: 0; padding: 0; width: 100%; } .p-breadcrumbs__item { display: inline-block; margin-bottom: 0.6rem; } .p-breadcrumbs__item:not(:first-of-type) { text-indent: 1rem; } .p-breadcrumbs__item:not(:first-of-type)::before { content: '\203A'; margin-left: -.75rem; margin-right: .5rem; } .p-button { background-color: #fff; border-color: #cdcdcd; color: #111; } .p-button:visited { color: #111; } .p-button:active, .p-button:hover { background-color: #f7f7f7; border-color: #cdcdcd; } .p-button:disabled:active, .p-button:disabled:hover, .is--disabled.p-button:active, .is--disabled.p-button:hover { background-color: #fff; border-color: #fff; } .p-button .p-link--external { color: currentColor; } .p-button--neutral { background-color: #fff; border-color: #cdcdcd; color: #111; } .p-button--neutral:visited { color: #111; } .p-button--neutral:active, .p-button--neutral:hover { background-color: #dedede; border-color: #cdcdcd; } .p-button--neutral:disabled:active, .p-button--neutral:disabled:hover, .is--disabled.p-button--neutral:active, .is--disabled.p-button--neutral:hover { background-color: transparent; border-color: #cdcdcd; } .p-button--neutral .p-link--external { color: currentColor; } .p-button--brand { background-color: #333; border-color: #333; color: #fff; } .p-button--brand:visited { color: #fff; } .p-button--brand:active, .p-button--brand:hover { background-color: #1a1a1a; border-color: #1a1a1a; } .p-button--brand:disabled:active, .p-button--brand:disabled:hover, .is--disabled.p-button--brand:active, .is--disabled.p-button--brand:hover { background-color: #333; border-color: #333; } .p-button--brand .p-link--external { color: currentColor; } .p-button--positive { background-color: #0e8420; border-color: #0e8420; color: #fff; } .p-button--positive:visited { color: #fff; } .p-button--positive:active, .p-button--positive:hover { background-color: #095615; border-color: #095615; } .p-button--positive:disabled:active, .p-button--positive:disabled:hover, .is--disabled.p-button--positive:active, .is--disabled.p-button--positive:hover { background-color: #0e8420; border-color: #0e8420; } .p-button--positive .p-link--external { color: currentColor; } .p-button--negative { background-color: #c7162b; border-color: #c7162b; color: #fff; } .p-button--negative:visited { color: #fff; } .p-button--negative:active, .p-button--negative:hover { background-color: #991121; border-color: #991121; } .p-button--negative:disabled:active, .p-button--negative:disabled:hover, .is--disabled.p-button--negative:active, .is--disabled.p-button--negative:hover { background-color: #c7162b; border-color: #c7162b; } .p-button--negative .p-link--external { color: currentColor; } .p-button--base { background-color: transparent; border-color: transparent; color: #111; } .p-button--base:visited { color: #111; } .p-button--base:active, .p-button--base:hover { background-color: #f7f7f7; border-color: transparent; } .p-button--base:disabled:active, .p-button--base:disabled:hover, .is--disabled.p-button--base:active, .is--disabled.p-button--base:hover { background-color: transparent; border-color: #cdcdcd; } .p-button--base .p-link--external { color: currentColor; } @media (min-width: 900px) { [class^="p-button"].is-inline { margin-left: 1rem; width: auto; } } .p-card { padding: 0.9375rem; } .p-card--overlay { background: rgba(255, 255, 255, 0.9); color: #111; margin-bottom: 1.5rem; overflow: auto; padding: 1rem; } .p-card--muted { margin-bottom: 1.5rem; overflow: auto; padding: 1rem; } .p-card__image { margin-bottom: 1rem; vertical-align: top; width: 100%; } .p-card__content { margin-top: -1rem; } .p-card__header { border-bottom: 1px solid #cdcdcd; margin-bottom: 1rem; } .p-card__header > .p-link--soft { display: inline-block; overflow: auto; } .p-card__thumbnail { max-height: 2rem; } .p-card__content { margin-top: -1rem; } .p-card__header { border-bottom: 1px solid #cdcdcd; margin-bottom: 1rem; } .p-card__header > .p-link--soft { display: inline-block; overflow: auto; } .p-code-numbered { counter-reset: line-numbering; padding: 0; } .p-code-numbered .code-line { display: inline-block; padding: 0.5rem 1rem 0 19rem; position: relative; width: 100%; } .p-code-numbered .code-line:empty { display: block; min-height: 2.5rem; } .p-code-numbered .code-line:last-of-type, .p-code-numbered .code-line:last-of-type::before { padding-bottom: 0.5rem; } .p-code-numbered .code-line::before { background: #fff; border-right: 1px solid #cdcdcd; color: #666; content: counter(line-numbering); counter-increment: line-numbering; display: inline-block; height: 100%; left: 0; padding: 0.5rem 1rem 0 1rem; pointer-events: none; position: absolute; text-align: right; top: 0; user-select: none; width: 18rem; } .p-code-snippet { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 0.125rem; color: #111; display: flex; overflow: hidden; padding-left: 0.5rem; padding-right: 0.5rem; position: relative; transition: border .2s, background-color .2s; width: 100%; } .p-code-snippet + .p-code-snippet { margin-top: 0; } .p-code-snippet__input { background-color: transparent; background-image: url('data:image/svg+xml;utf8, '); background-position: 0 center; background-repeat: no-repeat; border: 0; box-shadow: none; color: #666; font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace; font-weight: 300; line-height: 1.5rem; margin-bottom: 0; padding: 0; padding-left: 1.5rem; width: 100%; } .p-code-snippet__action { background-color: #f7f7f7; background-image: url('data:image/svg+xml;utf8, '); background-position: center; background-repeat: no-repeat; background-size: 1rem; border-color: transparent; border-left: 1px solid #cdcdcd; border-radius: 0; display: block; height: 100%; margin-bottom: 0; margin-top: 0; padding: 0; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 40px; } .p-code-snippet__action:hover { border-color: transparent; border-left: 1px solid #cdcdcd; } .p-contextual-menu, .p-contextual-menu--left, .p-contextual-menu--center { display: inline-block; margin: 0; position: relative; } .p-contextual-menu__dropdown { display: none; margin: 0; max-width: 21rem; min-width: 10rem; padding: 0; position: absolute; right: 0; top: calc(100% + 0.25rem); z-index: 1; } .p-contextual-menu__dropdown::before, .p-contextual-menu__dropdown::after { border-bottom: 8px solid rgba(17, 17, 17, 0.05); border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 100%; content: ''; height: 0; pointer-events: none; position: absolute; right: 0.5rem; width: 0; } .p-contextual-menu__dropdown::after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; right: 0.6rem; } .p-contextual-menu__dropdown[aria-hidden="false"] { display: block; } .p-contextual-menu__group { display: block; padding: 0.125rem 0; } .p-contextual-menu__group + .p-contextual-menu__group { border-top: 1px solid #cdcdcd; margin: 0; } .p-contextual-menu__link { border: 0; clear: both; color: #111; display: block; line-height: 1.5rem; margin: 0; overflow: hidden; padding: 0.125rem 0.5rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .p-contextual-menu__link:hover { background-color: #f7f7f7; text-decoration: none; } .p-contextual-menu--left .p-contextual-menu__dropdown { left: 0; } .p-contextual-menu--left .p-contextual-menu__dropdown::before, .p-contextual-menu--left .p-contextual-menu__dropdown::after { left: 0.5rem; right: initial; } .p-contextual-menu--left .p-contextual-menu__dropdown::after { left: 0.6rem; } .p-contextual-menu--center .p-contextual-menu__dropdown { left: 50%; transform: translateX(-50%); } .p-contextual-menu--center .p-contextual-menu__dropdown::before, .p-contextual-menu--center .p-contextual-menu__dropdown::after { left: 50%; right: initial; transform: translateX(-50%); } @media (min-width: 900px) { .p-divider { display: flex; } } @media (max-width: 900px) { .p-divider__block { padding-bottom: 1.5rem; } .p-divider__block:not(:first-child) { border-top: 1px solid #cdcdcd; padding-top: 0.9375rem; } } @media (min-width: 900px) { .p-divider__block { padding-right: 1rem; } .p-divider__block:not(:nth-child(1))::before { border-left: 1px solid #cdcdcd; bottom: 0.5rem; content: ''; left: -1.5rem; position: absolute; top: 0.5rem; } .p-divider__block:last-child { padding-right: 0; } } .p-footer { border-top: 1px solid #cdcdcd; position: relative; } @media only screen and (max-width: 1030px) { .p-footer { padding-bottom: 2rem; padding-top: 2rem; } } @media only screen and (min-width: 1030px) { .p-footer { padding-bottom: 4rem; padding-top: 4rem; } } .p-footer__copy { margin-bottom: 0; } .p-footer__links { margin: 0; padding: 0; } @media (min-width: 900px) { .p-footer__links { margin-top: 0; } } .p-footer__nav { margin-top: 0; } p + .p-footer__nav { margin-top: -1rem; } .p-footer__item { display: block; } @media (min-width: 900px) { .p-footer__item { display: inline-block; } } .p-footer__item:last-child a::after { opacity: 0; } .p-footer__link { border-bottom: 0; color: #111; display: inline-block; } .p-footer__link:visited { color: black; } .p-footer__link:hover { color: #007aa6; } @media (min-width: 900px) { .p-footer__link { margin-right: 1rem; position: relative; } .p-footer__link::after { content: '\00b7'; display: inline-block; font-size: 1.5rem; position: absolute; right: -0.75rem; top: 0.4rem; } } .p-footer__link:hover::after { color: #111; } .p-form-help-text { color: #666; } input + .p-form-help-text, .p-form-validation .p-form-help-text { margin-top: -0.2rem; } .p-form-validation { color: #111; position: relative; } .p-form-validation .p-form-validation__input { background-position: calc(100% - 0.5rem) 50%; background-repeat: no-repeat; } .p-form-validation .p-form-validation__icon { position: relative; } .p-form-validation .p-form-validation__icon::after { position: absolute; right: 0.5rem; top: calc(50% - 0.25rem); } input + .p-form-validation__message, .p-form-help-text .p-form-validation__message { margin-top: -0.2rem; } .is-error .p-form-validation__input { background-image: url("https://assets.ubuntu.com/v1/4b0cd7fc-icon-error.svg"); border-color: #c7162b; } .is-success .p-form-validation__input { background-image: url("https://assets.ubuntu.com/v1/94949185-icon-success.svg"); border-color: #0e8420; } .is-caution .p-form-validation__input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath stroke-linejoin='round' fill='%23f99b11' transform='matrix%282.28 0 0 2.437 -2180.8 -490.52%29' stroke='%23f99b11' stroke-width='.848' d='M963.07 207.03h-6.15l3.08-5.33z'/%3E%3Cpath d='M7 5v5h2V5H7zm0 6v2h2v-2H7z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E"); border-color: #f99b11; } .p-form--stacked { width: 100%; } @media screen and (min-width: 900px) { .p-form--stacked .p-form__group { align-items: baseline; display: flex; flex-flow: wrap; } .p-form--stacked .p-form__group + .p-form__group { margin-top: 0.5rem; } } @media screen and (min-width: 900px) { .p-form--stacked .p-form__label { flex-basis: 25%; flex-grow: 1; margin: 0; max-width: 25%; padding-right: 0.5rem; } } @media screen and (min-width: 900px) { .p-form--stacked .p-form__control { flex-basis: 75%; flex-grow: 1; margin: 0; max-width: 75%; } } @media screen and (min-width: 900px) { .p-form--inline { align-items: baseline; display: inline-flex; flex-direction: row; } .p-form--inline > * { margin: 0; } } @media screen and (min-width: 900px) { .p-form--inline .p-form__group { display: inline-flex; width: auto; } .p-form--inline .p-form__group + .p-form__group, .p-form--inline .p-form__group + [class*="p-button"] { margin-left: 1.5rem; } .p-form--inline .p-form__group .p-form__label, .p-form--inline .p-form__group .p-form__control, .p-form--inline .p-form__group .p-form-validation__message { align-self: baseline; box-sizing: border-box; } .p-form--inline .p-form__group .p-form__label { flex-shrink: 0; padding-right: 1rem; } .p-form--inline .p-form__group .p-form__control { display: inline-block; } .p-form--inline .p-form__group .p-form-validation__message, .p-form--inline .p-form__group .p-form-help-text { clear: both; min-width: 100%; width: 0; } } .p-form--inline [class*="p-button"] { flex: initial; flex-shrink: 0; margin-top: 0; } form + [class*="p-button"] { margin-top: 1.5rem; } .row, .p-content__row { width: 100%; } [grid-demo] [class*="col-"] { background: #cdcdcd; margin-bottom: 0.5rem; } [grid-outline] [class*="col-"] { outline: 1px solid #fff; padding: 0.5rem 0.5rem; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } img { max-width: 100%; height: auto; } @media \0screen { img { width: auto; } } .row, .p-content__row { *zoom: 1; padding-left: 1.5rem; padding-right: 1.5rem; } .row:before, .p-content__row:before, .row:after, .p-content__row:after { display: table; content: " "; } .row:after, .p-content__row:after { clear: both; } .row .row, .p-content__row .row, .row .p-content__row, .p-content__row .p-content__row { margin-right: 0; margin-left: 0; max-width: none; padding-right: 0; padding-left: 0; } .mobile-col-1, .mobile-col-2, .mobile-col-3 { display: block; float: left; min-height: 1px; position: relative; *margin-right: -1px; margin-left: 7.80829%; } .row .mobile-col-1:first-child, .p-content__row .mobile-col-1:first-child, .row .mobile-col-2:first-child, .p-content__row .mobile-col-2:first-child, .row .mobile-col-3:first-child, .p-content__row .mobile-col-3:first-child, .first-mobile-col { margin-left: 0; } .mobile-col-1 { width: 19.14379%; } .mobile-col-2 { width: 46.09586%; } .mobile-col-3 { width: 73.04793%; } @media screen and (min-width: 620px) { .tablet-col-1, .tablet-col-2, .tablet-col-3, .tablet-col-4, .tablet-col-5 { display: block; float: left; min-height: 1px; position: relative; *margin-right: -1px; margin-left: 4.93155%; } .row .tablet-col-1:first-child, .p-content__row .tablet-col-1:first-child, .row .tablet-col-2:first-child, .p-content__row .tablet-col-2:first-child, .row .tablet-col-3:first-child, .p-content__row .tablet-col-3:first-child, .row .tablet-col-4:first-child, .p-content__row .tablet-col-4:first-child, .row .tablet-col-5:first-child, .p-content__row .tablet-col-5:first-child, .first-tablet-col { margin-left: 0; } .tablet-col-1 { width: 12.55704%; } .tablet-col-2 { width: 30.04563%; } .tablet-col-3 { width: 47.53423%; } .tablet-col-4 { width: 65.02282%; } .tablet-col-5 { width: 82.51141%; } } @media screen and (min-width: 900px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { display: block; float: left; min-height: 1px; position: relative; *margin-right: -1px; margin-left: 3.2877%; } .row .col-1:first-child, .p-content__row .col-1:first-child, .row .col-2:first-child, .p-content__row .col-2:first-child, .row .col-3:first-child, .p-content__row .col-3:first-child, .row .col-4:first-child, .p-content__row .col-4:first-child, .row .col-5:first-child, .p-content__row .col-5:first-child, .row .col-6:first-child, .p-content__row .col-6:first-child, .row .col-7:first-child, .p-content__row .col-7:first-child, .row .col-8:first-child, .p-content__row .col-8:first-child, .row .col-9:first-child, .p-content__row .col-9:first-child, .row .col-10:first-child, .p-content__row .col-10:first-child, .row .col-11:first-child, .p-content__row .col-11:first-child, .first-col { margin-left: 0; } .col-1 { width: 5.31961%; } .col-2 { width: 13.92692%; } .col-3 { width: 22.53423%; } .col-4 { width: 31.14153%; } .col-5 { width: 39.74884%; } .col-6 { width: 48.35615%; } .col-7 { width: 56.96346%; } .col-8 { width: 65.57077%; } .col-9 { width: 74.17808%; } .col-10 { width: 82.78538%; } .col-11 { width: 91.39269%; } .prefix-1 { padding-left: 8.60731%; } .prefix-2 { padding-left: 17.21462%; } .prefix-3 { padding-left: 25.82192%; } .prefix-4 { padding-left: 34.42923%; } .prefix-5 { padding-left: 43.03654%; } .prefix-6 { padding-left: 51.64385%; } .prefix-7 { padding-left: 60.25116%; } .prefix-8 { padding-left: 68.85847%; } .prefix-9 { padding-left: 77.46577%; } .prefix-10 { padding-left: 86.07308%; } .prefix-11 { padding-left: 94.68039%; } .suffix-1 { padding-right: 8.60731%; } .suffix-2 { padding-right: 17.21462%; } .suffix-3 { padding-right: 25.82192%; } .suffix-4 { padding-right: 34.42923%; } .suffix-5 { padding-right: 43.03654%; } .suffix-6 { padding-right: 51.64385%; } .suffix-7 { padding-right: 60.25116%; } .suffix-8 { padding-right: 68.85847%; } .suffix-9 { padding-right: 77.46577%; } .suffix-10 { padding-right: 86.07308%; } .suffix-11 { padding-right: 94.68039%; } .push-1 { left: 8.60731%; } .push-2 { left: 17.21462%; } .push-3 { left: 25.82192%; } .push-4 { left: 34.42923%; } .push-5 { left: 43.03654%; } .push-6 { left: 51.64385%; } .push-7 { left: 60.25116%; } .push-8 { left: 68.85847%; } .push-9 { left: 77.46577%; } .push-10 { left: 86.07308%; } .push-11 { left: 94.68039%; } .pull-1 { right: 8.60731%; } .pull-2 { right: 17.21462%; } .pull-3 { right: 25.82192%; } .pull-4 { right: 34.42923%; } .pull-5 { right: 43.03654%; } .pull-6 { right: 51.64385%; } .pull-7 { right: 60.25116%; } .pull-8 { right: 68.85847%; } .pull-9 { right: 77.46577%; } .pull-10 { right: 86.07308%; } .pull-11 { right: 94.68039%; } .col-11 .col-1, .col-11 .col-2, .col-11 .col-3, .col-11 .col-4, .col-11 .col-5, .col-11 .col-6, .col-11 .col-7, .col-11 .col-8, .col-11 .col-9, .col-11 .col-10 { margin-left: 3.59733%; } .col-11 .col-1 { width: 5.82061%; } .col-11 .col-2 { width: 15.23855%; } .col-11 .col-3 { width: 24.65649%; } .col-11 .col-4 { width: 34.07442%; } .col-11 .col-5 { width: 43.49236%; } .col-11 .col-6 { width: 52.9103%; } .col-11 .col-7 { width: 62.32824%; } .col-11 .col-8 { width: 71.74618%; } .col-11 .col-9 { width: 81.16412%; } .col-11 .col-10 { width: 90.58206%; } .col-10 .col-1, .col-10 .col-2, .col-10 .col-3, .col-10 .col-4, .col-10 .col-5, .col-10 .col-6, .col-10 .col-7, .col-10 .col-8, .col-10 .col-9 { margin-left: 3.97135%; } .col-10 .col-1 { width: 6.42578%; } .col-10 .col-2 { width: 16.82292%; } .col-10 .col-3 { width: 27.22005%; } .col-10 .col-4 { width: 37.61719%; } .col-10 .col-5 { width: 48.01432%; } .col-10 .col-6 { width: 58.41146%; } .col-10 .col-7 { width: 68.80859%; } .col-10 .col-8 { width: 79.20573%; } .col-10 .col-9 { width: 89.60286%; } .col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8 { margin-left: 4.43217%; } .col-9 .col-1 { width: 7.1714%; } .col-9 .col-2 { width: 18.77498%; } .col-9 .col-3 { width: 30.37855%; } .col-9 .col-4 { width: 41.98213%; } .col-9 .col-5 { width: 53.5857%; } .col-9 .col-6 { width: 65.18928%; } .col-9 .col-7 { width: 76.79285%; } .col-9 .col-8 { width: 88.39643%; } .col-8 .col-1, .col-8 .col-2, .col-8 .col-3, .col-8 .col-4, .col-8 .col-5, .col-8 .col-6, .col-8 .col-7 { margin-left: 5.01397%; } .col-8 .col-1 { width: 8.11278%; } .col-8 .col-2 { width: 21.23952%; } .col-8 .col-3 { width: 34.36627%; } .col-8 .col-4 { width: 47.49301%; } .col-8 .col-5 { width: 60.61976%; } .col-8 .col-6 { width: 73.74651%; } .col-8 .col-7 { width: 86.87325%; } .col-7 .col-1, .col-7 .col-2, .col-7 .col-3, .col-7 .col-4, .col-7 .col-5, .col-7 .col-6 { margin-left: 5.77159%; } .col-7 .col-1 { width: 9.33863%; } .col-7 .col-2 { width: 24.44886%; } .col-7 .col-3 { width: 39.55909%; } .col-7 .col-4 { width: 54.66932%; } .col-7 .col-5 { width: 69.77954%; } .col-7 .col-6 { width: 84.88977%; } .col-6 .col-1, .col-6 .col-2, .col-6 .col-3, .col-6 .col-4, .col-6 .col-5 { margin-left: 6.79893%; } .col-6 .col-1 { width: 11.00089%; } .col-6 .col-2 { width: 28.80072%; } .col-6 .col-3 { width: 46.60054%; } .col-6 .col-4 { width: 64.40036%; } .col-6 .col-5 { width: 82.20018%; } .col-5 .col-1, .col-5 .col-2, .col-5 .col-3, .col-5 .col-4 { margin-left: 8.27118%; } .col-5 .col-1 { width: 13.38305%; } .col-5 .col-2 { width: 35.03729%; } .col-5 .col-3 { width: 56.69153%; } .col-5 .col-4 { width: 78.34576%; } .col-4 .col-1, .col-4 .col-2, .col-4 .col-3 { margin-left: 10.55728%; } .col-4 .col-1 { width: 17.08204%; } .col-4 .col-2 { width: 44.72136%; } .col-4 .col-3 { width: 72.36068%; } .col-3 .col-1, .col-3 .col-2 { margin-left: 14.5898%; } .col-3 .col-1 { width: 23.6068%; } .col-3 .col-2 { width: 61.8034%; } .col-2 .col-1 { margin-left: 23.6068%; } .col-2 .col-1 { width: 38.1966%; } } .row .center-col, .p-content__row .center-col { float: none; margin-left: auto !important; margin-right: auto; } @media screen and (max-width: 619px) { .hidden-mobile, .visible-tablet, .visible-desktop { display: none !important; } } @media screen and (min-width: 620px) and (max-width: 899px) { .visible-mobile, .hidden-tablet, .visible-desktop { display: none !important; } } @media screen and (min-width: 900px) { .visible-mobile, .visible-tablet, .hidden-desktop { display: none !important; } } .p-heading-icon { margin-bottom: 1rem; } @media (min-width: 900px) { .p-heading-icon { margin-bottom: 0; } } .p-heading-icon__header { display: flex; margin-bottom: 0.75rem; } .p-heading-icon__title { margin-bottom: 0; padding-top: 0; } .p-heading-icon__img { flex-shrink: 0; height: 2.5rem; margin-right: 1rem; width: 2.5rem; } @media (min-width: 900px) { .p-heading-icon__img { height: 3.75rem; width: 3.75rem; } } .p-icon--plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cg fill='%23666' fill-rule='evenodd'%3E%3Cpath d='M4 0h1v9H4z'/%3E%3Cpath d='M0 5V4h9v1z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--plus, .p-icon--plus.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cg fill='%23cdcdcd' fill-rule='evenodd'%3E%3Cpath d='M4 0h1v9H4z'/%3E%3Cpath d='M0 5V4h9v1z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cpath d='M0 5V4h9v1z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--minus, .p-icon--minus.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='9'%3E%3Cpath d='M0 5V4h9v1z' fill='%23cdcdcd' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-icon--expand { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='15' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='none'/%3E%3Cpath stroke='%23666' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23666' d='M7 4h1v7H7z'/%3E%3Cpath fill='%23666' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--expand, .p-icon--expand.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='15' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='none'/%3E%3Cpath stroke='%23cdcdcd' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23cdcdcd' d='M7 4h1v7H7z'/%3E%3Cpath fill='%23cdcdcd' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--collapse { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='15' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='none'/%3E%3Cpath stroke='%23666' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23666' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--collapse, .p-icon--collapse.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='15' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='none'/%3E%3Cpath stroke='%23cdcdcd' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23cdcdcd' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--chevron { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='4' width='10'%3E%3Cpath d='M3.637 3.138A26.335 26.335 0 0 1 0 0h1.541a21.242 21.242 0 0 0 1.364 1.187 16.899 16.899 0 0 0 .752.563c.397.282.935.626 1.315.848h.054c.38-.222.918-.566 1.315-.848.398-.28.788-.583 1.169-.904.327-.275.643-.557.947-.846h1.541a26.335 26.335 0 0 1-3.637 3.138c-.519.365-.973.652-1.362.862-.39-.21-.844-.497-1.362-.862z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--chevron, .p-icon--chevron.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='4' width='10'%3E%3Cpath d='M3.637 3.138A26.335 26.335 0 0 1 0 0h1.541a21.242 21.242 0 0 0 1.364 1.187 16.899 16.899 0 0 0 .752.563c.397.282.935.626 1.315.848h.054c.38-.222.918-.566 1.315-.848.398-.28.788-.583 1.169-.904.327-.275.643-.557.947-.846h1.541a26.335 26.335 0 0 1-3.637 3.138c-.519.365-.973.652-1.362.862-.39-.21-.844-.497-1.362-.862z' fill='%23cdcdcd' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-icon--close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='90' width='90'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h90v90H0z'/%3E%3Cpath d='M14.52 6L6 14.52 36.48 45 6 75.49 14.52 84 45 53.52 75.48 84 84 75.49 53.52 45 84 14.52 75.48 6 45 36.49z' fill='%23666'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--close, .p-icon--close.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='90' width='90'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h90v90H0z'/%3E%3Cpath d='M14.52 6L6 14.52 36.48 45 6 75.49 14.52 84 45 53.52 75.48 84 84 75.49 53.52 45 84 14.52 75.48 6 45 36.49z' fill='%23cdcdcd'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--help { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath fill='none' color='%23000' d='M-.003.002h16v16h-16z'/%3E%3Cpath d='M8.004 5.23q-.431 0-.825.11-.394.098-.825.332l-.419-1.145q.456-.258 1.035-.406.59-.16 1.206-.16.739 0 1.219.21.48.196.763.504.283.308.394.677.111.37.111.714 0 .419-.16.751-.148.333-.382.616t-.504.542q-.271.246-.505.517-.234.258-.394.554-.148.295-.148.664v.148q0 .074.012.148h-1.28q-.025-.123-.037-.259-.012-.147-.012-.27 0-.407.135-.727.136-.32.345-.59t.443-.506q.246-.234.456-.467.209-.234.344-.48.136-.247.136-.542 0-.407-.283-.665-.271-.271-.825-.271zM8.984 12.01q0 .43-.283.7-.284.272-.702.272-.406 0-.702-.271-.283-.271-.283-.702 0-.43.283-.702.296-.283.702-.283.418 0 .702.283.283.271.283.702z' fill='%23666'/%3E%3Cpath d='M2.064 1.002c-.591 0-1.067.476-1.067 1.067v11.867c0 .591.476 1.067 1.067 1.067H13.93c.591 0 1.067-.476 1.067-1.067V2.07c0-.591-.476-1.067-1.067-1.067zm-.067 1h12v12h-12z' fill='%23666' color='%23000'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--help, .p-icon--help.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath fill='none' color='%23000' d='M-.003.002h16v16h-16z'/%3E%3Cpath d='M8.004 5.23q-.431 0-.825.11-.394.098-.825.332l-.419-1.145q.456-.258 1.035-.406.59-.16 1.206-.16.739 0 1.219.21.48.196.763.504.283.308.394.677.111.37.111.714 0 .419-.16.751-.148.333-.382.616t-.504.542q-.271.246-.505.517-.234.258-.394.554-.148.295-.148.664v.148q0 .074.012.148h-1.28q-.025-.123-.037-.259-.012-.147-.012-.27 0-.407.135-.727.136-.32.345-.59t.443-.506q.246-.234.456-.467.209-.234.344-.48.136-.247.136-.542 0-.407-.283-.665-.271-.271-.825-.271zM8.984 12.01q0 .43-.283.7-.284.272-.702.272-.406 0-.702-.271-.283-.271-.283-.702 0-.43.283-.702.296-.283.702-.283.418 0 .702.283.283.271.283.702z' fill='%23cdcdcd'/%3E%3Cpath d='M2.064 1.002c-.591 0-1.067.476-1.067 1.067v11.867c0 .591.476 1.067 1.067 1.067H13.93c.591 0 1.067-.476 1.067-1.067V2.07c0-.591-.476-1.067-1.067-1.067zm-.067 1h12v12h-12z' fill='%23cdcdcd' color='%23000'/%3E%3C/svg%3E"); } .p-icon--information { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath d='M2.07 1c-.59 0-1.066.475-1.066 1.066v11.867c0 .591.475 1.067 1.066 1.067h11.867c.591 0 1.066-.476 1.066-1.067V2.066c0-.59-.475-1.066-1.066-1.066zm-.066 1h12v12h-12z' fill='%23666'/%3E%3Cpath d='M7 4v2h2V4zm0 3v5h2V7z' fill='%23666'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--information, .p-icon--information.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath d='M2.07 1c-.59 0-1.066.475-1.066 1.066v11.867c0 .591.475 1.067 1.066 1.067h11.867c.591 0 1.066-.476 1.066-1.067V2.066c0-.59-.475-1.066-1.066-1.066zm-.066 1h12v12h-12z' fill='%23cdcdcd'/%3E%3Cpath d='M7 4v2h2V4zm0 3v5h2V7z' fill='%23cdcdcd'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--delete { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath style='text-decoration-color:%23000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none' d='M2 4v1h2V4H2zm11 0v1h2V4h-2zM2 6v8.506c0 .822.678 1.5 1.5 1.5h10c.822 0 1.5-.678 1.5-1.5V6h-2v7.506c0 .286-.214.5-.5.5h-8a.488.488 0 0 1-.5-.5V6H2z' fill='%23666'/%3E%3Cpath d='M6 0v3h1V1h3v2h1V0H6zM5 6h1v6H5zM8 6h1v6H8zM11 6h1v6h-1z' fill='%23666'/%3E%3Cpath style='text-decoration-color:%23000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none' d='M3.5 2C2.678 2 2 2.678 2 3.5V5h13V3.5c0-.822-.678-1.5-1.5-1.5h-10zM2 6v8.006h2V6H2zm11 0v8.006h2V6h-2z' fill='%23666'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--delete, .p-icon--delete.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath style='text-decoration-color:%23000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none' d='M2 4v1h2V4H2zm11 0v1h2V4h-2zM2 6v8.506c0 .822.678 1.5 1.5 1.5h10c.822 0 1.5-.678 1.5-1.5V6h-2v7.506c0 .286-.214.5-.5.5h-8a.488.488 0 0 1-.5-.5V6H2z' fill='%23cdcdcd'/%3E%3Cpath d='M6 0v3h1V1h3v2h1V0H6zM5 6h1v6H5zM8 6h1v6H8zM11 6h1v6h-1z' fill='%23cdcdcd'/%3E%3Cpath style='text-decoration-color:%23000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none' d='M3.5 2C2.678 2 2 2.678 2 3.5V5h13V3.5c0-.822-.678-1.5-1.5-1.5h-10zM2 6v8.006h2V6H2zm11 0v8.006h2V6h-2z' fill='%23cdcdcd'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--error { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 16.000017 16.000017' width='16'%3E%3Cg stroke-width='1.5' color='%23000'%3E%3Cpath d='M8 0C3.5906 0 0 3.5906 0 8s3.5906 8 8 8 8-3.5906 8-8-3.5906-8-8-8z' fill='%23c7162b'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath d='M5 5l6 6m0-6l-6 6' stroke-dashoffset='.8' stroke='%23fff' fill='none'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath stroke-linejoin='round' fill='%23f99b11' transform='matrix%282.28 0 0 2.437 -2180.8 -490.52%29' stroke='%23f99b11' stroke-width='.848' d='M963.07 207.03h-6.15l3.08-5.33z'/%3E%3Cpath d='M7 5v5h2V5H7zm0 6v2h2v-2H7z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--external-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath fill='none' d='M.003.001h16v16h-16z'/%3E%3Cpath d='M8.581 2.068S12.208.631 16-.005c.002 0 .002 0 .002.002v.006h.002c-.708 3.964-2.08 7.406-2.08 7.406L8.58 2.069z' fill='%23666'/%3E%3Cpath stroke-linejoin='round' d='M7.87 8.128l4.446-4.445' stroke='%23666' stroke-width='2.00001' fill='none'/%3E%3Cpath d='M1.503 2.001c-.822 0-1.5.678-1.5 1.5v11c0 .823.678 1.5 1.5 1.5h11c.823 0 1.5-.677 1.5-1.5v-5.5h-2v4.5c0 .287-.214.5-.5.5h-9a.488.488 0 0 1-.5-.5v-9c0-.285.215-.5.5-.5h4.5v-2h-5.5z' fill='%23666'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--external-link, .p-icon--external-link.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath fill='none' d='M.003.001h16v16h-16z'/%3E%3Cpath d='M8.581 2.068S12.208.631 16-.005c.002 0 .002 0 .002.002v.006h.002c-.708 3.964-2.08 7.406-2.08 7.406L8.58 2.069z' fill='%23cdcdcd'/%3E%3Cpath stroke-linejoin='round' d='M7.87 8.128l4.446-4.445' stroke='%23cdcdcd' stroke-width='2.00001' fill='none'/%3E%3Cpath d='M1.503 2.001c-.822 0-1.5.678-1.5 1.5v11c0 .823.678 1.5 1.5 1.5h11c.823 0 1.5-.677 1.5-1.5v-5.5h-2v4.5c0 .287-.214.5-.5.5h-9a.488.488 0 0 1-.5-.5v-9c0-.285.215-.5.5-.5h4.5v-2h-5.5z' fill='%23cdcdcd'/%3E%3C/svg%3E"); } .p-icon--contextual-menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='6' viewBox='0 0 6 14'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cpath d='M-10-6h26v26h-26z'/%3E%3Cpath fill-rule='nonzero' fill='%23666' d='M0 0v2h6V0M0 6v2h6V6m-6 6v2h6v-2'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--contextual-menu, .p-icon--contextual-menu.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='6' viewBox='0 0 6 14'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cpath d='M-10-6h26v26h-26z'/%3E%3Cpath fill-rule='nonzero' fill='%23cdcdcd' d='M0 0v2h6V0M0 6v2h6V6m-6 6v2h6v-2'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--code { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath opacity='.212' fill='none' d='M.005.002h16v16h-16z'/%3E%3Cpath d='M2.671 2.002c-1.778 0-2.666 0-2.666 2.068v8.866c0 2.067.888 2.066 2.666 2.066H13.34c1.778 0 2.666 0 2.666-2.066v-8.8c0-2.133-.888-2.134-2.666-2.134H2.671zm1.28 1.89h1.101v1.143c.339.028.642.078.91.148.268.064.48.128.635.192L6.333 6.42a6.601 6.601 0 0 0-.73-.222 3.858 3.858 0 0 0-.953-.106c-.382 0-.67.072-.86.213a.646.646 0 0 0-.285.56c0 .142.028.261.084.36a.875.875 0 0 0 .256.254c.113.07.25.142.412.213.162.063.346.13.55.201.29.113.561.233.815.36.261.12.487.266.678.435.19.163.34.356.445.582.113.226.17.494.17.805 0 .466-.144.868-.433 1.207-.29.339-.766.558-1.43.657v1.324H3.95V11.97c-.508-.036-.922-.103-1.24-.201a4.692 4.692 0 0 1-.697-.286l.36-1.005c.225.113.496.214.814.306.324.092.692.139 1.101.139.487 0 .823-.072 1.006-.213a.703.703 0 0 0 .287-.582.764.764 0 0 0-.117-.424 1.09 1.09 0 0 0-.328-.319 2.828 2.828 0 0 0-.508-.253c-.19-.078-.404-.158-.637-.243a8.505 8.505 0 0 1-.656-.265 2.866 2.866 0 0 1-.582-.36c-.17-.148-.306-.324-.412-.529s-.16-.456-.16-.752c0-.487.146-.901.435-1.24.29-.346.734-.567 1.334-.666V3.892zm4.054 8.096h3.99v.996h-3.99v-.996z' fill='%23666'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--code, .p-icon--code.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath opacity='.212' fill='none' d='M.005.002h16v16h-16z'/%3E%3Cpath d='M2.671 2.002c-1.778 0-2.666 0-2.666 2.068v8.866c0 2.067.888 2.066 2.666 2.066H13.34c1.778 0 2.666 0 2.666-2.066v-8.8c0-2.133-.888-2.134-2.666-2.134H2.671zm1.28 1.89h1.101v1.143c.339.028.642.078.91.148.268.064.48.128.635.192L6.333 6.42a6.601 6.601 0 0 0-.73-.222 3.858 3.858 0 0 0-.953-.106c-.382 0-.67.072-.86.213a.646.646 0 0 0-.285.56c0 .142.028.261.084.36a.875.875 0 0 0 .256.254c.113.07.25.142.412.213.162.063.346.13.55.201.29.113.561.233.815.36.261.12.487.266.678.435.19.163.34.356.445.582.113.226.17.494.17.805 0 .466-.144.868-.433 1.207-.29.339-.766.558-1.43.657v1.324H3.95V11.97c-.508-.036-.922-.103-1.24-.201a4.692 4.692 0 0 1-.697-.286l.36-1.005c.225.113.496.214.814.306.324.092.692.139 1.101.139.487 0 .823-.072 1.006-.213a.703.703 0 0 0 .287-.582.764.764 0 0 0-.117-.424 1.09 1.09 0 0 0-.328-.319 2.828 2.828 0 0 0-.508-.253c-.19-.078-.404-.158-.637-.243a8.505 8.505 0 0 1-.656-.265 2.866 2.866 0 0 1-.582-.36c-.17-.148-.306-.324-.412-.529s-.16-.456-.16-.752c0-.487.146-.901.435-1.24.29-.346.734-.567 1.334-.666V3.892zm4.054 8.096h3.99v.996h-3.99v-.996z' fill='%23cdcdcd'/%3E%3C/svg%3E"); } .p-icon--menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='19' width='25' viewBox='0 0 79 60'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23666' d='M.995 0h78v12h-78zm0 24h78v12h-78zm0 24h78v12h-78z'/%3E%3Cpath d='M-5.005-15h90v90h-90z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--menu, .p-icon--menu.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='19' width='25' viewBox='0 0 79 60'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23cdcdcd' d='M.995 0h78v12h-78zm0 24h78v12h-78zm0 24h78v12h-78z'/%3E%3Cpath d='M-5.005-15h90v90h-90z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--copy { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17' width='16'%3E%3Cg fill='%23666' fill-rule='evenodd'%3E%3Cpath d='M10.587 1.8h3.259c.472 0 .846.053 1.161.2s.567.412.716.748c.298.67.266 1.491.277 2.613V13.84c-.011 1.121.021 1.942-.277 2.613-.149.335-.401.6-.716.747s-.689.2-1.161.2H4.154c-.472 0-.846-.053-1.16-.2s-.568-.412-.717-.747c-.246-.554-.268-1.21-.273-2.053h.803c.016.854.058 1.428.178 1.707.072.166.151.26.336.348s.477.145.896.145h9.566c.42 0 .712-.057.897-.145a.602.602 0 0 0 .335-.348c.143-.331.175-1.081.185-2.222V5.309c-.01-1.137-.042-1.885-.185-2.216a.603.603 0 0 0-.335-.348c-.185-.088-.477-.145-.897-.145h-3.538c.182-.225.304-.5.342-.8zm-3.174 0c.038.3.16.575.341.8H4.217c-.42 0-.712.057-.896.145a.603.603 0 0 0-.336.348c-.143.33-.175 1.079-.185 2.216V10.8H2V5.361c.01-1.122-.021-1.942.277-2.613.149-.336.401-.601.716-.748s.689-.2 1.16-.2h3.26z'/%3E%3Cpath fill-rule='nonzero' d='M11.398 1.8v2.4H6.6V1.8h1.6c0 .447.353.8.8.8.445 0 .799-.353.799-.8h1.6z'/%3E%3Cpath fill-rule='nonzero' d='M10.6 1.6c0 .879-.722 1.6-1.6 1.6-.879 0-1.6-.721-1.6-1.6C7.4.72 8.121 0 9 0c.879 0 1.6.72 1.6 1.6zm-.8 0c0-.447-.354-.8-.8-.8-.447 0-.8.353-.8.8 0 .446.353.8.8.8.446 0 .8-.354.8-.8z'/%3E%3Cpath d='M8.4 7.2H14v1H8.4zM8.4 9.6H14v1H8.4zM10 12h4v1h-4z'/%3E%3Cpath fill-rule='nonzero' d='M4.4 10s2.134 1.026 4 2.505h-.002C6.427 14.03 4.4 15 4.4 15v-5z'/%3E%3Cpath d='M0 11.6h4.4v2H0z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--copy, .p-icon--copy.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17' width='16'%3E%3Cg fill='%23cdcdcd' fill-rule='evenodd'%3E%3Cpath d='M10.587 1.8h3.259c.472 0 .846.053 1.161.2s.567.412.716.748c.298.67.266 1.491.277 2.613V13.84c-.011 1.121.021 1.942-.277 2.613-.149.335-.401.6-.716.747s-.689.2-1.161.2H4.154c-.472 0-.846-.053-1.16-.2s-.568-.412-.717-.747c-.246-.554-.268-1.21-.273-2.053h.803c.016.854.058 1.428.178 1.707.072.166.151.26.336.348s.477.145.896.145h9.566c.42 0 .712-.057.897-.145a.602.602 0 0 0 .335-.348c.143-.331.175-1.081.185-2.222V5.309c-.01-1.137-.042-1.885-.185-2.216a.603.603 0 0 0-.335-.348c-.185-.088-.477-.145-.897-.145h-3.538c.182-.225.304-.5.342-.8zm-3.174 0c.038.3.16.575.341.8H4.217c-.42 0-.712.057-.896.145a.603.603 0 0 0-.336.348c-.143.33-.175 1.079-.185 2.216V10.8H2V5.361c.01-1.122-.021-1.942.277-2.613.149-.336.401-.601.716-.748s.689-.2 1.16-.2h3.26z'/%3E%3Cpath fill-rule='nonzero' d='M11.398 1.8v2.4H6.6V1.8h1.6c0 .447.353.8.8.8.445 0 .799-.353.799-.8h1.6z'/%3E%3Cpath fill-rule='nonzero' d='M10.6 1.6c0 .879-.722 1.6-1.6 1.6-.879 0-1.6-.721-1.6-1.6C7.4.72 8.121 0 9 0c.879 0 1.6.72 1.6 1.6zm-.8 0c0-.447-.354-.8-.8-.8-.447 0-.8.353-.8.8 0 .446.353.8.8.8.446 0 .8-.354.8-.8z'/%3E%3Cpath d='M8.4 7.2H14v1H8.4zM8.4 9.6H14v1H8.4zM10 12h4v1h-4z'/%3E%3Cpath fill-rule='nonzero' d='M4.4 10s2.134 1.026 4 2.505h-.002C6.427 14.03 4.4 15 4.4 15v-5z'/%3E%3Cpath d='M0 11.6h4.4v2H0z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg transform='translate%28-74.67 -285.57%29 scale%28.66667%29' color='%23000'%3E%3Cpath opacity='.05' fill='none' d='M112 452.36h24v-24h-24z'/%3E%3Cpath style='isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none' d='M129.93 444.03l-2.27 2.273 6.07 6.07 2.27-2.27z' fill='%23666'/%3E%3Cellipse stroke-linejoin='round' stroke='%23666' rx='9.479' ry='9.479' cy='438.86' cx='122.5' stroke-linecap='round' stroke-width='2.041' fill='none'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--search, .p-icon--search.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg transform='translate%28-74.67 -285.57%29 scale%28.66667%29' color='%23000'%3E%3Cpath opacity='.05' fill='none' d='M112 452.36h24v-24h-24z'/%3E%3Cpath style='isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none' d='M129.93 444.03l-2.27 2.273 6.07 6.07 2.27-2.27z' fill='%23cdcdcd'/%3E%3Cellipse stroke-linejoin='round' stroke='%23cdcdcd' rx='9.479' ry='9.479' cy='438.86' cx='122.5' stroke-linecap='round' stroke-width='2.041' fill='none'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--success { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate%281 1%29' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%230e8420' stroke-width='1.5' fill='%230e8420' cx='7.25' cy='7.25' r='7.25'/%3E%3Cpath fill='%23fff' d='M11.05 4.173l-.066.058L6.25 8.378l-2.776-2.38-.839.948L6.25 10.75l5.5-5.787-.7-.79z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--share { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath style='block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none' d='M11.43.012a2.48 2.48 0 0 0-1.5.597l-.952.797v.574a6.7 6.7 0 0 1-.154 1.489c-.102.452-.286.84-.543 1.158a2.333 2.333 0 0 1-.999.756c-.421.185-.953.278-1.59.278-.622 0-1.072-.04-1.568-.112-.929.544-1.363 1.382-1.363 2.493s.53 1.732 1.363 2.53a14.294 14.294 0 0 1 1.569-.077c.636 0 1.168.093 1.59.278.42.174.751.427.998.756.257.318.44.7.543 1.152.103.452.154.95.154 1.495v.414l.922.78a2.49 2.49 0 0 0 1.813.63 2.49 2.49 0 0 0 1.713-.866 2.49 2.49 0 0 0 .57-1.833 2.49 2.49 0 0 0-.923-1.684l-.65-.55h-1.696c-.44 0-.848-.06-1.229-.182a2.59 2.59 0 0 1-.993-.55 2.54 2.54 0 0 1-.65-.934c-.16-.372-.242-.818-.242-1.335s.083-.967.242-1.347c.16-.38.377-.69.65-.934.282-.243.613-.428.993-.55a4.25 4.25 0 0 1 1.23-.17h1.536l.821-.686c.798-.646 1.116-1.822.752-2.782-.363-.96-1.381-1.63-2.406-1.585z' fill='%23666'/%3E%3Cpath opacity='.1' fill='none' d='M-.003.005h16v16h-16z'/%3E%3C/g%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--share, .p-icon--share.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath style='block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none' d='M11.43.012a2.48 2.48 0 0 0-1.5.597l-.952.797v.574a6.7 6.7 0 0 1-.154 1.489c-.102.452-.286.84-.543 1.158a2.333 2.333 0 0 1-.999.756c-.421.185-.953.278-1.59.278-.622 0-1.072-.04-1.568-.112-.929.544-1.363 1.382-1.363 2.493s.53 1.732 1.363 2.53a14.294 14.294 0 0 1 1.569-.077c.636 0 1.168.093 1.59.278.42.174.751.427.998.756.257.318.44.7.543 1.152.103.452.154.95.154 1.495v.414l.922.78a2.49 2.49 0 0 0 1.813.63 2.49 2.49 0 0 0 1.713-.866 2.49 2.49 0 0 0 .57-1.833 2.49 2.49 0 0 0-.923-1.684l-.65-.55h-1.696c-.44 0-.848-.06-1.229-.182a2.59 2.59 0 0 1-.993-.55 2.54 2.54 0 0 1-.65-.934c-.16-.372-.242-.818-.242-1.335s.083-.967.242-1.347c.16-.38.377-.69.65-.934.282-.243.613-.428.993-.55a4.25 4.25 0 0 1 1.23-.17h1.536l.821-.686c.798-.646 1.116-1.822.752-2.782-.363-.96-1.381-1.63-2.406-1.585z' fill='%23cdcdcd'/%3E%3Cpath opacity='.1' fill='none' d='M-.003.005h16v16h-16z'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath opacity='.12' fill='none' color='%23000' d='M15.997 15.998v-16h-16v16z'/%3E%3Cpath style='text-decoration-color:%23000;font-variant-numeric:normal;text-decoration-line:none;font-variant-position:normal;mix-blend-mode:normal;block-progression:tb;font-feature-settings:normal;shape-padding:0;font-variant-alternates:normal;text-indent:0;font-variant-caps:normal;text-decoration-style:solid;font-variant-ligatures:normal;isolation:auto;text-transform:none' d='M8 0c-.587 0-1.142.109-1.651.329-.508.209-.955.515-1.329.912h-.004a4.235 4.235 0 0 0-.844 1.426 5.128 5.128 0 0 0-.299 1.787c0 .653.098 1.256.3 1.802.199.539.48 1.012.843 1.41h.004c.25.264.531.49.841.676-.258.066-.701.144-.956.237-.878.322-1.617.766-2.196 1.334h-.004a5.586 5.586 0 0 0-1.286 2.03h-.002a7.541 7.541 0 0 0-.394 2.464v1.572L14.98 16v-1.572c0-.891-.139-1.7-.42-2.467a5.19 5.19 0 0 0-1.291-2.039c-.58-.567-1.316-1.011-2.194-1.333-.25-.093-.687-.17-.94-.236.31-.187.59-.414.834-.681.373-.397.661-.872.86-1.411a5.17 5.17 0 0 0 .3-1.803c0-.645-.098-1.243-.3-1.788a4.108 4.108 0 0 0-.86-1.427A3.652 3.652 0 0 0 9.652.33 4.14 4.14 0 0 0 8.001 0z' fill='%23666' color='%23000' white-space='normal'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--user, .p-icon--user.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath opacity='.12' fill='none' color='%23000' d='M15.997 15.998v-16h-16v16z'/%3E%3Cpath style='text-decoration-color:%23000;font-variant-numeric:normal;text-decoration-line:none;font-variant-position:normal;mix-blend-mode:normal;block-progression:tb;font-feature-settings:normal;shape-padding:0;font-variant-alternates:normal;text-indent:0;font-variant-caps:normal;text-decoration-style:solid;font-variant-ligatures:normal;isolation:auto;text-transform:none' d='M8 0c-.587 0-1.142.109-1.651.329-.508.209-.955.515-1.329.912h-.004a4.235 4.235 0 0 0-.844 1.426 5.128 5.128 0 0 0-.299 1.787c0 .653.098 1.256.3 1.802.199.539.48 1.012.843 1.41h.004c.25.264.531.49.841.676-.258.066-.701.144-.956.237-.878.322-1.617.766-2.196 1.334h-.004a5.586 5.586 0 0 0-1.286 2.03h-.002a7.541 7.541 0 0 0-.394 2.464v1.572L14.98 16v-1.572c0-.891-.139-1.7-.42-2.467a5.19 5.19 0 0 0-1.291-2.039c-.58-.567-1.316-1.011-2.194-1.333-.25-.093-.687-.17-.94-.236.31-.187.59-.414.834-.681.373-.397.661-.872.86-1.411a5.17 5.17 0 0 0 .3-1.803c0-.645-.098-1.243-.3-1.788a4.108 4.108 0 0 0-.86-1.427A3.652 3.652 0 0 0 9.652.33 4.14 4.14 0 0 0 8.001 0z' fill='%23cdcdcd' color='%23000' white-space='normal'/%3E%3C/svg%3E"); } .p-icon--question { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath fill='none' color='%23000' d='M-.003.002h16v16h-16z'/%3E%3Cpath d='M7.997.002c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.589 8-8-3.589-8-8-8z' fill='%23335280' color='%23000'/%3E%3Cpath d='M8.004 5.23q-.431 0-.825.11-.394.098-.825.332l-.419-1.145q.456-.258 1.035-.406.59-.16 1.206-.16.739 0 1.219.21.48.196.763.504.283.308.394.677.111.37.111.714 0 .419-.16.751-.148.333-.382.616t-.504.542q-.271.246-.505.517-.234.258-.394.554-.148.295-.148.664v.148q0 .074.012.148h-1.28q-.025-.123-.037-.259-.012-.147-.012-.27 0-.407.135-.727.136-.32.345-.59t.443-.506q.246-.234.456-.467.209-.234.344-.48.136-.247.136-.542 0-.407-.283-.665-.271-.271-.825-.271zM8.984 12.01q0 .43-.283.7-.284.272-.702.272-.406 0-.702-.271-.283-.271-.283-.702 0-.43.283-.702.296-.283.702-.283.418 0 .702.283.283.271.283.702z' fill='%23fff'/%3E%3C/svg%3E"); } .p-icon--spinner { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Ctitle%3Espinner-dark-grey%3C/title%3E%3Cpath d='M7.49 23.123c2.78 1.125 5.978 1.213 8.975 0 4.247-1.72 6.972-5.603 7.424-9.87l-1.136-.118c-.408 3.86-2.875 7.374-6.717 8.93-2.71 1.098-5.605 1.018-8.118 0l-.43 1.058zm-2.21-1.176c-1.913-1.29-3.475-3.148-4.404-5.45C-1.284 11.146.686 5.15 5.28 2.05l.638.946C1.76 5.802-.02 11.228 1.934 16.068c.84 2.086 2.254 3.766 3.985 4.933l-.64.947zm18.61-11.2c-.115-1.088-.38-2.178-.81-3.242-2.478-6.142-9.457-9.11-15.59-6.628l.43 1.057c5.546-2.245 11.86.44 14.103 5.998.388.963.63 1.95.733 2.933l1.134-.12z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--spinner, .p-icon--spinner.is-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Ctitle%3Espinner-dark-grey%3C/title%3E%3Cpath d='M7.49 23.123c2.78 1.125 5.978 1.213 8.975 0 4.247-1.72 6.972-5.603 7.424-9.87l-1.136-.118c-.408 3.86-2.875 7.374-6.717 8.93-2.71 1.098-5.605 1.018-8.118 0l-.43 1.058zm-2.21-1.176c-1.913-1.29-3.475-3.148-4.404-5.45C-1.284 11.146.686 5.15 5.28 2.05l.638.946C1.76 5.802-.02 11.228 1.934 16.068c.84 2.086 2.254 3.766 3.985 4.933l-.64.947zm18.61-11.2c-.115-1.088-.38-2.178-.81-3.242-2.478-6.142-9.457-9.11-15.59-6.628l.43 1.057c5.546-2.245 11.86.44 14.103 5.998.388.963.63 1.95.733 2.933l1.134-.12z' fill='%23cdcdcd' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40' width='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='20' cy='20' r='20'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23666' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cpath d='M30.037 10.001c-3.92 0-6.603 2.449-6.603 6.945v3.526H19v5.255h4.434V40c1.82-.246 3.6-.728 5.3-1.438V25.727h4.423l.66-5.255h-5.084V17.47c0-1.522.48-3.085 2.55-2.563H34v-4.7c-.47-.064-2.085-.207-3.963-.207v.001z' fill='%23FFF' fill-rule='nonzero' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--facebook:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40' width='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='20' cy='20' r='20'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%233b5998' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cpath d='M30.037 10.001c-3.92 0-6.603 2.449-6.603 6.945v3.526H19v5.255h4.434V40c1.82-.246 3.6-.728 5.3-1.438V25.727h4.423l.66-5.255h-5.084V17.47c0-1.522.48-3.085 2.55-2.563H34v-4.7c-.47-.064-2.085-.207-3.963-.207v.001z' fill='%23FFF' fill-rule='nonzero' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--google { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M20 0C8.955 0 0 8.955 0 20s8.955 20 20 20 20-8.955 20-20S31.045 0 20 0zm-4.862 26.805A6.799 6.799 0 0 1 8.333 20a6.799 6.799 0 0 1 6.805-6.805c1.839 0 3.374.67 4.559 1.778l-1.845 1.78c-.507-.486-1.39-1.05-2.714-1.05-2.323 0-4.218 1.925-4.218 4.299 0 2.373 1.897 4.298 4.218 4.298 2.694 0 3.707-1.937 3.86-2.937h-3.86V19.03h6.425c.06.34.107.68.107 1.128.002 3.887-2.605 6.647-6.532 6.647zm16.529-5.833H28.75v2.916h-1.945v-2.916h-2.917v-1.944h2.917v-2.916h1.945v2.916h2.917v1.944z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--google:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M20 0C8.955 0 0 8.955 0 20s8.955 20 20 20 20-8.955 20-20S31.045 0 20 0zm-4.862 26.805A6.799 6.799 0 0 1 8.333 20a6.799 6.799 0 0 1 6.805-6.805c1.839 0 3.374.67 4.559 1.778l-1.845 1.78c-.507-.486-1.39-1.05-2.714-1.05-2.323 0-4.218 1.925-4.218 4.299 0 2.373 1.897 4.298 4.218 4.298 2.694 0 3.707-1.937 3.86-2.937h-3.86V19.03h6.425c.06.34.107.68.107 1.128.002 3.887-2.605 6.647-6.532 6.647zm16.529-5.833H28.75v2.916h-1.945v-2.916h-2.917v-1.944h2.917v-2.916h1.945v2.916h2.917v1.944z' fill='%23dd4b39' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--twitter { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill-rule='nonzero' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath d='M16.34 30.55c8.87 0 13.72-7.35 13.72-13.72 0-.21 0-.42-.01-.62.94-.68 1.76-1.53 2.41-2.5-.86.38-1.79.64-2.77.76 1-.6 1.76-1.54 2.12-2.67-.93.55-1.96.95-3.06 1.17a4.799 4.799 0 0 0-3.52-1.52c-2.66 0-4.82 2.16-4.82 4.82 0 .38.04.75.13 1.1a13.68 13.68 0 0 1-9.94-5.04c-.41.71-.65 1.54-.65 2.42a4.8 4.8 0 0 0 2.15 4.01c-.79-.02-1.53-.24-2.18-.6v.06c0 2.34 1.66 4.28 3.87 4.73a4.807 4.807 0 0 1-2.18.08 4.815 4.815 0 0 0 4.5 3.35 9.693 9.693 0 0 1-7.14 1.99c2.11 1.38 4.65 2.18 7.37 2.18' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--twitter:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill-rule='nonzero' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='%231da1f2'/%3E%3Cpath d='M16.34 30.55c8.87 0 13.72-7.35 13.72-13.72 0-.21 0-.42-.01-.62.94-.68 1.76-1.53 2.41-2.5-.86.38-1.79.64-2.77.76 1-.6 1.76-1.54 2.12-2.67-.93.55-1.96.95-3.06 1.17a4.799 4.799 0 0 0-3.52-1.52c-2.66 0-4.82 2.16-4.82 4.82 0 .38.04.75.13 1.1a13.68 13.68 0 0 1-9.94-5.04c-.41.71-.65 1.54-.65 2.42a4.8 4.8 0 0 0 2.15 4.01c-.79-.02-1.53-.24-2.18-.6v.06c0 2.34 1.66 4.28 3.87 4.73a4.807 4.807 0 0 1-2.18.08 4.815 4.815 0 0 0 4.5 3.35 9.693 9.693 0 0 1-7.14 1.99c2.11 1.38 4.65 2.18 7.37 2.18' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--instagram { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 28.479h28.473V.009H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23666' fill-rule='nonzero'/%3E%3Cg transform='translate%286 6%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M14.237.009c-3.867 0-4.352.016-5.87.086-1.515.069-2.55.31-3.456.661-.936.364-1.73.851-2.522 1.642A6.978 6.978 0 0 0 .747 4.92C.395 5.826.155 6.86.086 8.376.016 9.894 0 10.379 0 14.246c0 3.866.016 4.35.086 5.87.069 1.515.31 2.55.661 3.455.364.936.851 1.73 1.642 2.522a6.98 6.98 0 0 0 2.522 1.642c.906.352 1.94.592 3.456.661 1.518.07 2.003.086 5.87.086 3.866 0 4.35-.016 5.87-.086 1.515-.069 2.55-.31 3.455-.661a6.98 6.98 0 0 0 2.522-1.642 6.98 6.98 0 0 0 1.642-2.522c.352-.905.592-1.94.661-3.456.07-1.518.086-2.003.086-5.87 0-3.866-.016-4.35-.086-5.87-.069-1.514-.31-2.55-.661-3.455a6.98 6.98 0 0 0-1.642-2.522A6.978 6.978 0 0 0 23.562.756c-.905-.352-1.94-.592-3.456-.661-1.518-.07-2.003-.086-5.87-.086zm0 2.565c3.8 0 4.251.015 5.752.083 1.388.063 2.142.295 2.644.49a4.41 4.41 0 0 1 1.637 1.065 4.41 4.41 0 0 1 1.065 1.637c.195.502.427 1.256.49 2.644.068 1.501.083 1.951.083 5.753 0 3.8-.015 4.251-.083 5.752-.063 1.388-.295 2.142-.49 2.644a4.41 4.41 0 0 1-1.065 1.637 4.41 4.41 0 0 1-1.637 1.065c-.502.195-1.256.427-2.644.49-1.5.068-1.95.083-5.752.083-3.802 0-4.252-.015-5.753-.083-1.388-.063-2.142-.295-2.644-.49a4.41 4.41 0 0 1-1.637-1.065 4.411 4.411 0 0 1-1.065-1.637c-.195-.502-.427-1.256-.49-2.644-.068-1.5-.083-1.951-.083-5.752 0-3.802.015-4.252.083-5.753.063-1.388.295-2.142.49-2.644a4.41 4.41 0 0 1 1.065-1.637A4.41 4.41 0 0 1 5.84 3.147c.502-.195 1.256-.427 2.644-.49 1.501-.068 1.951-.083 5.753-.083z' fill='%23FFF' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath d='M20.24 24.991a4.746 4.746 0 1 1 0-9.49 4.746 4.746 0 0 1 0 9.49zm0-12.056a7.31 7.31 0 1 0 0 14.621 7.31 7.31 0 0 0 0-14.621zM29.54 12.646a1.708 1.708 0 1 1-3.416 0 1.708 1.708 0 0 1 3.417 0' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--instagram:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 28.479h28.473V.009H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23fb3958' fill-rule='nonzero'/%3E%3Cg transform='translate%286 6%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M14.237.009c-3.867 0-4.352.016-5.87.086-1.515.069-2.55.31-3.456.661-.936.364-1.73.851-2.522 1.642A6.978 6.978 0 0 0 .747 4.92C.395 5.826.155 6.86.086 8.376.016 9.894 0 10.379 0 14.246c0 3.866.016 4.35.086 5.87.069 1.515.31 2.55.661 3.455.364.936.851 1.73 1.642 2.522a6.98 6.98 0 0 0 2.522 1.642c.906.352 1.94.592 3.456.661 1.518.07 2.003.086 5.87.086 3.866 0 4.35-.016 5.87-.086 1.515-.069 2.55-.31 3.455-.661a6.98 6.98 0 0 0 2.522-1.642 6.98 6.98 0 0 0 1.642-2.522c.352-.905.592-1.94.661-3.456.07-1.518.086-2.003.086-5.87 0-3.866-.016-4.35-.086-5.87-.069-1.514-.31-2.55-.661-3.455a6.98 6.98 0 0 0-1.642-2.522A6.978 6.978 0 0 0 23.562.756c-.905-.352-1.94-.592-3.456-.661-1.518-.07-2.003-.086-5.87-.086zm0 2.565c3.8 0 4.251.015 5.752.083 1.388.063 2.142.295 2.644.49a4.41 4.41 0 0 1 1.637 1.065 4.41 4.41 0 0 1 1.065 1.637c.195.502.427 1.256.49 2.644.068 1.501.083 1.951.083 5.753 0 3.8-.015 4.251-.083 5.752-.063 1.388-.295 2.142-.49 2.644a4.41 4.41 0 0 1-1.065 1.637 4.41 4.41 0 0 1-1.637 1.065c-.502.195-1.256.427-2.644.49-1.5.068-1.95.083-5.752.083-3.802 0-4.252-.015-5.753-.083-1.388-.063-2.142-.295-2.644-.49a4.41 4.41 0 0 1-1.637-1.065 4.411 4.411 0 0 1-1.065-1.637c-.195-.502-.427-1.256-.49-2.644-.068-1.5-.083-1.951-.083-5.752 0-3.802.015-4.252.083-5.753.063-1.388.295-2.142.49-2.644a4.41 4.41 0 0 1 1.065-1.637A4.41 4.41 0 0 1 5.84 3.147c.502-.195 1.256-.427 2.644-.49 1.501-.068 1.951-.083 5.753-.083z' fill='%23FFF' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath d='M20.24 24.991a4.746 4.746 0 1 1 0-9.49 4.746 4.746 0 0 1 0 9.49zm0-12.056a7.31 7.31 0 1 0 0 14.621 7.31 7.31 0 0 0 0-14.621zM29.54 12.646a1.708 1.708 0 1 1-3.416 0 1.708 1.708 0 0 1 3.417 0' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--linkedin { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23666' fill-rule='nonzero' cx='20' cy='20' r='20'/%3E%3Cg fill='%23FFFFFE'%3E%3Cpath d='M11.07 8.406a2.743 2.743 0 0 1 2.731 2.75c0 1.52-1.225 2.753-2.731 2.753a2.743 2.743 0 0 1-2.734-2.752 2.742 2.742 0 0 1 2.734-2.751zM8.712 31.268h4.713V15.997H8.712v15.271zM16.382 15.997h4.52v2.087h.064c.63-1.201 2.167-2.467 4.46-2.467 4.773 0 5.654 3.163 5.654 7.274v8.377h-4.71v-7.426c0-1.771-.032-4.05-2.45-4.05-2.452 0-2.828 1.93-2.828 3.921v7.555h-4.71V15.997'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .p-icon--linkedin:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%230071a1' fill-rule='nonzero' cx='20' cy='20' r='20'/%3E%3Cg fill='%23FFFFFE'%3E%3Cpath d='M11.07 8.406a2.743 2.743 0 0 1 2.731 2.75c0 1.52-1.225 2.753-2.731 2.753a2.743 2.743 0 0 1-2.734-2.752 2.742 2.742 0 0 1 2.734-2.751zM8.712 31.268h4.713V15.997H8.712v15.271zM16.382 15.997h4.52v2.087h.064c.63-1.201 2.167-2.467 4.46-2.467 4.773 0 5.654 3.163 5.654 7.274v8.377h-4.71v-7.426c0-1.771-.032-4.05-2.45-4.05-2.452 0-2.828 1.93-2.828 3.921v7.555h-4.71V15.997'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .p-icon--youtube { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.009 18.367V.006h26.06v18.36z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23666' fill-rule='nonzero' cx='20' cy='20' r='20'/%3E%3Cg transform='translate%287 11%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M25.524 2.868A3.275 3.275 0 0 0 23.22.548C21.187 0 13.034 0 13.034 0S4.882 0 2.85.548a3.275 3.275 0 0 0-2.305 2.32C0 4.914 0 9.183 0 9.183s0 4.27.545 6.316a3.276 3.276 0 0 0 2.305 2.32c2.032.548 10.184.548 10.184.548s8.153 0 10.185-.548a3.276 3.276 0 0 0 2.305-2.32c.545-2.047.545-6.316.545-6.316s0-4.269-.545-6.315' fill='%23FFF' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23666' d='M17.368 24.06l6.814-3.876-6.814-3.877v7.753'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--youtube:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.009 18.367V.006h26.06v18.36z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23d9252a' fill-rule='nonzero' cx='20' cy='20' r='20'/%3E%3Cg transform='translate%287 11%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M25.524 2.868A3.275 3.275 0 0 0 23.22.548C21.187 0 13.034 0 13.034 0S4.882 0 2.85.548a3.275 3.275 0 0 0-2.305 2.32C0 4.914 0 9.183 0 9.183s0 4.27.545 6.316a3.276 3.276 0 0 0 2.305 2.32c2.032.548 10.184.548 10.184.548s8.153 0 10.185-.548a3.276 3.276 0 0 0 2.305-2.32c.545-2.047.545-6.316.545-6.316s0-4.269-.545-6.315' fill='%23FFF' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23d9252a' d='M17.368 24.06l6.814-3.876-6.814-3.877v7.753'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--canonical { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M20 32.735c-7.036 0-12.736-5.7-12.736-12.736 0-7.034 5.7-12.734 12.736-12.734 7.036 0 12.736 5.7 12.736 12.734 0 7.036-5.7 12.736-12.736 12.736zM40 20c0 11.045-8.955 20-20 20S0 31.045 0 20C0 8.954 8.955 0 20 0s20 8.954 20 20zM20 4.865C11.636 4.865 4.864 11.642 4.864 20c0 8.36 6.772 15.135 15.136 15.135 8.364 0 15.136-6.775 15.136-15.135 0-8.358-6.772-15.135-15.136-15.135z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--canonical:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M20 32.735c-7.036 0-12.736-5.7-12.736-12.736 0-7.034 5.7-12.734 12.736-12.734 7.036 0 12.736 5.7 12.736 12.734 0 7.036-5.7 12.736-12.736 12.736zM40 20c0 11.045-8.955 20-20 20S0 31.045 0 20C0 8.954 8.955 0 20 0s20 8.954 20 20zM20 4.865C11.636 4.865 4.864 11.642 4.864 20c0 8.36 6.772 15.135 15.136 15.135 8.364 0 15.136-6.775 15.136-15.135 0-8.358-6.772-15.135-15.136-15.135z' fill='%23772953' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--ubuntu { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M39.906 20.013c0 10.987-8.905 19.893-19.892 19.893C9.028 39.906.122 31 .122 20.013.122 9.028 9.028.122 20.014.122c10.987 0 19.892 8.905 19.892 19.891z' fill='%23666'/%3E%3Cpath d='M9.69 20.013a2.558 2.558 0 1 1-5.116 0 2.558 2.558 0 0 1 5.116 0zM24.241 32.45a2.559 2.559 0 0 0 4.43-2.558 2.557 2.557 0 1 0-4.43 2.558zm4.429-22.313a2.557 2.557 0 1 0-4.43-2.556 2.557 2.557 0 0 0 4.43 2.556zm-8.656 2.584a7.292 7.292 0 0 1 7.265 6.648l3.701-.059a10.954 10.954 0 0 0-3.227-7.094 3.591 3.591 0 0 1-3.097-.24A3.592 3.592 0 0 1 22.9 9.41c-.92-.25-1.888-.384-2.886-.384-1.75 0-3.404.41-4.874 1.137l1.801 3.234a7.278 7.278 0 0 1 3.073-.677zm-7.294 7.293a7.283 7.283 0 0 1 3.102-5.967l-1.9-3.177a11.005 11.005 0 0 0-4.533 6.341 3.59 3.59 0 0 1 1.343 2.803 3.592 3.592 0 0 1-1.343 2.804 11.01 11.01 0 0 0 4.532 6.343l1.9-3.177a7.286 7.286 0 0 1-3.1-5.97zm7.294 7.295a7.267 7.267 0 0 1-3.073-.678l-1.8 3.234a10.938 10.938 0 0 0 4.873 1.137c.998 0 1.966-.132 2.886-.383a3.587 3.587 0 0 1 1.756-2.564 3.591 3.591 0 0 1 3.097-.24 10.958 10.958 0 0 0 3.227-7.096l-3.701-.058a7.293 7.293 0 0 1-7.265 6.648z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--ubuntu:hover { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M39.906 20.013c0 10.987-8.905 19.893-19.892 19.893C9.028 39.906.122 31 .122 20.013.122 9.028 9.028.122 20.014.122c10.987 0 19.892 8.905 19.892 19.891z' fill='%23e95420'/%3E%3Cpath d='M9.69 20.013a2.558 2.558 0 1 1-5.116 0 2.558 2.558 0 0 1 5.116 0zM24.241 32.45a2.559 2.559 0 0 0 4.43-2.558 2.557 2.557 0 1 0-4.43 2.558zm4.429-22.313a2.557 2.557 0 1 0-4.43-2.556 2.557 2.557 0 0 0 4.43 2.556zm-8.656 2.584a7.292 7.292 0 0 1 7.265 6.648l3.701-.059a10.954 10.954 0 0 0-3.227-7.094 3.591 3.591 0 0 1-3.097-.24A3.592 3.592 0 0 1 22.9 9.41c-.92-.25-1.888-.384-2.886-.384-1.75 0-3.404.41-4.874 1.137l1.801 3.234a7.278 7.278 0 0 1 3.073-.677zm-7.294 7.293a7.283 7.283 0 0 1 3.102-5.967l-1.9-3.177a11.005 11.005 0 0 0-4.533 6.341 3.59 3.59 0 0 1 1.343 2.803 3.592 3.592 0 0 1-1.343 2.804 11.01 11.01 0 0 0 4.532 6.343l1.9-3.177a7.286 7.286 0 0 1-3.1-5.97zm7.294 7.295a7.267 7.267 0 0 1-3.073-.678l-1.8 3.234a10.938 10.938 0 0 0 4.873 1.137c.998 0 1.966-.132 2.886-.383a3.587 3.587 0 0 1 1.756-2.564 3.591 3.591 0 0 1 3.097-.24 10.958 10.958 0 0 0 3.227-7.096l-3.701-.058a7.293 7.293 0 0 1-7.265 6.648z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .p-icon--medium { height: 1.25rem; width: 1.25rem; } .p-icon--large { height: 1.5rem; width: 1.5rem; } .p-icon--x-large { height: 1.75rem; width: 1.75rem; } .p-icon--x-large { height: 2.25rem; width: 2.25rem; } .p-icon--xx-large { height: 3rem; width: 3rem; } [class*="p-button-"] [class*="p-icon-"] { top: -1px; vertical-align: middle; } .p-image--bordered { border-color: #cdcdcd; border-style: solid; border-width: 1px; } .p-image--shadowed { box-shadow: 0 1px 5px 1px rgba(205, 205, 205, 0.2); } .p-inline-images { display: block; list-style: none; margin-left: 0; padding-left: 0; text-align: center; } .p-inline-images__item { display: inline-block; margin: 1rem; overflow: hidden; text-align: center; vertical-align: middle; } @media only screen and (min-width: 900px) { .p-inline-images__item { margin: 1.875rem; } } .p-inline-images__logo, .p-inline-images__item img { max-height: 3rem; max-width: 7rem; width: auto; } @media screen and (min-width: 900px) { .p-inline-images__logo, .p-inline-images__item img { max-height: 5.5rem; max-width: 9rem; } } .p-inline-images__img { display: inline-block; margin: 2rem; max-width: 6rem; text-align: center; vertical-align: middle; width: 100%; } @media (min-width: 900px) { .p-inline-images__img { margin: 3rem; max-width: 11.25rem; } } .p-link--soft { color: #111; } .p-link--soft:visited { color: #111; text-decoration: none; } .p-link--soft:hover { color: #007aa6; } .p-link--soft.is-selected { font-weight: 400; } .p-link--strong { color: currentColor; font-weight: 400; } .p-link--strong:visited { color: currentColor; } .p-link--strong:hover { color: #007aa6; text-decoration: underline; } .p-link--inverted { color: #f7f7f7; font-weight: 400; } .p-link--inverted:hover { color: #f7f7f7; } .p-link--inverted:visited { color: #dedede; } @supports (mask-size: 1em) or (-webkit-mask-size: 1em) { .p-link--external::after { -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/cover; background-color: currentColor; content: ''; margin: 0 0 0 .25em; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/cover; padding-right: .75em; } .p-link--no-underline { border: 0; } } @supports not ((mask-size: 1em) or (-webkit-mask-size: 1em)) { .p-link--external { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23007aa6' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); background-position: top right; background-repeat: no-repeat; background-size: .75em; margin-top: -.25em; padding: .25em 1em 0 0; } .p-link--external.p-link--strong, .p-link--external.p-link--soft, .p-link--external.sidebar__link { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-link--external.p-link--soft:hover, .p-link--external.sidebar__link:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23007aa6' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-link--external.p-link--inverted { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23f7f7f7' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23f7f7f7' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23f7f7f7' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-link--external.p-link--inverted:visited { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23dedede' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23dedede' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23dedede' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-link--external.sidebar__link { display: inline-block; padding: 0 1em 1em 0; } .p-link--no-underline { border: 0; } .p-button .p-link--external, .p-button--neutral .p-link--external, .p-button--base .p-link--external { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); padding-top: 0; } .p-button--positive .p-link--external { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); padding-top: 0; } .p-button--negative .p-link--external { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); padding-top: 0; } .p-button--brand .p-link--external { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); padding-top: 0; } .p-strip--dark * .p-link--external.p-link--soft, .p-strip--accent * .p-link--external.p-link--soft, .p-strip--image.is-dark * .p-link--external.p-link--soft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-strip--dark * .p-link--external.p-link--soft:hover, .p-strip--accent * .p-link--external.p-link--soft:hover, .p-strip--image.is-dark * .p-link--external.p-link--soft:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23007aa6' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23007aa6' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } .p-strip--dark * .p-link--external.p-link--strong, .p-strip--accent * .p-link--external.p-link--strong, .p-strip--image.is-dark * .p-link--external.p-link--strong { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 16 16' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); } } .p-top { border-bottom: 1px dotted #cdcdcd; clear: both; margin: 20px 0; } .p-top__link { background: #fff; color: #111; float: right; margin-right: 5px; padding: 0 5px; position: relative; text-decoration: none; top: -.725rem; } .p-list-tree__item--group::after, .p-list-tree .p-list-tree[aria-hidden="false"]::after { background-position: center; background-repeat: no-repeat; content: ' '; display: block; height: 0.9375rem; left: -.75rem; pointer-events: none; position: absolute; top: .4rem; width: 0.9375rem; } .p-list-tree { border-left: 1px solid #cdcdcd; list-style-type: none; margin-left: 1rem; padding: 0 0 0 0.25rem; } .p-list-tree__item { margin-top: 0.125rem; padding-left: .8rem; position: relative; } .p-list-tree__item::before { background: #cdcdcd; content: ' '; display: block; height: 1px; left: -0.25rem; pointer-events: none; position: absolute; top: .8rem; width: .625rem; } .p-list-tree__item--group::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='15' width='15' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='%23FFF'/%3E%3Cpath stroke='%23888' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23888' d='M7 4h1v7H7z'/%3E%3Cpath fill='%23888' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); } .p-list-tree__toggle { background: transparent; border: 0; font-weight: normal; margin: 0 0 0 -1.75rem; padding: 0 0 0 1.75rem; transition-duration: 0s; width: auto; } .p-list-tree__toggle:hover { background: transparent; color: #007aa6; text-decoration: underline; } .p-list-tree__toggle:focus { background: transparent; outline: 1px dotted #cdcdcd; } .p-list-tree .p-list-tree { display: none; margin-left: 0; } .p-list-tree .p-list-tree[aria-hidden="false"] { display: block; } .p-list-tree .p-list-tree[aria-hidden="false"]::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='15' width='15' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h15v15H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cuse xlink:href='%23a' fill='%23FFF'/%3E%3Cpath stroke='%23888' d='M.5.5h14v14H.5z'/%3E%3Cpath fill='%23888' d='M4 8V7h7v1z'/%3E%3C/g%3E%3C/svg%3E"); z-index: 1; } .p-list-step, .p-stepped-list--detailed { counter-reset: li; list-style: none; margin-left: 4rem; padding-left: 0; } .p-list-step > li::before, .p-stepped-list--detailed > li::before { background-color: #666; border-radius: 100%; color: #fff; content: counter(li); counter-increment: li; direction: rtl; display: inline-block; margin-left: -4rem; margin-top: 0.1rem; padding: 0; position: absolute; text-align: center; width: 2.5rem; } @media (max-width: 900px) { .p-list-step > li::before, .p-stepped-list--detailed > li::before { margin-top: 0; width: 2rem; } } .p-list, .p-sidebar-nav__list { list-style: none; margin-left: 0; padding-left: 0; } .p-list .p-list__item, .p-sidebar-nav__list .p-list__item, .p-list .p-aside .p-toc__item, .p-aside .p-list .p-toc__item, .p-sidebar-nav__list .p-aside .p-toc__item, .p-aside .p-sidebar-nav__list .p-toc__item { padding-bottom: 0.25rem; padding-top: 0.25rem; } form .p-list .p-list__item, form .p-sidebar-nav__list .p-list__item, form .p-list .p-aside .p-toc__item, .p-aside form .p-list .p-toc__item, form .p-sidebar-nav__list .p-aside .p-toc__item, .p-aside form .p-sidebar-nav__list .p-toc__item { padding-bottom: 0; padding-top: 0; } form .p-list .p-list__item label, form .p-sidebar-nav__list .p-list__item label, form .p-list .p-aside .p-toc__item label, .p-aside form .p-list .p-toc__item label, form .p-sidebar-nav__list .p-aside .p-toc__item label, .p-aside form .p-sidebar-nav__list .p-toc__item label { margin-bottom: 0.1rem; } .p-list--divided { list-style: none; margin-left: 0; padding-left: 0; } .p-list--divided .p-list__item, .p-list--divided .p-aside .p-toc__item, .p-aside .p-list--divided .p-toc__item { padding-bottom: 0.25rem; padding-top: 0.25rem; } form .p-list--divided .p-list__item, form .p-list--divided .p-aside .p-toc__item, form .p-aside .p-list--divided .p-toc__item, .p-aside form .p-list--divided .p-toc__item { padding-bottom: 0; padding-top: 0; } form .p-list--divided .p-list__item label, form .p-list--divided .p-aside .p-toc__item label, form .p-aside .p-list--divided .p-toc__item label, .p-aside form .p-list--divided .p-toc__item label { margin-bottom: 0.1rem; } .p-list--divided .p-list__item, .p-list--divided .p-aside .p-toc__item, .p-aside .p-list--divided .p-toc__item { position: relative; } .p-list--divided .p-list__item::after, .p-list--divided .p-aside .p-toc__item::after, .p-aside .p-list--divided .p-toc__item::after { border-bottom: 1px dotted #cdcdcd; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; right: 0; } .p-list--divided .p-list__item:last-of-type::after, .p-list--divided .p-aside .p-toc__item:last-of-type::after, .p-aside .p-list--divided .p-toc__item:last-of-type::after, .p-list--divided .p-list__item .last-item::after, .p-list--divided .p-aside .p-toc__item .last-item::after, .p-aside .p-list--divided .p-toc__item .last-item::after { border-bottom: 0; } .p-list--divided.is-split .p-list__item:last-of-type, .p-list--divided.is-split .p-aside .p-toc__item:last-of-type, .p-aside .p-list--divided.is-split .p-toc__item:last-of-type { border-bottom: 1px dotted #cdcdcd; } .is-ticked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle fill='%23333' cx='7' cy='7' r='7'/%3E%3Cpath fill='%23fff' d='M6.1 10.813L2.41 8.105l1.184-1.613L5.9 8.187l4.393-4.394 1.414 1.414z' /%3E%3C/svg%3E"); background-position-y: 0.5625rem; background-repeat: no-repeat; padding-left: 2rem; } .p-inline-list { margin-left: 0; padding-left: 0; } .p-inline-list__item { display: inline; list-style: none; margin-right: 1.25rem; } .p-inline-list__item:last-of-type, .p-inline-list__item .last-item { margin-right: 0; } .p-inline-list--middot { margin-left: 0; padding-left: 0; } .p-inline-list--middot .p-inline-list__item { display: inline; list-style: none; margin-right: 1.25rem; margin-right: 1.25em; position: relative; } .p-inline-list--middot .p-inline-list__item:last-of-type, .p-inline-list--middot .p-inline-list__item .last-item { margin-right: 0; } .p-inline-list--middot .p-inline-list__item::after { color: #666; content: '\00b7'; font-size: 1.4em; line-height: 0; position: absolute; right: -.5em; top: .4em; } .p-inline-list--middot .p-inline-list__item:hover::after { color: #666; } .p-inline-list--middot .p-inline-list__item:last-of-type::after, .p-inline-list--middot .p-inline-list__item .last-item::after { content: ''; } .p-list-step__item { float: none; margin-left: 0; width: 100%; } .p-list-step__content { margin-top: -1rem; } .p-list-step__bullet { display: none; } @media (min-width: 900px) { .p-stepped-list--detailed .p-list-step__content { margin-top: 0; } .p-stepped-list--detailed .p-list-step__item { display: flex; margin: 0; } .p-stepped-list--detailed .p-list-step__item > :nth-child(2n) { display: block; float: left; min-height: 1px; position: relative; *margin-right: -1px; width: 48.35615%; margin-left: 3.2877%; } .p-stepped-list--detailed .p-list-step__item > :nth-child(2n+1) { display: block; float: left; min-height: 1px; position: relative; *margin-right: -1px; width: 48.35615%; } } @media (min-width: 900px) { @supports (columns: 1) { [class*='p-list'].is-split { column-gap: 2rem; columns: 2; } [class*='p-list'].is-split .p-list__item, [class*='p-list'].is-split .p-aside .p-toc__item, .p-aside [class*='p-list'].is-split .p-toc__item { display: inline-block; width: 100%; } } @supports not (columns: 1) { [class*='p-list'].is-split { display: flex; flex-wrap: wrap; } [class*='p-list'].is-split .p-list__item, [class*='p-list'].is-split .p-aside .p-toc__item, .p-aside [class*='p-list'].is-split .p-toc__item { width: calc(50% - .5rem); } } [class*='p-list'].is-split:nth-child(2n-1) { margin-right: 1rem; } } .p-matrix { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 1.5rem; margin-left: 0; padding-left: 0; } .p-matrix__item { border-top: 1px solid #cdcdcd; display: flex; flex: 1 1 auto; padding-bottom: 1rem; padding-top: 0.9375rem; } @media (min-width: 620px) { .p-matrix__item { display: flex; flex-wrap: wrap; width: 33.333%; } } @media (min-width: 620px) and (max-width: 1030px) { .p-matrix__item { flex-direction: column; } } @media (min-width: 900px) { .p-matrix__item { border-right: 1px solid #cdcdcd; padding-left: 1rem; padding-right: 1rem; width: 33.333%; } .p-matrix__item:empty { display: block; } .p-matrix__item:nth-child(3n+1) { padding-left: 0; } .p-matrix__item:nth-child(3n+3) { border-right: 0; } .p-matrix__item:nth-child(1), .p-matrix__item:nth-child(2), .p-matrix__item:nth-child(3) { border-top: 0; } } @media (min-width: 1030px) { .p-matrix__item { border-right: 1px solid #cdcdcd; padding: 1rem; width: 33.333%; } .p-matrix__item:empty { display: block; } .p-matrix__item:nth-child(3n+1) { padding-left: 0; } .p-matrix__item:nth-child(3n+3) { border-right: 0; padding-right: 0; } .p-matrix__item:nth-last-child(1), .p-matrix__item:nth-last-child(2), .p-matrix__item:nth-last-child(3) { border-bottom: 0; } } .p-matrix__img { align-self: flex-start; margin-bottom: 1rem; margin-right: 1rem; max-height: 3rem; max-width: 3rem; width: auto; } .p-matrix__content { display: flex; flex: 1 1 auto; flex-direction: column; padding-right: 1rem; } @media (min-width: 1030px) { .p-matrix__content { width: calc(100% - 4rem); } } .p-matrix__title { margin-top: -0.5rem; } .p-matrix__desc { margin-bottom: 0.1rem; margin-top: -1rem; } .p-matrix__desc > p:last-child { margin-bottom: 0; } .p-matrix__desc + .p-matrix__desc { margin-top: 0; } @media (max-width: 900px) { .p-matrix__desc { margin-top: -0.5rem; } } .p-media-object__image { align-self: flex-start; border-radius: 0.125rem; flex-basis: inherit; flex-shrink: 0; margin-right: 1rem; max-height: 5rem; max-width: 5rem; vertical-align: middle; width: auto; } .p-media-object__content { margin-bottom: 0.6rem; margin-top: 0; } .p-media-object__image.is-round { border-radius: 50%; } .p-media-object__title { margin-bottom: 0.2rem; margin-top: -0.5rem; } @media only screen and (min-width: 900px) { .p-media-object__title { margin-bottom: -0.05rem; } } .p-media-object__meta-list { list-style: none; margin: 0; padding-left: 0; padding-top: 0.5rem; } .p-media-object__meta-list-item--date { background-image: url('data:image/svg+xml;utf8,'); } .p-media-object__meta-list-item--location { background-image: url('data:image/svg+xml;utf8,'); } .p-media-object__meta-list-item--venue { background-image: url('data:image/svg+xml;utf8,'); } .p-media-object--large .p-media-object__image { max-height: 6rem; max-width: 6rem; } .p-media-object--large .p-media-object__title { margin-bottom: 0.3rem; margin-top: -0.5rem; } @media only screen and (min-width: 900px) { .p-media-object--large .p-media-object__title { margin-bottom: -0.2rem; } } .p-modal { align-items: center; background: rgba(17, 17, 17, 0.85); content: ''; display: flex; height: 100vh; justify-content: center; left: 0; margin: 0; overflow: scroll; padding: 1.5rem; position: absolute; top: 0; width: 100%; } .p-modal__dialog { bottom: 1.5rem; left: 1.5rem; max-width: none; overflow: scroll; position: absolute; right: 1.5rem; top: 1.5rem; width: auto; } @media screen and (min-width: 900px) { .p-modal__dialog { bottom: initial; left: initial; overflow: visible; position: relative; right: initial; top: initial; } } .p-modal__header { display: flex; justify-content: space-between; } .p-modal__title { align-self: flex-end; } .p-modal__close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='90' width='90'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h90v90H0z'/%3E%3Cpath d='M14.52 6L6 14.52 36.48 45 6 75.49 14.52 84 45 53.52 75.48 84 84 75.49 53.52 45 84 14.52 75.48 6 45 36.49z' fill='%23888'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 1rem; border: 0; box-sizing: content-box; height: 1rem; margin: -1rem -1rem 0 0; padding: 1rem; text-indent: -999em; width: 1rem; } .p-modal__close:focus { outline: 1px solid #007aa6; outline-offset: 2px; } .p-notification, .p-notification--positive, .p-notification--caution, .p-notification--negative, .p-notification--information { display: flex; padding: 0; } .p-notification { position: relative; } .p-notification::before { top: 0; background-color: #666; content: ''; position: absolute; } .p-notification::before { height: 0.1875rem; width: auto; left: 0; right: 0; } .p-notification + .p-notification { margin-top: 1.5rem; } .p-notification__response { background-position: 1rem 1.15rem; background-repeat: no-repeat; background-size: 1rem; padding: 0.9rem 1rem 0.5rem; } .p-notification__status::after, .p-notification__action::before { content: ' '; } .p-notification .p-icon--close { background-color: transparent; background-size: 1rem; border: 0; margin: 1.1875rem 1rem auto auto; padding: 0.5rem; } .p-notification__response, .p-notification--floating { max-width: 60em; } .p-notification--positive { position: relative; } .p-notification--positive::before { top: 0; background-color: #0e8420; content: ''; position: absolute; } .p-notification--positive::before { height: 0.1875rem; width: auto; left: 0; right: 0; } .p-notification--positive .p-notification__response { background-image: url("data:image/svg+xml,%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='notification-success' transform='translate(1.000000, 1.000000)'%3E%3Cg id='Page-3---colours'%3E%3Cg id='Notifications---single'%3E%3Cg id='Group'%3E%3Cg id='ICON'%3E%3Ccircle id='circle6710' stroke='%230e8420' stroke-width='1.5' fill='%230e8420' cx='7.2500086' cy='7.2500086' r='7.2500086'%3E%3C/circle%3E%3Cpolygon id='path6712' fill='%23fff' points='11.0502986 4.1734486 10.9843986 4.2311486 6.2496486 8.3783686 3.4740786 5.9974286 2.6350186 6.9463086 6.2503386 10.7500186 11.7500086 4.9627786 11.0502986 4.1734886'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); padding-left: 3rem; } .p-notification--caution { position: relative; } .p-notification--caution::before { top: 0; background-color: #f99b11; content: ''; position: absolute; } .p-notification--caution::before { height: 0.1875rem; width: auto; left: 0; right: 0; } .p-notification--caution .p-notification__response { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg color='%23000'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath stroke-linejoin='round' fill='%23f99b11' transform='matrix%282.28 0 0 2.437 -2180.8 -490.52%29' stroke='%23f99b11' stroke-width='.848' d='M963.07 207.03h-6.15l3.08-5.33z'/%3E%3Cpath d='M7 5v5h2V5H7zm0 6v2h2v-2H7z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E"); padding-left: 3rem; } .p-notification--negative { position: relative; } .p-notification--negative::before { top: 0; background-color: #c7162b; content: ''; position: absolute; } .p-notification--negative::before { height: 0.1875rem; width: auto; left: 0; right: 0; } .p-notification--negative .p-notification__response { background-image: url("data:image/svg+xml,%3Csvg width='16px' height='17px' viewBox='0 0 16 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-3---colours' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Notifications---single' transform='translate(-215.000000, -271.000000)'%3E%3Cg id='Group' transform='translate(205.000000, 254.000000)'%3E%3Cg id='ICON' transform='translate(10.000000, 17.000000)'%3E%3Crect id='rect6415' x='0' y='0.36218' width='16' height='16'%3E%3C/rect%3E%3Ccircle id='circle6417' stroke='%23c7162b' stroke-width='1.5' fill='%23c7162b' cx='8' cy='8.36218' r='7.2500086'%3E%3C/circle%3E%3Cpath d='M5.00001,5.36218 L11.00001,11.36218' id='path6479-8' stroke='%23fff' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M11.00001,5.36218 L5.00001,11.36218' id='path6481-8' stroke='%23fff' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); padding-left: 3rem; } .p-notification--information { position: relative; } .p-notification--information::before { top: 0; background-color: #335280; content: ''; position: absolute; } .p-notification--information::before { height: 0.1875rem; width: auto; left: 0; right: 0; } .p-pagination__link--previous::before, .p-pagination__link--next::after { color: #666; content: '\203A'; font-size: 2rem; position: absolute; top: 1rem; } .p-pagination { display: flex; width: 100%; } .p-pagination__link, .p-pagination__link--previous, .p-pagination__link--next { margin-top: 0; padding: 1rem; position: relative; width: 50%; } .p-pagination__link:hover, .p-pagination__link--previous:hover, .p-pagination__link--next:hover { background: #f7f7f7; text-decoration: none; } .p-pagination__link--previous { padding-left: 2.5rem; text-align: left; } @media (max-width: 460px) { .p-pagination__link--previous { width: auto; } .p-pagination__link--previous:only-child { width: 100%; } .p-pagination__link--previous:not(:only-child) * { display: none; max-width: 0.25rem; padding-left: 1.5rem; } } .p-pagination__link--previous::before { left: 0.5rem; transform: scaleX(-1); } .p-pagination__link--next { padding-right: 2.5rem; text-align: right; } @media (max-width: 460px) { .p-pagination__link--next { width: 100%; } } .p-pagination__link--next:only-child { margin-left: auto; } .p-pagination__link--next::after { right: 0.5rem; } .p-pagination__label, .p-pagination__title { color: #111; display: block; margin-top: 0; width: 100%; } .p-pagination__label { margin-bottom: 0.25rem; } .p-pagination__title { font-size: 1.125rem; } @media (min-width: 620px) { .p-pagination__title { font-size: 1.25rem; } } .p-pull-quote { border: 0; margin: 1.5rem 0 2rem; overflow: visible; padding: 0 2rem; position: relative; } .p-pull-quote > p:first-of-type::before { color: #cdcdcd; display: inline-block; font-size: 3rem; font-weight: bold; max-width: 1.25rem; position: absolute; content: '\201C\2002'; left: 0.25rem; top: .05rem; } @media (max-width: 900px) { .p-pull-quote > p:first-of-type::before { font-size: 2.75rem; } } @media (max-width: 900px) { .p-pull-quote > p:first-of-type::before { top: .3rem; } } .p-pull-quote > p:last-of-type { margin-bottom: 0; } .p-pull-quote > p:last-of-type::after { color: #cdcdcd; display: inline-block; font-size: 3rem; font-weight: bold; max-width: 1.25rem; position: absolute; content: '\2002\201E'; margin-left: 0.25rem; margin-top: -2.2rem; } @media (max-width: 900px) { .p-pull-quote > p:last-of-type::after { font-size: 2.75rem; } } @media (max-width: 900px) { .p-pull-quote > p:last-of-type::after { margin-top: -1.7rem; } } .p-pull-quote__citation { font-style: italic; margin-top: 0.5rem; } .p-search-box__button, .p-search-box__reset { background: #fff; border: 1px solid #cdcdcd; display: block; height: 100%; margin: 0; padding: 0 0.5rem; position: absolute; top: 0; width: 2.5rem; } .p-search-box__button:hover, .p-search-box__reset:hover { background: inherit; } .p-search-box__button:hover:disabled, .p-search-box__reset:hover:disabled { cursor: not-allowed; } .p-search-box { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); display: flex; margin-bottom: 1.7rem; position: relative; } .p-search-box__input { box-shadow: none; flex-grow: 2; margin-bottom: 0; } .p-search-box__input::-webkit-search-cancel-button { -webkit-appearance: none; } .p-search-box__input:not(:valid) ~ .p-search-box__reset { display: none; } .p-search-box__button { right: 0; } .p-search-box__reset { border-left: 0; border-right: 0; right: 2.5rem; } .p-slider { appearance: none; border-radius: 3px; margin: 0.5rem 0; padding: 0; width: 100%; } .p-slider::-webkit-slider-runnable-track { border: 1px solid #cdcdcd; border-radius: 3px; height: 6px; } .p-slider::-webkit-slider-thumb { appearance: none; background: #fff; border: 0; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); height: 24px; margin-top: -10.5px; width: 24px; } .p-slider::-webkit-slider-thumb:hover { cursor: pointer; } .p-slider::-moz-range-track { background: #fff; border: 1px solid #cdcdcd; border-radius: 2px; height: 4px; } .p-slider::-moz-range-progress { background-color: #335280; border-radius: 2px; height: 4px; } .p-slider::-moz-range-thumb { background: #fff; border: 0; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); height: 24px; width: 24px; } .p-slider::-moz-range-thumb:hover { cursor: pointer; } .p-slider::-moz-focus-outer { border: 0; } .p-slider::-ms-track { background: transparent; border-color: transparent; border-width: 12px; color: transparent; height: 6px; width: calc(100% - ($thumb-size / 2)); } .p-slider::-ms-fill-lower { background: #335280; border: 1px solid #cdcdcd; border-radius: 2px; } .p-slider::-ms-fill-upper { background: #fff; border: 1px solid #cdcdcd; border-radius: 2px; } .p-slider::-ms-thumb { background: #fff; border: 0; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); height: 24px; margin: 0 2px; width: 24px; } .p-slider::-ms-thumb:hover { cursor: pointer; } .p-slider::-ms-tooltip { display: none; } .p-slider:focus { outline: none; } .p-slider:focus::-webkit-slider-thumb { outline: 1px solid #19b6ee; outline-offset: 2px; } .p-slider:focus::-moz-range-thumb { outline: 1px solid #19b6ee; outline-offset: 2px; } .p-slider:focus::-ms-thumb { outline: 1px solid #19b6ee; outline-offset: 2px; } .p-slider:disabled { opacity: .5; } .p-slider__wrapper { align-items: center; display: inline-flex; width: 100%; } .p-slider__input { height: 2.625em; margin: 0 0 0 1rem; min-width: 3.5em; text-align: center; width: 5%; } @media only screen and (max-width: 1030px) { .is-shallow[class^='p-strip'] { padding-bottom: 1rem; padding-top: 1rem; } } @media only screen and (min-width: 1030px) { .is-shallow[class^='p-strip'] { padding-bottom: 2rem; padding-top: 2rem; } } @media only screen and (max-width: 1030px) { .p-strip, .p-strip--light, .p-strip--dark, .p-strip--accent, .p-strip--image { padding-bottom: 2rem; padding-top: 2rem; } } @media only screen and (min-width: 1030px) { .p-strip, .p-strip--light, .p-strip--dark, .p-strip--accent, .p-strip--image { padding-bottom: 4rem; padding-top: 4rem; } } @media only screen and (max-width: 1030px) { .is-deep[class^='p-strip'] { padding: 3rem 0 3rem; } } @media only screen and (min-width: 1030px) { .is-deep[class^='p-strip'] { padding: 6rem 0; } } .p-strip, .p-strip--light, .p-strip--dark, .p-strip--accent, .p-strip--image { clear: both; width: 100%; } .p-strip { background-color: transparent; } .p-strip--light { background-color: #f7f7f7; } .p-strip--dark { background-color: #111; color: #f7f7f7; } .p-strip--accent { background-color: #333; color: #fff; } .p-strip--image { background-repeat: no-repeat; background-size: cover; } .p-strip--image.is-light { color: #000; } .p-strip--image.is-dark { color: #fff; } [class^='p-strip'].is-bordered { border-bottom: 1px solid #cdcdcd; margin-bottom: -0.0625rem; } .p-switch { height: 1.5rem; margin: 0; position: relative; width: 3rem; } .p-switch:checked + .p-switch__slider::before { left: 50%; } .p-switch:focus { outline: 0; } .p-switch:focus + .p-switch__slider { outline: 1px solid #19b6ee; outline-offset: 2px; } .p-switch__slider { background: linear-gradient(to right, #335280 50%, #cdcdcd 50%); box-shadow: inset 0 2px 5px 0 rgba(17, 17, 17, 0.2); height: 1.5rem; margin: 0.1rem 0 1rem 0; position: relative; width: 3rem; } .p-switch__slider::before { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: #fff; content: ""; height: 1.5rem; left: 0; position: absolute; width: 1.5rem; } button.p-switch { align-items: stretch; border: 0; display: inline-flex; height: 1.5rem; padding: initial; width: 3rem; } button.p-switch :first-child, button.p-switch :last-child { box-shadow: inset 0 2px 5px 0 rgba(17, 17, 17, 0.2); line-height: 1.5rem; margin: 0; text-align: center; width: 50%; } button.p-switch :first-child { background-color: #335280; border-radius: 2px 0 0 2px; color: #fff; } button.p-switch :last-child { background-color: #cdcdcd; border-radius: 0 2px 2px 0; } button.p-switch::before { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: inherit; background-color: #fff; border-radius: 0.125rem; box-shadow: 0 1px 5px 1px rgba(17, 17, 17, 0.2); content: ''; display: block; height: 100%; left: 0; max-height: 2rem; padding: 0; position: absolute; top: 0; width: 50%; } button.p-switch::after { display: none; } button.p-switch[aria-checked='true']::before { left: 50%; } .p-table-expanding { display: flex; flex-flow: column nowrap; justify-content: space-between; } .p-table-expanding tbody { margin: 0; } .p-table-expanding tr { display: flex; flex-flow: row; flex-wrap: wrap; margin: 0; width: 100%; } .p-table-expanding tr + tr { margin: 0; } .p-table-expanding th, .p-table-expanding td { display: flex; flex-basis: 0; flex-flow: row nowrap; flex-grow: 1; margin: 0; word-break: break-word; } .p-table-expanding th.p-table-expanding__panel, .p-table-expanding td.p-table-expanding__panel { flex-basis: 100%; max-width: 100%; } .p-table-expanding th.p-table-expanding__panel[aria-hidden="true"], .p-table-expanding td.p-table-expanding__panel[aria-hidden="true"] { display: none; } .p-table-expanding th.p-table-expanding__panel .row, .p-table-expanding th.p-table-expanding__panel .p-content__row, .p-table-expanding td.p-table-expanding__panel .row, .p-table-expanding td.p-table-expanding__panel .p-content__row { max-width: 100%; padding: 0; width: 100%; } @media screen and (max-width: 1030px) { .p-table--mobile-card thead { display: none; } .p-table--mobile-card tbody { display: flex; flex-wrap: wrap; justify-content: space-between; } .p-table--mobile-card tr { border-top: 1px solid #cdcdcd; display: flex; flex-wrap: wrap; margin: -1px 0 0.5rem; width: 100%; } .p-table--mobile-card td, .p-table--mobile-card tbody th { align-items: flex-start; display: flex; flex: 0 1 auto; flex-direction: column; justify-content: left !important; margin: 0; overflow: visible; padding-bottom: 0; padding-top: 0; text-align: left !important; width: 25%; } .p-table--mobile-card td[aria-label], .p-table--mobile-card tbody th[aria-label] { text-align: right; } .p-table--mobile-card td[aria-label]::before, .p-table--mobile-card tbody th[aria-label]::before { content: attr(aria-label); display: block; flex: 0 1 auto; margin-bottom: 0; width: 100%; } .p-table--mobile-card td.u-align--right, .p-table--mobile-card tbody th.u-align--right { justify-content: unset !important; } .p-table--mobile-card .p-contextual-menu, .p-table--mobile-card .p-contextual-menu--left, .p-table--mobile-card .p-contextual-menu--center { width: 100%; } .p-table--mobile-card .p-contextual-menu [role="menuitem"], .p-table--mobile-card .p-contextual-menu--left [role="menuitem"], .p-table--mobile-card .p-contextual-menu--center [role="menuitem"] { display: none; } .p-table--mobile-card .p-contextual-menu__dropdown { box-shadow: none; display: block; max-width: 100%; position: relative; } .p-table--mobile-card .p-contextual-menu__dropdown::before { display: none; } .p-table--mobile-card .p-contextual-menu__group { padding: 0; } .p-table--mobile-card .p-contextual-menu__group + .p-contextual-menu__group { margin-top: 0.5rem; padding-top: 0.5rem; } .p-table--mobile-card .p-contextual-menu__link { border-color: #cdcdcd; border-radius: .125rem; border-style: solid; border-width: 1px; box-sizing: border-box; color: #000; cursor: pointer; display: block; line-height: 1rem; outline: none; padding: 0.5rem 1.5rem; text-align: center; text-decoration: none; width: 100%; } .p-table--mobile-card .p-contextual-menu__link + .p-contextual-menu__link { margin-top: 0.25rem; } } .p-table--sortable th[role="columnheader"][aria-sort="ascending"]::after, .p-table--sortable th[role="columnheader"][aria-sort="descending"]::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='4' width='10' viewBox='0 0 10 4'%3E%3Cpath d='M3.637 3.138c-.518-.365-1.052-.778-1.6-1.238C1.486 1.44.946.948.414.423.273.283.135.14 0 0h1.54c.305.29.62.57.948.846.138.116.277.23.417.34.163.13.328.257.495.38.085.062.17.123.257.184.397.282.935.626 1.315.848h.054c.38-.222.918-.566 1.315-.848.4-.28.79-.583 1.17-.904C7.837.57 8.153.29 8.457 0h1.54c-.134.14-.272.282-.414.422C9.05.948 8.51 1.442 7.963 1.9c-.55.46-1.084.873-1.602 1.238S5.39 3.79 5 4c-.39-.21-.845-.497-1.363-.862z' fill='%23888' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; display: inline-block; height: .4rem; margin-left: 0.25rem; vertical-align: middle; width: 1rem; } .p-table--sortable { table-layout: fixed; } .p-table--sortable th[role="columnheader"][aria-sort] { align-items: center; cursor: pointer; white-space: nowrap; } .p-table--sortable th[role="columnheader"][aria-sort="descending"]::after { transform: rotate(180deg); } .p-table--sortable th[role="columnheader"][aria-sort]:hover { color: #007aa6; text-decoration: underline; } .p-tabs { border-radius: 0; overflow: hidden; padding: 0; position: relative; } .p-tabs::before { bottom: 0; color: #666; content: '\203A'; display: block; font-size: 2rem; line-height: 1.5rem; padding-right: 1.5rem; pointer-events: none; position: absolute; right: 0.5rem; text-align: right; top: 15%; width: 1rem; z-index: 10; } @media screen and (min-width: 900px) { .p-tabs::before { display: none; } } .p-tabs__list { margin: 0 auto 1rem; overflow-x: scroll; padding: 0; position: relative; white-space: nowrap; width: 100%; } @media screen and (min-width: 900px) { .p-tabs__list { max-width: none; overflow: hidden; } } .p-tabs__item { display: inline-block; float: none; margin: 0; padding: 0; width: auto; } @media screen and (min-width: 900px) { .p-tabs__item { float: left; } } .p-tabs__item:last-child { margin-right: 3rem; } @media screen and (min-width: 900px) { .p-tabs__item:last-child { margin-right: 0; } } .p-tabs__link { color: #000; display: inline-block; padding: 0.75rem 1rem; } .p-tabs__link:visited, .p-tabs__link:active, .p-tabs__link:hover { color: #000; text-decoration: none; } .p-tabs__link:hover, .p-tabs__link[aria-selected="true"] { position: relative; } .p-tabs__link:hover::before, .p-tabs__link[aria-selected="true"]::before { bottom: 0; background-color: #666; content: ''; position: absolute; } .p-tabs__link:hover::before, .p-tabs__link[aria-selected="true"]::before { height: 0.1875rem; width: auto; left: -1px; right: -1px; z-index: 1; } .p-tooltip { position: relative; } .p-tooltip__message { background-color: #111; border: 0; border-radius: 0.125rem; color: #fff; display: none; left: 0; margin-bottom: 0; min-width: 155px; padding: 0.5rem 1rem; position: absolute; text-align: left; text-decoration: initial; top: 100%; transform: translateX(0%) translateY(13px); white-space: pre; z-index: 1; } .p-tooltip__message::before { border-bottom: 8px solid #111; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 100%; content: ''; height: 0; left: 1rem; pointer-events: none; position: absolute; width: 0; } .p-tooltip:focus .p-tooltip__message, .p-tooltip:hover .p-tooltip__message { display: inline; text-decoration: initial; } .p-tooltip--btm-center .p-tooltip__message { bottom: inherit; left: 50%; top: 100%; transform: translateX(-50%) translateY(13px); } .p-tooltip--btm-center .p-tooltip__message::before { left: 50%; transform: translateX(-50%); } .p-tooltip--btm-right .p-tooltip__message { bottom: inherit; left: initial; right: 0; top: 100%; transform: translateY(13px); } .p-tooltip--btm-right .p-tooltip__message::before { left: initial; right: 0.5rem; } .p-tooltip--top-left .p-tooltip__message { bottom: 100%; left: 0; top: initial; transform: translateX(0%) translateY(-13px); } .p-tooltip--top-left .p-tooltip__message::before { border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #111; bottom: -1rem; left: 0.5rem; } .p-tooltip--top-center .p-tooltip__message { bottom: 100%; left: 50%; top: initial; transform: translateX(-50%) translateY(-13px); } .p-tooltip--top-center .p-tooltip__message::before { border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #111; bottom: -1rem; left: 50%; transform: translateX(-50%); } .p-tooltip--top-right .p-tooltip__message { bottom: 100%; left: initial; right: 0; top: initial; transform: translateX(0%) translateY(-13px); } .p-tooltip--top-right .p-tooltip__message::before { border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #111; bottom: -1rem; left: initial; right: 0.5rem; } .p-tooltip--right .p-tooltip__message { bottom: inherit; left: 100%; top: 50%; transform: translateX(14px) translateY(-50%); } .p-tooltip--right .p-tooltip__message::before { border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid #111; border-top: 8px solid transparent; bottom: inherit; left: 0; top: 50%; transform: translateX(-16px) translateY(-50%); } .p-tooltip--left .p-tooltip__message { bottom: inherit; left: -16px; top: 50%; transform: translateX(-100%) translateY(-50%); } .p-tooltip--left .p-tooltip__message::before { border-bottom: 8px solid transparent; border-left: 8px solid #111; border-right: 8px solid transparent; border-top: 8px solid transparent; bottom: inherit; left: 100%; top: 50%; transform: translateX(0) translateY(-50%); } .u-align--center { justify-content: center !important; text-align: center !important; } .u-align--left { justify-content: flex-start !important; text-align: left !important; } .u-align--right { justify-content: flex-end !important; text-align: right !important; } .u-align--bottom { margin-top: auto !important; } .u-align-text--center { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } .u-align-text--left { margin-right: auto !important; text-align: left !important; } .u-align-text--right { margin-left: auto !important; text-align: right !important; } .u-animation--spin { animation: spin 1s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .u-baseline-grid { position: relative; } .u-baseline-grid::after { background: linear-gradient(to top, rgba(255, 0, 0, 0.3), rgba(255, 0, 0, 0.3) 1px, transparent 1px, transparent); background-size: 100% 0.5rem; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 100; } .u-baseline-grid__toggle { bottom: 1.5rem; position: fixed; right: 1.5rem; z-index: 101; } .u-embedded-media { height: 0; margin-top: 0.5rem; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; } .u-embedded-media__element { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media only screen and (min-width: 900px) { .u-equal-height { display: flex; } } .u-float--right { float: right !important; } .u-float--left { float: left !important; } .u-float-right { float: right !important; } @media (max-width: 620px) { .u-float-right--small { float: right !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-float-right--medium { float: right !important; } } @media (min-width: 1030px) { .u-float-right--large { float: right !important; } } .u-float-left { float: left !important; } @media (max-width: 620px) { .u-float-left--small { float: left !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-float-left--medium { float: left !important; } } @media (min-width: 1030px) { .u-float-left--large { float: left !important; } } .u-hide { display: none !important; } @media screen and (max-width: 900px) { .u-hide--small { display: none !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-hide--medium { display: none !important; } } @media screen and (min-width: 1030px) { .u-hide--large { display: none !important; } } @media (min-width: 900px) { .u-image-position { overflow: hidden; position: relative; } .u-image-position .u-image-position--top, .u-image-position .u-image-position--bottom, .u-image-position .u-image-position--left, .u-image-position .u-image-position--right { margin: 0; position: absolute; } .u-image-position [class*='col-'] { position: static; } .u-image-position--top { top: 0; } .u-image-position--bottom { bottom: 0; } .u-image-position--left { left: 0; } .u-image-position--right { right: 0; } } .u-no-margin { margin: 0 !important; } .u-no-margin--top { margin-top: 0 !important; } .u-no-margin--right { margin-right: 0 !important; } .u-no-margin--bottom { margin-bottom: 0 !important; } .u-no-margin--left { margin-left: 0 !important; } .u-off-screen { height: 1px !important; left: -10000px !important; overflow: hidden !important; position: absolute !important; top: auto !important; width: 1px !important; } .u-no-padding { padding: 0 !important; } .u-no-padding--top { padding-top: 0 !important; } .u-no-padding--right { padding-right: 0 !important; } .u-no-padding--bottom { padding-bottom: 0 !important; } .u-no-padding--left { padding-left: 0 !important; } .u-show { display: inherit !important; } @media screen and (max-width: 900px) { .u-show--small { display: inherit !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-show--medium { display: inherit !important; } } @media screen and (min-width: 1030px) { .u-show--large { display: inherit !important; } } .u-sv-3::after, .u-sv-2::after, .u-sv-1::after, .u-sv0::after, .u-sv1::after, .u-sv2::after, .u-sv3::after { content: ''; display: block; height: 0.0625rem; position: relative; } .u-sv-3::after { margin-top: -1.5625rem; } .u-sv-2::after { margin-top: -1.0625rem; } .u-sv-1::after { margin-top: -0.5625rem; } .u-sv0::after { margin-top: -0.0625rem; } .u-sv1::after { margin-top: 0.4375rem; } .u-sv2::after { margin-top: 0.9375rem; } .u-sv3::after { margin-top: 1.4375rem; } @media (min-width: 900px) { .u-vertically-center { align-items: center !important; display: flex !important; } .u-vertically-center > img { align-self: center !important; } } .u-hidden { display: none !important; } @media screen and (max-width: 900px) { .u-hidden--small { display: none !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-hidden--medium { display: none !important; } } @media screen and (min-width: 1030px) { .u-hidden--large { display: none !important; } } .u-visible { display: inherit !important; } @media screen and (max-width: 900px) { .u-visible--small { display: inherit !important; } } @media (min-width: 900px) and (max-width: 1030px) { .u-visible--medium { display: inherit !important; } } @media screen and (min-width: 1030px) { .u-visible--large { display: inherit !important; } } /* pygmentize codehilite */ /* github.css style from: https://github.com/nottrobin/github-pygments-theme */ .codehilite .hll { color: #595e62; } .codehilite .w { color: #333; } .codehilite .esc { color: #63a35c; } .codehilite .err { color: #333; } .codehilite .x { color: #333; } .codehilite .k { color: #a71d5d; } .codehilite .kc { color: #0086b3; } .codehilite .kd { color: #a71d5d; } .codehilite .kn { color: #a71d5d; } .codehilite .kp { color: #0086b3; } .codehilite .kr { color: #0086b3; } .codehilite .kt { color: #0086b3; } .codehilite .n { color: #333; } .codehilite .na { color: #795da3; } .codehilite .nb { color: #0086b3; } .codehilite .bp { color: #ed6a43; } .codehilite .nc { color: #795da3; } .codehilite .no { color: #0086b3; } .codehilite .nd { color: #333; } .codehilite .ni { color: #0086b3; } .codehilite .ne { color: #ed6a43; } .codehilite .nf { color: #333; } .codehilite .py { color: #ed6a43; } .codehilite .nl { color: #0086b3; } .codehilite .nn { color: #333; } .codehilite .nx { color: #795da3; } .codehilite .nt { color: #63a35c; } .codehilite .nv { color: #183691; } .codehilite .vc { color: #ed6a43; } .codehilite .vg { color: #ed6a43; } .codehilite .vi { color: #ed6a43; } .codehilite .l { color: #63a35c; } .codehilite .ld { color: #795da3; } .codehilite .s { color: #183691; } .codehilite .sb { color: #595e62; } .codehilite .sc { color: #183691; } .codehilite .sd { color: #183691; } .codehilite .s2 { color: #183691; } .codehilite .se { color: #183691; } .codehilite .sh { color: #183691; } .codehilite .si { color: #183691; } .codehilite .sx { color: #183691; } .codehilite .sr { color: #183691; } .codehilite .s1 { color: #183691; } .codehilite .ss { color: #a71d5d; } .codehilite .m { color: #0086b3; } .codehilite .mb { color: #0086b3; } .codehilite .mf { color: #0086b3; } .codehilite .mh { color: #0086b3; } .codehilite .mi { color: #0086b3; } .codehilite .il { color: #0086b3; } .codehilite .mo { color: #0086b3; } .codehilite .o { color: #333; } .codehilite .ow { color: #a71d5d; } .codehilite .p { color: #183691; } .codehilite .c { color: #969896; } .codehilite .cm { color: #969896; } .codehilite .cp { font-weight: bold; color: #1d3e81; } .codehilite .c1 { color: #969896; } .codehilite .cs { color: #969896; } .codehilite .g { color: #0086b3; } .codehilite .gd { color: #bd2c00; background-color: #ffecec; } .codehilite .ge { color: #b52a1d; } .codehilite .gr { color: #b52a1d; } .codehilite .gh { font-weight: bold, #1d3e81; } .codehilite .gi { color: #55a532; background-color: #eaffea; } .codehilite .go { color: #333; } .codehilite .gp { color: #333; } .codehilite .gs { color: #333; } .codehilite .gu { font-weight: bold, #1d3e81; } .codehilite .gt { color: #333; } /* Vanilla overrides */ p { max-width: 52em; } p > iframe { margin-top: 1rem; } th:not(:first-child), td:not(:first-child) { padding-left: 0.5rem; padding-right: 0.5rem; } hr { margin-bottom: 1.5rem; } /* --- */ /* Sidebar navigation */ .p-sidebar-nav__list { margin-bottom: 0.5rem; margin-top: -0.25rem; } .p-sidebar-nav__item { padding-bottom: 0.125rem; padding-top: 0.125rem; } .p-sidebar-nav__item:first-of-type { padding-top: 0.5rem; } .p-sidebar-nav__item:last-of-type { padding-bottom: 0.75rem; } .p-sidebar-nav__item .is-active { position: relative; } .p-sidebar-nav__item .is-active::before { background-color: #cdcdcd; bottom: -0.25rem; content: ''; left: -1rem; position: absolute; top: -0.25rem; width: 0.1875rem; } .p-sidebar-nav__item > .p-sidebar-nav__list { padding-left: 1rem; } /* --- */ /* Flex layout */ .docs-container { display: flex; flex-wrap: wrap; } .p-navigation { flex-basis: 100%; } .p-sidebar { border-right: 0.0625rem solid #cdcdcd; flex: 0 0 18rem; } @supports (position: sticky) { .p-sidebar { height: 100vh; overflow-y: scroll; position: sticky; top: 0; } } .p-sidebar__banner { display: flex; justify-content: flex-end; } .p-sidebar__content { padding: 1.5rem; } .p-sidebar__toggle { background-size: 1rem; cursor: pointer; padding: 2rem; } .p-content { margin-top: 0; flex: 5; } .p-content__row { margin-left: inherit; padding: 0 5%; } .p-aside { flex: 1; width: 12rem; } @supports (position: sticky) { .p-aside { height: 100vh; position: sticky; top: 0; } } .p-footer { flex-basis: 100%; } @media only screen and (max-width: 900px) { .docs-container { display: block; } .p-sidebar { border-bottom: 0.0625rem solid #cdcdcd; border-right: 0; flex: auto; height: inherit; position: static; overflow: hidden; } .p-sidebar__content { padding: 0 1.5rem 1.5rem 1.5rem; } .p-content { flex: auto; } .p-content__row { padding-left: 1.5rem; } .p-aside { display: none; } } /* --- */ /* Vanilla Docs specific styling */ .p-heading--stylized { font-weight: 100; } hr.is-deep { margin-bottom: 2rem; margin-top: 1.5rem; } .p-list__icon--github, .p-list__icon--twitter, .p-list__icon--slack { height: 1.5rem; width: 1.5rem; display: inline-block; margin: 0.25rem 1rem 0.25rem 0; position: relative; top: -2px; vertical-align: middle; } .p-list__icon--github { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 23.831h23.695V0H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23181616' mask='url%28%23b%29' d='M11.847 0C5.304 0 0 5.47 0 12.218c0 5.397 3.394 9.976 8.102 11.592.593.112.81-.265.81-.589 0-.29-.011-1.059-.017-2.078-3.295.738-3.99-1.638-3.99-1.638-.54-1.411-1.316-1.787-1.316-1.787-1.076-.758.081-.742.081-.742 1.19.086 1.815 1.259 1.815 1.259 1.057 1.867 2.773 1.327 3.448 1.015.108-.79.413-1.328.752-1.633-2.63-.309-5.397-1.357-5.397-6.039 0-1.333.462-2.423 1.22-3.278-.122-.309-.529-1.55.116-3.233 0 0 .995-.328 3.258 1.253a10.997 10.997 0 0 1 2.966-.411c1.006.004 2.02.139 2.966.41 2.262-1.58 3.255-1.252 3.255-1.252.647 1.682.24 2.924.118 3.233.759.855 1.218 1.945 1.218 3.278 0 4.694-2.77 5.727-5.41 6.029.426.377.805 1.123.805 2.263 0 1.632-.015 2.95-.015 3.351 0 .327.213.707.815.588 4.704-1.619 8.096-6.195 8.096-11.591C23.696 5.47 18.39 0 11.847 0'/%3E%3C/g%3E%3C/svg%3E"); } .p-list__icon--twitter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-9.813-5.596c-1.062.322-2.084 1.754-1.764 3.376-3.524-.213-5.08-2.1-6.017-3.003-.954 1.683.025 3.318.88 3.847-.452.025-.997-.17-1.268-.339-.103 1.552 1.163 2.628 2.24 2.907-.344.102-.668.117-1.223.034.472 1.561 1.74 1.979 2.686 2.047-1.217 1.055-2.678 1.285-4.267 1.208 4.12 2.518 8.28.969 10.305-1.008 1.7-1.659 2.461-4.144 2.487-6.368.389-.315 1.176-.985 1.39-1.51-.311.12-.925.404-1.565.43.528-.346 1.132-1.038 1.196-1.58-.585.318-1.261.594-1.84.681-1.091-1.052-2.154-1.052-3.24-.722z' fill='%231DA1F2' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-list__icon--slack { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Ccircle cy='12' cx='12' r='12' fill='%23E01A59'/%3E%3Cg fill-rule='nonzero' fill='%23fff'%3E%3Cpath d='M14.42 4.738a1.49 1.49 0 0 0-1.862-.952 1.49 1.49 0 0 0-.952 1.863l3.821 11.75a1.476 1.476 0 0 0 1.795.911c.79-.23 1.265-1.06 1.006-1.823 0-.027-3.808-11.749-3.808-11.749zM8.505 6.655a1.49 1.49 0 0 0-1.863-.952 1.49 1.49 0 0 0-.952 1.864l3.821 11.75a1.474 1.474 0 0 0 1.795.91c.79-.23 1.265-1.06 1.007-1.821 0-.027-3.808-11.75-3.808-11.75z'/%3E%3Cpath d='M19.235 14.461a1.49 1.49 0 0 0 .951-1.863 1.49 1.49 0 0 0-1.863-.952L6.56 15.482a1.474 1.474 0 0 0-.91 1.795c.23.79 1.06 1.265 1.821 1.007.028 0 11.764-3.822 11.764-3.822z'/%3E%3Cpath d='M9.008 17.793c.762-.245 1.755-.57 2.815-.91-.245-.763-.57-1.755-.91-2.816l-2.816.911.911 2.815zM14.937 15.862c1.061-.34 2.054-.667 2.815-.91-.245-.763-.57-1.755-.91-2.816l-2.816.911.911 2.815zM17.303 8.546a1.49 1.49 0 0 0 .952-1.863 1.49 1.49 0 0 0-1.863-.952L4.642 9.552a1.475 1.475 0 0 0-.91 1.795c.23.789 1.06 1.265 1.822 1.007.027 0 11.75-3.808 11.75-3.808z'/%3E%3Cpath d='M7.09 11.864c.762-.245 1.755-.571 2.816-.911-.34-1.06-.667-2.054-.911-2.815l-2.815.911.91 2.815zM13.006 9.947c1.061-.34 2.054-.667 2.815-.912-.34-1.06-.666-2.053-.91-2.815l-2.816.911.911 2.816z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .p-list__item--deep { padding: 0.5rem 0; } /* --- */